/* Alghad Khalid Pro 7.0 beta8 — Theme Shell + Builder Integration */
:root{
  --agk-shell-header-stack:calc(var(--agk-header-height,96px) + var(--agk-nav-height,60px));
  --agk-shell-transition:260ms;
}

/* ---------------- Builder page body/shell ---------------- */
body.agk-builder-page{background:var(--agk-site-background,var(--agk-surface,#fff));color:var(--agk-text,#172033)}
body.agk-builder-page .agk-site-shell{min-width:0;overflow:clip;background:transparent}
body.agk-builder-page .agk-main{padding:0!important;min-width:0;background:transparent}
body.agk-builder-page .takeone-builder-v7{width:100%;max-width:none;margin:0;min-height:1px;background:var(--tb7-page-bg,var(--agk-surface,#fff));transition:background var(--agk-dark-transition,260ms) ease,color var(--agk-dark-transition,260ms) ease}
body.agk-builder-shell-boxed .takeone-builder-v7{width:min(calc(100% - 32px),var(--agk-builder-shell-max,1600px));margin-inline:auto;border-radius:24px;overflow:clip}
body.agk-builder-shell-canvas .agk-site-header,body.agk-builder-shell-canvas .agk-nav-band,body.agk-builder-shell-canvas .agk-touch-header,body.agk-builder-shell-canvas .agk-site-footer{display:none!important}
body.agk-builder-header-hidden .agk-site-header,body.agk-builder-header-hidden .agk-touch-header{display:none!important}
body.agk-builder-nav-hidden .agk-nav-band{display:none!important}
body.agk-builder-footer-hidden .agk-site-footer{display:none!important}
body.agk-builder-overflow-hidden .agk-main{overflow:hidden}
body.agk-builder-overflow-clip .agk-main{overflow:clip}

/* Pull first Hero underneath the header/nav stack without absolute-layout fragility. */
@media(min-width:901px){
  body.agk-builder-starts-hero.agk-header-over-hero .agk-main,
  body.agk-builder-starts-hero.agk-nav-over-hero .agk-main{margin-top:calc(-1 * var(--agk-shell-header-stack));}
}

/* ---------------- Global dark mode ---------------- */
html[data-agk-theme="dark"] body{background:var(--agk-dark-bg,#0B1220);color:var(--agk-dark-text,#F3F6FB)}
html[data-agk-theme="dark"] body.agk-builder-page{--agk-site-background:var(--agk-dark-bg,#0B1220);background:var(--agk-dark-bg,#0B1220)}
html[data-agk-theme="dark"] .agk-main{color:var(--agk-dark-text,#F3F6FB)}
html[data-agk-theme="dark"] .agk-page-header,html[data-agk-theme="dark"] .agk-page-content{background:var(--agk-dark-bg,#0B1220);color:var(--agk-dark-text,#F3F6FB)}
html[data-agk-theme="dark"] .agk-page-header h1,html[data-agk-theme="dark"] .agk-page-content h1,html[data-agk-theme="dark"] .agk-page-content h2,html[data-agk-theme="dark"] .agk-page-content h3{color:var(--agk-dark-heading,#fff)}
html[data-agk-theme="dark"] .agk-page-content p,html[data-agk-theme="dark"] .agk-page-content li{color:var(--agk-dark-text,#F3F6FB)}

/* Builder inherit uses the Theme dark tokens, not stale page-local tokens. */
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit{
  --tb7-primary:var(--agk-dark-primary,#6F96FF)!important;
  --tb7-secondary:var(--agk-secondary,#1B355E)!important;
  --tb7-accent:var(--agk-dark-primary,#6F96FF)!important;
  --tb7-text:var(--agk-dark-text,#F3F6FB)!important;
  --tb7-muted:var(--agk-dark-muted,#A7B2C6)!important;
  --tb7-surface:var(--agk-dark-surface,#111B2E)!important;
  --tb7-surface-alt:var(--agk-dark-surface-alt,#162238)!important;
  --tb7-border:var(--agk-dark-line,#26344D)!important;
  --tb7-page-bg:var(--agk-dark-bg,#0B1220)!important;
  --agk-text:var(--agk-dark-text,#F3F6FB)!important;
  --agk-muted:var(--agk-dark-muted,#A7B2C6)!important;
  --agk-surface:var(--agk-dark-surface,#111B2E)!important;
  --agk-surface-alt:var(--agk-dark-surface-alt,#162238)!important;
  --agk-border:var(--agk-dark-line,#26344D)!important;
  background:var(--agk-dark-bg,#0B1220)!important;color:var(--agk-dark-text,#F3F6FB)!important;
}
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-card,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-post-card,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-icon-box,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-testimonial,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-accordion details,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-tabs .tb7-tab-nav button,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-stats.preset-cards article{background:var(--agk-dark-surface,#111B2E)!important;border-color:var(--agk-dark-line,#26344D)!important;color:var(--agk-dark-text,#F3F6FB)!important}
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-post-copy p,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-iconbox-copy p,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-card p,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-accordion details>div{color:var(--agk-dark-muted,#A7B2C6)!important}
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-media-placeholder,
html[data-agk-theme="dark"] body.agk-builder-dark-global .takeone-builder-v7.tb7-theme-inherit .tb7-post-placeholder{background:var(--agk-dark-surface-alt,#162238);border-color:var(--agk-dark-line,#26344D);color:var(--agk-dark-muted,#A7B2C6)}

/* ---------------- Header + Hero overlay ---------------- */
.agk-site-header,.agk-nav-band,.agk-touch-header{transition:background var(--agk-shell-transition) ease,color var(--agk-shell-transition) ease,border-color var(--agk-shell-transition) ease,box-shadow var(--agk-shell-transition) ease,backdrop-filter var(--agk-shell-transition) ease,transform var(--agk-shell-transition) ease}
body.agk-header-over-hero .agk-site-header.is-hero-overlay:not(.is-scrolled),
body.agk-header-over-hero .agk-site-header.is-hero-overlay:not(.is-scrolled) .agk-h37,
body.agk-header-over-hero .agk-site-header.is-hero-overlay:not(.is-scrolled) .agk-h37-floating-panel{background:transparent!important;box-shadow:none!important;border-color:rgba(255,255,255,.18)!important}
body.agk-header-over-hero .agk-site-header.is-hero-overlay:not(.is-scrolled){position:relative;z-index:80;color:#fff;--agk-header-bg:transparent;--agk-header-text:#fff;--agk-header-descriptor-color:rgba(255,255,255,.78)}
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-brand-name,
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-brand-description,
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-header-aux,
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-header-aux *{color:#fff!important}
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-dark-toggle,
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-search-trigger,
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-menu-toggle{color:#fff!important;border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.06)!important}
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-logo-default{display:none!important}
body.agk-header-over-hero .agk-site-header.is-hero-overlay.overlay-text-light:not(.is-scrolled) .agk-logo-dark{display:block!important;position:static!important}
.agk-site-header:not(.takeone-header-next).is-scrolled{--agk-header-bg:var(--agk-header-scroll-bg,#fff);--agk-header-text:var(--agk-header-scroll-text,#162A63);background:color-mix(in srgb,var(--agk-header-scroll-bg,#fff) 92%,transparent)!important;color:var(--agk-header-scroll-text,#162A63)!important;backdrop-filter:blur(var(--agk-shell-blur,18px));box-shadow:0 12px 36px rgba(15,23,42,.08)}
body.agk-dark-transition-on .agk-site-header:not(.takeone-header-next).is-scrolled{transition-duration:var(--agk-dark-transition,260ms)}
body.agk-shell-scrolled .agk-site-header.is-sticky{--agk-header-height:calc(var(--agk-header-height) - 10px)}

/* ---------------- Navigation System 7 ---------------- */
.agk-nav-band{position:relative;z-index:79}
.agk-nav-band .agk-menu>li>a{position:relative;padding-inline:var(--agk-nav-item-px,10px);border-radius:var(--agk-nav-item-radius,10px);transition:color .2s ease,background .2s ease,transform .2s ease}
.agk-nav-band.indicator-line .agk-menu>li>a:after{content:"";position:absolute;left:var(--agk-nav-item-px,10px);right:var(--agk-nav-item-px,10px);bottom:5px;height:2px;border-radius:99px;background:currentColor;transform:scaleX(0);transition:transform .2s ease}
.agk-nav-band.indicator-line .agk-menu>li.current-menu-item>a:after,.agk-nav-band.indicator-line .agk-menu>li.current-menu-ancestor>a:after{transform:scaleX(1)}
.agk-nav-band.indicator-pill .agk-menu>li.current-menu-item>a,.agk-nav-band.indicator-pill .agk-menu>li.current-menu-ancestor>a{background:color-mix(in srgb,var(--agk-nav-active) 11%,transparent);color:var(--agk-nav-active)}
.agk-nav-band.indicator-dot .agk-menu>li.current-menu-item>a:before,.agk-nav-band.indicator-dot .agk-menu>li.current-menu-ancestor>a:before{content:"";position:absolute;bottom:5px;right:50%;width:5px;height:5px;border-radius:50%;background:var(--agk-nav-active);transform:translateX(50%)}
.agk-nav-band.indicator-block .agk-menu>li.current-menu-item>a,.agk-nav-band.indicator-block .agk-menu>li.current-menu-ancestor>a{background:var(--agk-nav-active);color:#fff!important}
.agk-nav-band.indicator-none .agk-menu>li>a:after,.agk-nav-band.indicator-none .agk-menu>li>a:before{display:none!important}
.agk-nav-band.hover-lift .agk-menu>li>a:hover{transform:translateY(-2px)}
.agk-nav-band.hover-soft .agk-menu>li>a:hover{background:color-mix(in srgb,var(--agk-nav-hover) 9%,transparent)}
.agk-nav-band.hover-slide .agk-menu>li>a:hover:after{transform:scaleX(1)}

/* Ten presets now share one modern interaction language while preserving distinct shells. */
.agk-nav-band.nav-style-executive-bar{border-block:1px solid var(--agk-nav-border)}
.agk-nav-band.nav-style-clean-line{border-bottom:1px solid var(--agk-nav-border);box-shadow:none}
.agk-nav-band.nav-style-floating-pills .agk-nav-band-inner{margin-block:8px;padding:7px 10px;border:1px solid var(--agk-nav-border);border-radius:999px;background:color-mix(in srgb,var(--agk-nav-bg) 90%,transparent);backdrop-filter:blur(16px)}
.agk-nav-band.nav-style-boxed .agk-nav-band-inner{border:1px solid var(--agk-nav-border);padding-inline:12px;border-radius:var(--agk-nav-radius)}
.agk-nav-band.nav-style-signature .agk-menu>li>a{font-family:var(--agk-heading-font);letter-spacing:-.01em}
.agk-nav-band.nav-style-minimal{box-shadow:none!important;border:0!important}
.agk-nav-band.nav-style-dual-tone .agk-nav-actions{padding-inline-start:18px;border-inline-start:1px solid var(--agk-nav-border)}
.agk-nav-band.nav-style-segmented .agk-menu{gap:4px}.agk-nav-band.nav-style-segmented .agk-menu>li>a{border:1px solid color-mix(in srgb,var(--agk-nav-border) 70%,transparent)}
.agk-nav-band.nav-style-dark-navigation{background:var(--agk-nav-bg);color:var(--agk-nav-text);border-color:var(--agk-nav-border)}
.agk-nav-band.nav-style-smart-center .agk-nav-band-inner{justify-content:center}.agk-nav-band.nav-style-smart-center .agk-nav-actions{position:absolute;left:0}

body.agk-nav-over-hero .agk-nav-band.is-hero-overlay:not(.is-scrolled){--agk-nav-bg:transparent;--agk-nav-text:#fff;--agk-nav-hover:#fff;--agk-nav-active:#fff;background:transparent!important;border-color:rgba(255,255,255,.18)!important;color:#fff;box-shadow:none!important}
body.agk-nav-over-hero .agk-nav-band.is-hero-overlay:not(.is-scrolled) .agk-menu>li>a,
body.agk-nav-over-hero .agk-nav-band.is-hero-overlay:not(.is-scrolled) .agk-nav-actions button,
body.agk-nav-over-hero .agk-nav-band.is-hero-overlay:not(.is-scrolled) .agk-nav-actions a{color:#fff!important}
body.agk-nav-over-hero .agk-nav-band.is-hero-overlay:not(.is-scrolled) .agk-nav-band-inner{background:color-mix(in srgb,#071326 12%,transparent);border-color:rgba(255,255,255,.18)}
.agk-nav-band.is-scrolled{--agk-nav-bg:var(--agk-nav-scroll-bg,#fff);--agk-nav-text:var(--agk-nav-scroll-text,#162A63);background:color-mix(in srgb,var(--agk-nav-scroll-bg,#fff) 92%,transparent)!important;color:var(--agk-nav-scroll-text,#162A63)!important;backdrop-filter:blur(var(--agk-shell-blur,18px));box-shadow:0 12px 30px rgba(15,23,42,.07)}
.agk-nav-band.is-scrolled .agk-menu>li>a{color:var(--agk-nav-scroll-text,#162A63)}

/* ---------------- Dark header/nav/mobile ---------------- */
html[data-agk-theme="dark"] .agk-site-header:not(.takeone-header-next):not(.is-hero-overlay),html[data-agk-theme="dark"] .agk-site-header:not(.takeone-header-next).is-scrolled{background:var(--agk-dark-header-bg,#0F192B)!important;color:var(--agk-dark-text,#F3F6FB)!important;border-color:var(--agk-dark-line,#26344D)!important}
html[data-agk-theme="dark"] .agk-site-header:not(.takeone-header-next) .agk-brand-name,html[data-agk-theme="dark"] .agk-site-header:not(.takeone-header-next) .agk-brand-description{color:var(--agk-dark-text,#F3F6FB)}
html[data-agk-theme="dark"] .agk-nav-band:not(.is-hero-overlay),html[data-agk-theme="dark"] .agk-nav-band.is-scrolled{--agk-nav-bg:var(--agk-dark-nav-bg,#101C31);--agk-nav-text:var(--agk-dark-text,#F3F6FB);--agk-nav-active:var(--agk-dark-primary,#6F96FF);--agk-nav-hover:var(--agk-dark-link,#8EB0FF);--agk-nav-border:var(--agk-dark-line,#26344D);background:var(--agk-dark-nav-bg,#101C31)!important;border-color:var(--agk-dark-line,#26344D)!important}
html[data-agk-theme="dark"] .agk-nav-band .agk-menu>li>a{color:var(--agk-nav-text)}
html[data-agk-theme="dark"] .agk-nav-band .sub-menu{background:var(--agk-nav-submenu-dark-bg,#111B2E)!important;border-color:var(--agk-dark-line,#26344D)!important;color:var(--agk-nav-submenu-dark-text,#F3F6FB)}
html[data-agk-theme="dark"] .agk-touch-header{background:var(--agk-dark-header-bg,#0F192B)!important;color:var(--agk-dark-text,#F3F6FB)!important;border-color:var(--agk-dark-line,#26344D)!important}
html[data-agk-theme="dark"] .agk-mobile-nav-panel{background:var(--agk-dark-mobile-menu-bg,#101A2C)!important;color:var(--agk-dark-text,#F3F6FB)!important}
html[data-agk-theme="dark"] .agk-mobile-menu a{color:var(--agk-dark-text,#F3F6FB)!important}
html[data-agk-theme="dark"] .agk-mobile-menu .sub-menu{background:var(--agk-mobile-submenu-dark-bg,#162238)!important;border-color:var(--agk-mobile-submenu-dark-border,#26344D)!important}

/* Touch/tablet overlay: transparent only when it is actually on top of a Builder Hero. */
@media(max-width:900px){
 body.agk-header-over-hero .agk-touch-header.is-hero-overlay:not(.is-scrolled){background:linear-gradient(180deg,rgba(7,16,29,.56),transparent)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none}
 body.agk-header-over-hero .agk-touch-header.is-hero-overlay:not(.is-scrolled) .agk-brand-name,body.agk-header-over-hero .agk-touch-header.is-hero-overlay:not(.is-scrolled) .agk-brand-description,body.agk-header-over-hero .agk-touch-header.is-hero-overlay:not(.is-scrolled) .agk-menu-toggle{color:#fff!important}
 body.agk-builder-starts-hero.agk-header-over-hero .agk-main{margin-top:calc(-1 * var(--agk-shell-header-stack));}
 .agk-nav-band.nav-style-smart-center .agk-nav-actions{position:static}
}

@media(max-width:700px){
 body.agk-builder-shell-boxed .takeone-builder-v7{width:100%;border-radius:0}
}

@media(prefers-reduced-motion:reduce){.agk-site-header,.agk-nav-band,.agk-touch-header,.agk-nav-band .agk-menu>li>a{transition:none!important}}