/* R50 — one shared header theme and one consistent menu across every route. */
.header[data-header-theme]{--ayh-fg:#fff;--ayh-bg:transparent;--ayh-border:rgba(255,255,255,.18);color:var(--ayh-fg)}
.header[data-header-theme="light"]{--ayh-fg:#0c436a;--ayh-bg:rgba(255,255,255,.96);--ayh-border:rgba(12,67,106,.12)}
.header[data-header-theme="dark"]{--ayh-fg:#fff;--ayh-bg:linear-gradient(180deg,rgba(4,35,57,.42),rgba(4,35,57,.08) 68%,rgba(4,35,57,0));--ayh-border:rgba(255,255,255,.16)}
.header[data-header-theme] .header__background{background:var(--ayh-bg)!important;border:0!important;border-bottom:0!important;box-shadow:none!important;transition:background .28s ease}
.header[data-header-theme="light"] .header__background{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none!important;border:0!important}
.header[data-header-theme],.header[data-header-theme] :where(.btn--link,.btn--link:visited,.btn__text,.btn__icon,.group--header>a,.group--header>a:visited,.ayamen-lang-switch,.header__logo-link){color:var(--ayh-fg)!important;-webkit-text-fill-color:currentColor!important}
.header[data-header-theme] :where(.btn--link,.group--header>a,.ayamen-lang-switch):hover,.header[data-header-theme] :where(.btn--link,.group--header>a,.ayamen-lang-switch):focus-visible{color:var(--ayh-fg)!important;opacity:.78}
.header[data-header-theme] .header__content svg:not(.ayamen-brand-svg){color:currentColor;fill:currentColor;stroke:currentColor}
.header[data-header-theme] .header__button-regular,.header[data-header-theme] .header__button-collapsed{background:transparent!important;border:0!important;padding-inline:0!important;color:var(--ayh-fg)!important;box-shadow:none!important}
.header[data-header-theme] .header__logo img{filter:none!important}
.header[data-header-theme] .header__logo-link,.header[data-header-theme] .header__logo,.header[data-header-theme] .ayamen-brand-svg{color:var(--ayh-fg)!important}
.header[data-header-theme] .ayamen-brand-svg [data-ayamen-symbol="true"]{fill:#f6921e!important;stroke:#f6921e!important}
.header[data-header-theme] .ayamen-brand-svg path:not([data-ayamen-symbol="true"]),.header[data-header-theme] .ayamen-brand-svg polygon:not([data-ayamen-symbol="true"]),.header[data-header-theme] .ayamen-brand-svg rect:not([data-ayamen-symbol="true"]){fill:currentColor!important}
.header[data-header-theme] .ayamen-brand-svg [stroke]:not([data-ayamen-symbol="true"]){stroke:currentColor!important}

/* The modal menu owns its own palette; page/header themes never recolour it. */
#menu.menu{--aym-bg:#f8f3ea;--aym-fg:#0c436a;--aym-line:rgba(12,67,106,.18);font-family:AyamenSans,Helvetica,Arial,sans-serif;color:var(--aym-fg)}
#menu.menu .menu__inner{background:var(--aym-bg)!important;color:var(--aym-fg)!important}
#menu.menu .menu__logo{display:flex!important;align-items:center!important;width:clamp(110px,10vw,150px)!important;aspect-ratio:583.51/404.67!important;height:auto!important;max-height:none!important;margin:0!important;overflow:visible!important;transform:none!important;color:var(--aym-fg)!important}
#menu.menu .menu__logo img,#menu.menu .menu__logo svg{display:block!important;width:100%!important;height:100%!important;max-height:none!important;overflow:visible!important;object-fit:contain!important;object-position:center!important;filter:none!important}
#menu.menu .menu__logo .ayamen-brand-svg [data-ayamen-symbol="true"]{fill:#f6921e!important;stroke:#f6921e!important}
#menu.menu .menu__logo .ayamen-brand-svg path:not([data-ayamen-symbol="true"]),#menu.menu .menu__logo .ayamen-brand-svg polygon:not([data-ayamen-symbol="true"]),#menu.menu .menu__logo .ayamen-brand-svg rect:not([data-ayamen-symbol="true"]){fill:currentColor!important}
#menu.menu .menu__list{gap:clamp(1.55rem,3vh,2.65rem)!important}
#menu.menu .menu__list>a{font-family:AyamenSans,Helvetica,Arial,sans-serif!important;font-size:clamp(2.75rem,4.35vw,5.25rem)!important;font-weight:400!important;line-height:.96!important;letter-spacing:-.04em!important;color:var(--aym-fg)!important;margin:0!important;padding-block:.08em!important;max-width:100%;white-space:normal}
#menu.menu .menu__bottom,#menu.menu .menu__bottom a,#menu.menu .menu__top .btn{color:var(--aym-fg)!important}
#menu.menu .menu__top .btn{border-color:var(--aym-line)!important}
html[lang="ar"] #menu.menu .menu__list>a{font-family:AyamenCamel,Tahoma,Arial,sans-serif!important;font-weight:500!important;letter-spacing:0!important;line-height:1.14!important}
@media(max-width:979px){#menu.menu{--aym-bg:#0c436a;--aym-fg:#fff;--aym-line:rgba(255,255,255,.22)}#menu.menu .menu__logo{width:clamp(96px,30vw,128px)!important;max-height:none!important}#menu.menu .menu__list{gap:clamp(1.05rem,2.4vh,1.6rem)!important}#menu.menu .menu__list>a{font-size:clamp(2.15rem,10.5vw,3.55rem)!important;line-height:1!important;color:#fff!important}html[lang="ar"] #menu.menu .menu__list>a{line-height:1.17!important}}
@media(prefers-reduced-motion:reduce){.header[data-header-theme] *{transition:none!important}}


/* R51: every final header action follows the same active theme. */
.header[data-header-theme] :where(.btn--primary,.header__button-regular,.header__button-collapsed),
.header[data-header-theme] :where(.btn--primary,.header__button-regular,.header__button-collapsed) :where(.btn__content,.btn__text,.btn__icon){
  color:var(--ayh-fg)!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.header[data-header-theme] :where(.btn--primary,.header__button-regular,.header__button-collapsed)::before,
.header[data-header-theme] :where(.btn--primary,.header__button-regular,.header__button-collapsed)::after{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
}
.header[data-header-theme] :where(.btn--primary,.header__button-regular,.header__button-collapsed){padding:0!important;min-width:0!important;height:auto!important}

/* R51: the full-screen menu is a body-level layer above the navbar. */
#menu.menu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;z-index:2147483000!important;margin:0!important}
html.ayamen-menu-open .header,body.ayamen-menu-open .header{visibility:hidden!important;pointer-events:none!important}
html.ayamen-menu-open,body.ayamen-menu-open{overflow:hidden!important}


/* R52 — complete menu brand and guaranteed CTA contrast. */
#menu.menu .menu__logo-image{display:block!important;width:100%!important;height:auto!important;aspect-ratio:583.51/404.67!important;max-width:none!important;max-height:none!important;overflow:visible!important;object-fit:contain!important;object-position:center!important;filter:none!important}
#menu.menu .menu__logo .ayamen-brand-svg{display:block!important;width:100%!important;height:auto!important;aspect-ratio:583.51/404.67!important;overflow:visible!important}
#menu.menu .menu__bottom>.btn,
#menu.menu .menu__bottom>.btn:visited{background:var(--aym-fg)!important;border:1px solid var(--aym-fg)!important;color:var(--aym-bg)!important;-webkit-text-fill-color:var(--aym-bg)!important}
#menu.menu .menu__bottom>.btn :where(.btn__content,.btn__text,.btn__icon),
#menu.menu .menu__bottom>.btn :where(.btn__content,.btn__text,.btn__icon) *{color:var(--aym-bg)!important;-webkit-text-fill-color:var(--aym-bg)!important}
#menu.menu .menu__bottom>.btn::before,#menu.menu .menu__bottom>.btn::after{background:var(--aym-fg)!important;border-color:var(--aym-fg)!important}
#menu.menu .menu__bottom>.btn:hover,#menu.menu .menu__bottom>.btn:focus-visible{background:transparent!important;color:var(--aym-fg)!important;-webkit-text-fill-color:var(--aym-fg)!important}
#menu.menu .menu__bottom>.btn:hover :where(.btn__content,.btn__text,.btn__icon),#menu.menu .menu__bottom>.btn:focus-visible :where(.btn__content,.btn__text,.btn__icon){color:var(--aym-fg)!important;-webkit-text-fill-color:var(--aym-fg)!important}
@media(max-width:979px){#menu.menu .menu__bottom>.btn,#menu.menu .menu__bottom>.btn:visited{background:#f8f3ea!important;border-color:#f8f3ea!important;color:#0c436a!important;-webkit-text-fill-color:#0c436a!important}#menu.menu .menu__bottom>.btn :where(.btn__content,.btn__text,.btn__icon),#menu.menu .menu__bottom>.btn :where(.btn__content,.btn__text,.btn__icon) *{color:#0c436a!important;-webkit-text-fill-color:#0c436a!important}#menu.menu .menu__bottom>.btn::before,#menu.menu .menu__bottom>.btn::after{background:#f8f3ea!important;border-color:#f8f3ea!important}#menu.menu .menu__bottom>.btn:hover,#menu.menu .menu__bottom>.btn:focus-visible{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}#menu.menu .menu__bottom>.btn:hover :where(.btn__content,.btn__text,.btn__icon),#menu.menu .menu__bottom>.btn:focus-visible :where(.btn__content,.btn__text,.btn__icon){color:#fff!important;-webkit-text-fill-color:#fff!important}}


/* R92 — the user-supplied stacked Ayamen logo is used everywhere outside the nav. */
#menu.menu .menu__logo-image,
#menu.menu .menu__logo .ayamen-brand-svg{
  aspect-ratio:583.51/404.67!important;
  inline-size:100%!important;
  block-size:auto!important;
  object-fit:contain!important;
}
.turn-message__logo{
  inline-size:clamp(72px,10vw,96px)!important;
  block-size:auto!important;
  aspect-ratio:583.51/404.67!important;
  object-fit:contain!important;
}