/* ProSa: mobilmenyn rullar fram uppifrån som en gardin (svenska och engelska). */
@media (max-width:990px){
	.prosa-ny .nav-container{height:69px}

	/* Panelen ligger över innehållet i stället för att skjuta ner det. */
	.prosa-ny .nav-bar:not(.nav--fixed){position:absolute;top:0;left:0;right:0;width:auto}

	/* Gardinen: höjden animeras till den uppmätta panelhöjden (sätts av prosa-ny-nav.js). */
	.prosa-ny .nav-bar,
	.prosa-ny .nav-bar.nav--fixed{transition:max-height .55s cubic-bezier(.22,.7,.2,1),box-shadow .55s ease}
	.prosa-ny .nav-open .nav-bar,
	.prosa-ny .nav-open .nav-bar.nav--fixed{max-height:min(var(--pn-nav-h,640px),100vh)!important;box-shadow:0 18px 32px -14px rgba(20,32,26,.32)}
	.prosa-ny .nav-open .nav-bar.pn-nav-tall{overflow-y:auto}

	/* Innehållet är dolt för tangentbord och skärmläsare när gardinen är uppe. */
	.prosa-ny .nav-bar .menu-module,
	.prosa-ny .nav-bar .pn-nav-cta{visibility:hidden;transition:visibility 0s linear .55s}
	.prosa-ny .nav-open .nav-bar .menu-module,
	.prosa-ny .nav-open .nav-bar .pn-nav-cta{visibility:visible;transition-delay:0s}

	/* Lite vitt under knappen "Kontakta oss" när gardinen är nere. */
	.prosa-ny .nav-bar .pn-nav-cta{padding-bottom:28px}

	/* Knappen ligger kvar ovanpå panelen och byter till ett kryss när den är öppen.
	   Krysset ritas av två streck med samma tjocklek (2 px) som hamburgarens streck och
	   har sin mittpunkt exakt där hamburgarens mitt var (knappen är 90 x 68 px, mitten 50 % / 50 %).
	   Hamburgarglyfen finns kvar men görs genomskinlig, så att knappens mått inte ändras. */
	.prosa-ny .nav-mobile-toggle{z-index:1000}
	.prosa-ny .nav-bar.nav--fixed + .nav-mobile-toggle{right:16px}
	.prosa-ny .nav-mobile-toggle .ion-drag:before{transition:color .2s ease}
	.prosa-ny .nav-mobile-toggle:before,
	.prosa-ny .nav-mobile-toggle:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:2px;margin:-1px 0 0 -14px;background:currentColor;opacity:0;transform:rotate(0deg);transition:transform .35s cubic-bezier(.22,.7,.2,1),opacity .2s ease;pointer-events:none}
	.prosa-ny .nav-open .nav-mobile-toggle .ion-drag:before{color:transparent}
	.prosa-ny .nav-open .nav-mobile-toggle:before{opacity:1;transform:rotate(45deg)}
	.prosa-ny .nav-open .nav-mobile-toggle:after{opacity:1;transform:rotate(-45deg)}
}
@media (max-width:990px) and (prefers-reduced-motion:reduce){
	.prosa-ny .nav-bar,
	.prosa-ny .nav-bar.nav--fixed,
	.prosa-ny .nav-bar .menu-module,
	.prosa-ny .nav-bar .pn-nav-cta,
	.prosa-ny .nav-mobile-toggle:before,
	.prosa-ny .nav-mobile-toggle:after,
	.prosa-ny .nav-mobile-toggle .ion-drag:before{transition:none!important}
}