/* Muslim Professional Network — one public header across visitor & account pages.
   Scoped selectors prevent legacy page-specific nav bars from overriding the design. */
.mpn-unified-header,
.mpn-unified-header *,
.mpn-unified-header *::before,
.mpn-unified-header *::after{box-sizing:border-box}
.mpn-unified-header{
 position:relative;z-index:110;background:rgba(255,255,253,.985);
 border-bottom:1px solid #dce8df;box-shadow:0 2px 18px rgba(19,57,38,.045);
 color:#1b4534;text-align:start;font-family:system-ui,-apple-system,"Segoe UI",sans-serif
}
.mpn-unified-header__inner{
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,30px);
 width:min(1400px,calc(100% - 48px));min-height:78px;margin:0 auto;
}
.mpn-unified-header__brand{
 flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:11px;
 color:#174331!important;text-decoration:none!important;border-radius:10px;
}
.mpn-unified-header__mark{
 display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;
 border:1px solid #e2ece4;background:#f4f7f0;border-radius:11px;
}
.mpn-unified-header__mark img{display:block;width:40px;height:40px;object-fit:contain}
.mpn-unified-header__identity{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.mpn-unified-header__identity strong{
 color:#1b4735!important;font-size:clamp(10px,.98vw,13px);font-weight:800;
 letter-spacing:.035em;white-space:nowrap;line-height:1.3;
}
.mpn-unified-header__identity small{
 color:#648071!important;font-size:10px;font-weight:550;margin-top:3px;white-space:nowrap;line-height:1.4;
}
.mpn-unified-header__panel{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:clamp(10px,1.2vw,24px);min-width:0}
.mpn-unified-header__nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex-wrap:nowrap;min-width:0}
.mpn-unified-header__nav>a{
 display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px clamp(6px,.65vw,11px);
 border-radius:9px;color:#355b47!important;background:transparent;font-size:12px;line-height:1.3;
 white-space:nowrap;text-decoration:none!important;font-weight:650;
 transition:background-color .18s,color .18s;
}
.mpn-unified-header__nav>a:hover,.mpn-unified-header__nav>a[aria-current="page"]{color:#155b40!important;background:#e8f3eb}
.mpn-unified-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;min-width:0}
.mpn-unified-header__actions .mpn-public-language{display:block;position:relative;flex:0 0 auto;min-width:0;margin:0}
.mpn-unified-header__actions .mvn-language-menu{position:relative}
.mpn-unified-header__actions .mvn-language-menu>summary{
 min-height:43px;max-width:166px;padding-inline:9px;
 border:1px solid #dbe8dd;background:#f7faf5;border-radius:10px;
 color:#24513b;font-size:11px
}
.mpn-unified-header__cta{
 display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:43px;
 padding:10px 14px;border-radius:10px;text-decoration:none!important;
 font-size:11.5px;font-weight:750;line-height:1.3;white-space:nowrap;
}
.mpn-unified-header__cta--login{background:transparent;color:#24553b!important;border:1px solid #d9e6dc}
.mpn-unified-header__cta--login:hover{background:#edf5ef}
.mpn-unified-header__cta--main{color:#fff!important;background:#15533d;border:1px solid #15533d;box-shadow:0 4px 13px rgba(21,83,61,.12)}
.mpn-unified-header__cta--main:hover{background:#0e4432;border-color:#0e4432}
.mpn-unified-header a:focus-visible,.mpn-unified-header button:focus-visible,.mpn-unified-header summary:focus-visible{
 outline:3px solid #b89b65!important;outline-offset:3px
}
.mpn-unified-header__toggle{
 display:none;align-items:center;gap:9px;justify-content:center;min-height:44px;min-width:44px;
 padding:9px 11px;background:#f0f6ef;border:1px solid #dbe7dc;color:#24553d;
 border-radius:10px;cursor:pointer;font:700 11px/1 system-ui,sans-serif;
}
.mpn-unified-header__toggle-lines{display:flex;flex-direction:column;gap:4px;width:19px}
.mpn-unified-header__toggle-lines>span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
.mpn-unified-header__toggle-label{white-space:nowrap}
/* The signed-in workspace has role-specific tools; align the identity and
   visual treatment without replacing secured search/account controls. */
body.mvn-app-body .mpn-workspace-brand{
 display:inline-flex;align-items:center;gap:7px;min-height:38px;
 flex:0 0 auto;color:#22533e;text-decoration:none;font-weight:800;
 font-size:11px;letter-spacing:.05em;border-radius:8px
}
body.mvn-app-body .mpn-workspace-brand__mark{
 display:grid;place-items:center;width:30px;height:30px;
 border:1px solid #dce9df;background:#f5f8f4;border-radius:8px
}
body.mvn-app-body .mpn-workspace-brand__mark img{width:27px;height:27px;object-fit:contain}
body.mvn-app-body .mpn-workspace-brand:focus-visible{outline:3px solid #b89b65;outline-offset:3px}
@media(max-width:1240px){
 .mpn-unified-header__inner{width:min(100% - 32px,1400px)}
 .mpn-unified-header__identity small{display:none}
 .mpn-unified-header__nav>a{padding-inline:7px;font-size:11px}
 .mpn-unified-header__actions{gap:5px}
 .mpn-unified-header__cta{padding-inline:10px}
}
@media(max-width:1110px){
 .mpn-unified-header__inner{min-height:70px;width:calc(100% - 28px)}
 .mpn-unified-header__identity strong{font-size:12px}
 .mpn-unified-header__identity small{display:block}
 .mpn-unified-header__toggle{display:inline-flex;flex:0 0 auto}
 .mpn-unified-header__panel{
  display:none;position:absolute;top:calc(100% + 1px);
  inset-inline-start:0;inset-inline-end:0;z-index:115;
  padding:15px;background:#fff;border:1px solid #dce7dd;
  border-radius:0 0 16px 16px;box-shadow:0 16px 32px rgba(18,58,39,.16);
  max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;
 }
 .mpn-unified-header__panel.is-open{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .mpn-unified-header__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;justify-content:stretch}
 .mpn-unified-header__nav>a{
  justify-content:flex-start;min-height:45px;padding:12px 14px;
  border:1px solid #e7eee9;background:#f9fbf8;color:#274b39!important;
  font-size:12.5px;white-space:normal;text-align:start
 }
 .mpn-unified-header__actions{
  align-items:stretch;justify-content:space-between;gap:10px;
  flex-wrap:wrap;border-top:1px solid #e8efe9;padding-top:12px
 }
 .mpn-unified-header__actions .mpn-public-language{flex:1 1 180px}
 .mpn-unified-header__actions .mvn-language-menu>summary{max-width:100%;min-height:45px}
 .mpn-unified-header__cta{flex:1 1 auto;min-height:45px;font-size:12px}
}
@media(max-width:600px){
 .mpn-unified-header__inner{min-height:65px;width:calc(100% - 24px);gap:9px}
 .mpn-unified-header__brand{gap:7px}
 .mpn-unified-header__mark{width:37px;height:37px;flex-basis:37px;border-radius:9px}
 .mpn-unified-header__mark img{width:34px;height:34px}
 .mpn-unified-header__identity strong{font-size:clamp(9.5px,2.5vw,12px);max-width:min(68vw,330px);overflow-wrap:anywhere;white-space:normal;line-height:1.25}
 .mpn-unified-header__identity small{font-size:9px;white-space:normal;max-width:260px}
 .mpn-unified-header__toggle-label{display:none}
 .mpn-unified-header__panel{padding:12px;max-height:calc(100dvh - 74px)}
 .mpn-unified-header__nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mpn-unified-header__actions .mpn-public-language{flex:1 1 100%}
 .mpn-unified-header__cta{flex:1 1 calc(50% - 6px)}
 body.mvn-app-body .mpn-workspace-brand__text{display:none}
}
@media(max-width:390px){
 .mpn-unified-header__nav{grid-template-columns:1fr}
 .mpn-unified-header__identity strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .mpn-unified-header__nav>a{transition:none}
}
/* Preserve narrow language-panel viewport safety across every page. */
@media(max-width:600px){
 .mpn-unified-header .mvn-language-popover{
  position:fixed!important;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));
  inset-inline-start:auto;inset-inline-end:auto;top:max(70px,env(safe-area-inset-top,0px));
  max-width:none;width:auto!important;max-height:calc(100dvh - 84px);overflow-y:auto;z-index:125
 }
}