/* 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;}
}