/* Shared site navigation. Page layouts must not override this component. */
@font-face{font-family:WBNewsreader;src:url('/fonts/newsreader-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:WBArchivo;src:url('/fonts/archivo-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:WBArabic;src:url('/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.wb-header{display:block;position:relative;z-index:40;width:100%;margin:0;padding:0;background:#011516;color:#FAF6EE;border:0;border-bottom:1px solid #ffffff1f;font:400 13px/1.55 WBArchivo,Arial,sans-serif;text-align:start;isolation:isolate}
.wb-header *{box-sizing:border-box}
.wb-header .wb-header-row{width:min(1104px,calc(100% - 48px));height:96px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wb-header a{color:#D5E1E2;text-decoration:none;font:inherit;letter-spacing:.12em;white-space:nowrap;border:0;margin:0;background:transparent}
.wb-header .wb-brand{font:400 25px/1.2 WBNewsreader,Georgia,serif;letter-spacing:-.02em;color:#f6f0e8;flex-shrink:0;padding:0}
.wb-header .wb-desktop{display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
.wb-header .wb-desktop>a{display:inline-flex;align-items:center;min-height:44px;padding:12px 0}
.wb-header a:hover,.wb-header a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:#F08A57;text-decoration-thickness:2px;text-underline-offset:8px}
.wb-header .wb-contact{margin-inline-start:22px;padding-inline-start:30px;border-inline-start:1px solid #ffffff8c;color:#fff}
.wb-header .wb-language{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid currentColor;border-radius:2px;font-family:WBArabic,Arial,sans-serif;letter-spacing:0}
.wb-header :focus-visible{outline:2px solid #F08A57;outline-offset:4px}
.wb-header .wb-menu-toggle,.wb-header .wb-mobile{display:none}
.wb-header .wb-mobile[hidden]{display:none!important}
html[lang=ar] .wb-header{direction:rtl;font-family:WBArabic,Arial,sans-serif}
html[lang=ar] .wb-header a{font-family:WBArabic,Arial,sans-serif;letter-spacing:0}
html[lang=ar] .wb-header .wb-brand{font-size:25px}
html[lang=ar] .wb-header .wb-language{font-family:WBArchivo,Arial,sans-serif}
@media(max-width:1050px){.wb-header .wb-desktop{gap:16px}.wb-header .wb-contact{margin-inline-start:8px;padding-inline-start:18px}}
@media(max-width:900px){
 .wb-header .wb-header-row{height:74px}
 .wb-header .wb-desktop{display:none}
 .wb-header .wb-menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer}
 .wb-header .wb-menu-toggle span{display:block;width:20px;height:1px;background:currentColor;margin:0;padding:0}
 .wb-header .wb-mobile:not([hidden]){display:grid;position:absolute;top:100%;inset-inline:24px;padding:12px;background:#011516;border:1px solid #ffffff33;box-shadow:0 12px 24px #0003}
 .wb-header .wb-mobile>a{display:flex;align-items:center;min-height:44px;padding:12px;text-align:start}
 .wb-header .wb-mobile .wb-contact{margin:0;border:0;border-top:1px solid #ffffff33}
 .wb-header .wb-mobile .wb-language{justify-self:start;margin:8px 12px;padding:8px 12px}
}
@media(max-width:480px){.wb-header .wb-header-row{width:calc(100% - 32px)}.wb-header .wb-brand{font-size:21px}html[lang=ar] .wb-header .wb-brand{font-size:21px}.wb-header .wb-mobile:not([hidden]){inset-inline:16px}}
/* Keep link padding independent of page styles and avoid doubled wrapper rules. */
.wb-header .wb-desktop>.wb-contact{padding-inline-start:30px}
.wb-header .wb-desktop>.wb-language{padding:8px 10px}
.site-header:has(>.wb-header){border-bottom:0}
@media(min-width:901px) and (max-width:1050px){.wb-header .wb-desktop>.wb-contact{padding-inline-start:18px}}