/* ProSa – ny design, tillägg och justeringar (laddas efter prosa-ny.css). */

/* Ebor lägger varje vc_row i .container.inner > .row > .wpb_column med egna marginaler: nollställ så att banden kan gå kant i kant. */
.prosa-ny .vc_row.pn-vc>.container,
.prosa-ny .vc_row.pn-vc>.container>.row,
.prosa-ny .pn-vc .wpb_column{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.prosa-ny .vc_row.pn-vc>.container>.row::before,.prosa-ny .vc_row.pn-vc>.container>.row::after{display:none}

/* Sidhuvudet linjerar med innehållet (max 1200 px). */
.prosa-ny .nav-bar,
.prosa-ny .nav-bar.nav--fixed{padding-left:max(clamp(20px,4vw,40px),calc((100% - 1200px)/2 + clamp(20px,4vw,40px)));padding-right:max(clamp(20px,4vw,40px),calc((100% - 1200px)/2 + clamp(20px,4vw,40px)))}

/* Logotypen i sidhuvudet: höjden styr både bredd och beskärning, så proportionerna ändras aldrig. 23.34px höjd = 100 px bredd. */
.prosa-ny .nav-bar .logo-module .custom-logo-link{--h:23.34px}

/* Språkväljaren: texten "SV ▾" måste ha egen färg och eget typsnitt (temat gör pilar och liknande vita). */
.prosa-ny .nav-bar .menu>li.qtranxs-lang-menu>a{display:inline-flex;align-items:center;height:auto!important;color:#2F3D34!important}
.prosa-ny .nav-bar .menu>li.qtranxs-lang-menu>a::after{color:#2F3D34!important;font-family:'Inter',system-ui,sans-serif;position:static;opacity:1;transform:none}
.prosa-ny .nav-bar .menu>li.qtranxs-lang-menu>a::before{display:none}
.prosa-ny .nav-bar .menu>li>ul a{font-family:'Inter',system-ui,sans-serif}

/* Mobilmeny: tillägget Responsive Menu döljer temats meny under 1000 px och visar en egen svart knapp och mörk sidopanel. I den nya designen används temats egen meny i sidhuvudet. */
.prosa-ny [id^="rmp_menu_trigger"],.prosa-ny [id^="rmp-container"],.prosa-ny [class*="rmp-menu-overlay"]{display:none!important}
.prosa-ny #menu-prosa{display:flex!important}

/* Sidfotens länkar: temat gör länkar i mörk sidfot vita. */
.prosa-ny footer .pn-foot__nav a{color:#44524A!important}
.prosa-ny footer .pn-foot__nav a:hover{color:#14201A!important}

/* Tjänsterader: bilder med ljus bakgrund får en tunn ram. */
.prosa-ny .pn-svc__media.pn-line img{border:1px solid #DCE3D3}

/* Personkort: bild och namn linjerar, e-postadresser får plats på en rad. */
.prosa-ny .pn-person__head{align-items:flex-start}
.prosa-ny .pn-person__id{justify-content:center;min-height:56px}
.prosa-ny .pn-person .pn-cl{gap:10px;font-size:15px}

/* Långa ord (till exempel "Explosionsskyddsdokumentet") får inte skjuta ut sidan på mobil. */
.prosa-ny .pn h1,.prosa-ny .pn h2,.prosa-ny .pn h3{overflow-wrap:break-word}
.prosa-ny .pn-art__t{font-size:clamp(22px,3vw,40px)}
.prosa-ny .pn-post__t{font-size:clamp(22px,2.2vw,26px)}

@media (max-width:990px){
.prosa-ny .nav-bar,.prosa-ny .nav-bar.nav--fixed{padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}
}
@media (max-width:480px){
.prosa-ny .pn-person{padding:20px}
.prosa-ny .pn-person .pn-cl{gap:8px;font-size:14px}
}