/* v3.11.30 — advanced scroll capsule controls. Loaded after the v3.11.25 base capsule layer. */
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header {
  transition-duration:var(--capsule-speed,420ms)!important;
  transition-timing-function:var(--capsule-ease,cubic-bezier(.22,.72,.2,1))!important;
}
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule {
  width:min(var(--capsule-current-max,var(--capsule-max-width,1180px)),calc(100% - (var(--capsule-side,16px) * 2)))!important;
  max-width:var(--capsule-current-max,var(--capsule-max-width,1180px))!important;
  left:50%!important;right:auto!important;
  top:calc(var(--capsule-top-base,16px) + var(--capsule-safe-top,0px))!important;
  border-radius:var(--capsule-radius,28px)!important;
  transform:translateX(-50%) translateY(0) scale(var(--capsule-smart-scale,1))!important;
  transform-origin:top center!important;
  overflow:visible;
}
.public-site[data-capsule-inherit-style="1"][data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule {
  background:var(--capsule-theme-bg,var(--brand-hero))!important;
  color:var(--capsule-theme-ink,#fff)!important;
  border-color:var(--capsule-theme-border,var(--brand-primary))!important;
}
.public-site[data-capsule-inherit-style="1"][data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule :is(.site-nav a,.safar-v3-header-nav a,.rihla-v4-header-nav a,nav a) {color:var(--capsule-theme-nav-ink,var(--capsule-theme-ink,#fff))!important;}
.public-site[data-capsule-inherit-style="1"][data-premium-capsule-header="1"]:not([data-signature-reference="1"]) .site-submenu {background:var(--capsule-theme-bg,var(--brand-hero))!important;color:var(--capsule-theme-ink,#fff)!important;}

.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule > div:first-child,
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule .safar-v3-header-shell,
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule .rihla-v4-header-shell {
  min-height:var(--capsule-height,58px)!important;
  padding-left:var(--capsule-pad-x,14px)!important;
  padding-right:var(--capsule-pad-x,14px)!important;
  padding-top:var(--capsule-pad-y,0px)!important;
  padding-bottom:var(--capsule-pad-y,0px)!important;
  transition:min-height var(--capsule-speed,420ms) var(--capsule-ease),padding var(--capsule-speed,420ms) var(--capsule-ease)!important;
}
.public-site[data-theme="safar_make_v3"][data-premium-capsule-header="1"] > header.site-header-capsule .safar-v3-header-shell,
.public-site[data-theme="rihla_make_v4"][data-premium-capsule-header="1"] > header.site-header-capsule .rihla-v4-header-shell {height:var(--capsule-height,58px)!important;}

/* Two-stage morph: a small compressed/translucent step before the full floating capsule. */
.public-site[data-premium-capsule-header="1"][data-capsule-stage="prep"]:not([data-signature-reference="1"]) > header.site-header-capsule-prep {
  border-radius:min(var(--capsule-radius,28px),18px)!important;
  transform:translateY(-1px) scale(.995)!important;
  transform-origin:top center!important;
  box-shadow:0 8px 28px rgba(0,0,0,.10)!important;
  transition-duration:var(--capsule-speed,420ms)!important;
  transition-timing-function:var(--capsule-ease)!important;
}
@supports (background:color-mix(in srgb,black 50%,transparent)) {
  .public-site[data-premium-capsule-header="1"][data-capsule-transparent-transition="1"][data-capsule-stage="prep"]:not([data-signature-reference="1"]) > header.site-header-capsule-prep {
    background:color-mix(in srgb,var(--capsule-theme-bg,var(--brand-hero)) 58%,transparent)!important;
    border-color:color-mix(in srgb,var(--capsule-theme-border,var(--brand-primary)) 42%,transparent)!important;
    -webkit-backdrop-filter:blur(var(--capsule-blur-prep,11px)) saturate(110%)!important;
    backdrop-filter:blur(var(--capsule-blur-prep,11px)) saturate(110%)!important;
  }
}

/* Logo morph. Explicit capsule width/height is applied by JS only when configured. */
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header :is(img[data-logo-placement="header"],.safar-v3-header-logo img,.safar-v3-header-brand img,.rihla-v4-header-brand img,.amin-site-brand img,.site-logo-wrap img) {
  transform-origin:center left;
  transition:transform var(--capsule-speed,420ms) var(--capsule-ease),width var(--capsule-speed,420ms) var(--capsule-ease),height var(--capsule-speed,420ms) var(--capsule-ease)!important;
}
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule :is(img[data-logo-placement="header"],.safar-v3-header-logo img,.safar-v3-header-brand img,.rihla-v4-header-brand img,.amin-site-brand img,.site-logo-wrap img) {transform:scale(var(--capsule-logo-scale,.88));}

/* Adaptive width and smart scroll direction. */
.public-site[data-capsule-adaptive="1"][data-capsule-depth="mid"] {--capsule-current-max:calc(var(--capsule-max-width,1180px) - 36px);}
.public-site[data-capsule-adaptive="1"][data-capsule-depth="deep"] {--capsule-current-max:calc(var(--capsule-max-width,1180px) - 72px);}
.public-site[data-premium-capsule-header="1"] > header.site-header-capsule.site-header-capsule-compact {--capsule-smart-scale:.985;}
.public-site[data-premium-capsule-header="1"] > header.site-header-capsule.site-header-scroll-up {--capsule-smart-scale:1;}

/* Progressive shadow. Safar's dedicated depth effect keeps priority when it is enabled. */
.public-site:not(.safar-fx-capsule_depth)[data-capsule-shadow="1"][data-capsule-depth="shallow"] > header.site-header-capsule {box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)!important;}
.public-site:not(.safar-fx-capsule_depth)[data-capsule-shadow="1"][data-capsule-depth="mid"] > header.site-header-capsule {box-shadow:0 20px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)!important;}
.public-site:not(.safar-fx-capsule_depth)[data-capsule-shadow="1"][data-capsule-depth="deep"] > header.site-header-capsule {box-shadow:0 26px 66px rgba(0,0,0,.30),0 8px 24px color-mix(in srgb,var(--brand-primary) 10%,transparent),inset 0 1px rgba(255,255,255,.06)!important;}

/* Optional glass effect and low-power fallback. */
.public-site[data-capsule-glass="1"][data-capsule-low-power="0"] > header.site-header-capsule {-webkit-backdrop-filter:blur(var(--capsule-blur,18px)) saturate(118%)!important;backdrop-filter:blur(var(--capsule-blur,18px)) saturate(118%)!important;}
.public-site[data-capsule-glass="0"] > header.site-header-capsule,
.public-site[data-capsule-low-power="1"] > header.site-header-capsule {-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
.public-site[data-capsule-low-power="1"] > header.site-header-capsule {box-shadow:0 12px 30px rgba(0,0,0,.18)!important;}

/* Current-page pill. It uses the active theme's own brand color. */
.public-site[data-premium-capsule-header="1"] > header.site-header-capsule a.capsule-active-nav {position:relative;color:var(--brand-primary)!important;background:color-mix(in srgb,var(--brand-primary) 11%,transparent)!important;border-radius:999px!important;}
.public-site[data-premium-capsule-header="1"] > header.site-header-capsule a.capsule-active-nav::after {content:"";position:absolute;left:24%;right:24%;bottom:2px;height:2px;border-radius:99px;background:currentColor;opacity:.8;transform:scaleX(1);transform-origin:center;}

/* Compact contextual CTA. */
.public-site[data-premium-capsule-header="1"] > header .capsule-context-cta {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid color-mix(in srgb,var(--brand-primary) 56%,transparent);border-radius:999px;background:var(--brand-primary);color:var(--capsule-cta-ink,#fff)!important;white-space:nowrap;font-size:11px;font-weight:800;line-height:1;text-decoration:none;box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 18%,transparent);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.public-site[data-premium-capsule-header="1"] > header .capsule-context-cta:hover {transform:translateY(-1px);box-shadow:0 11px 28px color-mix(in srgb,var(--brand-primary) 24%,transparent);}

/* Existing mobile menu becomes an app-style bottom sheet; menu behavior itself is untouched. */
@media (max-width:1023px) {
  .public-site[data-premium-capsule-header="1"] :is(.safar-v3-mobile-menu,.rihla-v4-mobile-menu,.site-mobile-menu,.amin-site-mobile-menu,[data-mobile-menu]).capsule-mobile-sheet {
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;max-height:min(74vh,680px)!important;overflow:auto!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,transparent)!important;box-shadow:0 30px 80px rgba(0,0,0,.34)!important;-webkit-backdrop-filter:blur(20px) saturate(115%);backdrop-filter:blur(20px) saturate(115%);transform-origin:bottom center!important;z-index:9996!important;background:var(--capsule-theme-bg,var(--brand-hero))!important;color:var(--capsule-theme-ink,#fff)!important;
  }
  .public-site[data-premium-capsule-header="1"] > header .capsule-context-cta {min-height:34px;padding:0 10px;font-size:10px;}
}
@media (max-width:639px) {
  .public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule {width:calc(100% - (var(--capsule-side,6px) * 2))!important;border-radius:var(--capsule-radius,999px)!important;}
  .public-site[data-premium-capsule-header="1"] > header .capsule-context-cta {max-width:90px;overflow:hidden;text-overflow:ellipsis;}
}

/* Anchor/header overlap protection. */
.public-site[data-premium-capsule-header="1"] [id] {scroll-margin-top:var(--capsule-anchor-offset,84px);}

/* Reduced-motion and performance safety. */
.public-site[data-capsule-reduced="1"] > header,
.public-site[data-capsule-reduced="1"] > header * {transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
@media (prefers-reduced-motion:reduce) {
  .public-site[data-premium-capsule-header="1"] > header,
  .public-site[data-premium-capsule-header="1"] > header * {scroll-behavior:auto!important;}
}

/* All-theme support for reference headers nested inside a theme-owned layout shell.
   Only the explicitly enabled, script-marked header is affected; normal theme headers stay unchanged. */
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) header[data-capsule-header-target="1"].site-header-capsule {
  position:fixed!important;
  z-index:9990!important;
  box-sizing:border-box!important;
  width:min(var(--capsule-current-max,var(--capsule-max-width,1180px)),calc(100% - var(--capsule-side,16px)*2))!important;
  max-width:var(--capsule-current-max,var(--capsule-max-width,1180px))!important;
  left:50%!important;right:auto!important;
  top:calc(var(--capsule-top-base,16px) + var(--capsule-safe-top,0px))!important;
  border-radius:var(--capsule-radius,28px)!important;
  transform:translateX(-50%) translateY(0) scale(var(--capsule-smart-scale,1))!important;
  transform-origin:top center!important;
  overflow:visible!important;
  background:var(--capsule-theme-bg,var(--brand-hero,#fff))!important;
  color:var(--capsule-theme-ink,inherit)!important;
  transition:width var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1)),top var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1)),border-radius var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1))!important;
}
@media(max-width:639px){
  .public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) header[data-capsule-header-target="1"].site-header-capsule {
    width:calc(100% - var(--capsule-side,6px)*2)!important;
    border-radius:var(--capsule-radius,999px)!important;
  }
}

/* A floated direct-child header must use viewport positioning. Otherwise certain
   sticky headers shift horizontally when translateX(-50%) is applied. */
.public-site[data-premium-capsule-header="1"]:not([data-signature-reference="1"]) > header.site-header-capsule {
  position:fixed!important;
  z-index:9990!important;
  box-sizing:border-box!important;
}

/* Amin reference V2 and V3 were excluded from the older general capsule layer.
   Support them only when the agency explicitly enables their capsule switch.
   The original reference header stays untouched at the top and while disabled. */
.public-site[data-premium-capsule-header="1"][data-signature-reference="1"]:is([data-theme="amin_signature_v2"],[data-theme="amin_signature_v3_light"]) header.site-header-capsule {
  position:fixed!important;
  z-index:9990!important;
  box-sizing:border-box!important;
  width:min(var(--capsule-current-max,var(--capsule-max-width,1180px)),calc(100% - var(--capsule-side,16px)*2))!important;
  max-width:var(--capsule-current-max,var(--capsule-max-width,1180px))!important;
  left:50%!important;right:auto!important;
  top:calc(var(--capsule-top-base,16px) + var(--capsule-safe-top,0px))!important;
  border-radius:var(--capsule-radius,28px)!important;
  transform:translateX(-50%) translateY(0) scale(var(--capsule-smart-scale,1))!important;
  transform-origin:top center!important;
  overflow:visible!important;
  background:var(--capsule-theme-bg,var(--brand-hero,#fff))!important;
  color:var(--capsule-theme-ink,inherit)!important;
  transition:width var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1)),top var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1)),border-radius var(--capsule-speed,420ms) var(--capsule-ease,cubic-bezier(.22,.72,.2,1))!important;
}
@media(max-width:639px){
  .public-site[data-premium-capsule-header="1"][data-signature-reference="1"]:is([data-theme="amin_signature_v2"],[data-theme="amin_signature_v3_light"]) header.site-header-capsule {
    width:calc(100% - var(--capsule-side,6px)*2)!important;
    border-radius:var(--capsule-radius,999px)!important;
  }
}