/* EdifyKids header v2 (own code). Style: Claymorphism + soft liquid glass (UI UX Pro Max: kids/education, soft shadows, 150-300ms, pointer cursor, visible focus, reduced motion).
   Floating glass pill, clay logo badge, one brand colour per menu item, clay 3D "Enquire Now", two-column dropdown cards, rainbow scroll-progress line. Loaded last so it wins. */
.ek-hdr{top:16px;transition:top .3s var(--ek-ease)}
.ek-hdr.is-scrolled{top:8px}
body .ek-hdr .ek-hdr__bar{position:relative;max-width:1260px;padding:9px 12px 9px 12px!important;gap:14px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.62))!important;backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);
  border:1.5px solid rgba(255,255,255,.95);box-shadow:0 18px 40px -10px rgba(31,42,68,.22),0 4px 0 rgba(255,255,255,.7) inset,0 -3px 8px rgba(31,42,68,.05) inset;transition:box-shadow .3s var(--ek-ease),padding .3s var(--ek-ease)}
body .ek-hdr.is-scrolled .ek-hdr__bar{padding-top:5px!important;padding-bottom:5px!important;box-shadow:0 14px 30px -8px rgba(31,42,68,.3),0 4px 0 rgba(255,255,255,.7) inset}
/* clay logo badge */
body .ek-hdr .ek-logo{display:flex;align-items:center;padding:6px 18px 6px 14px;border-radius:999px;background:#fff;box-shadow:0 6px 14px -4px rgba(31,42,68,.2),0 -3px 6px rgba(31,42,68,.06) inset;transition:transform .25s var(--ek-ease)}
body .ek-hdr .ek-logo:hover{transform:translateY(-2px) rotate(-1.5deg)}
body .ek-hdr .ek-logo img{width:132px;transition:width .3s var(--ek-ease)}
body .ek-hdr.is-scrolled .ek-logo img{width:112px}
/* menu items: soft pill, each with its own brand colour (--c) */
body .ek-hdr .ek-nav{gap:14px}
body .ek-hdr .ek-nav>ul{gap:4px}
body .ek-hdr .ek-nav>ul>li:nth-child(1){--c:#D13A28;--cs:#FFE7E3}body .ek-hdr .ek-nav>ul>li:nth-child(2){--c:#2487B3;--cs:#DDF1FA}
body .ek-hdr .ek-nav>ul>li:nth-child(3){--c:#3E9B2F;--cs:#E3F5DE}body .ek-hdr .ek-nav>ul>li:nth-child(4){--c:#C98A00;--cs:#FFF1C9}
body .ek-hdr .ek-nav>ul>li>a,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle{position:relative;font:500 16px/1 var(--ek-font-head)!important;letter-spacing:.012em!important;padding:12px 18px!important;color:var(--ek-ink)!important;transition:transform .2s var(--ek-ease),background .2s,color .2s,box-shadow .2s}
body .ek-hdr .ek-nav>ul>li>a::after,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:4px;border-radius:4px;background:var(--c);transform:translateX(-50%);transition:width .25s var(--ek-ease)}
body .ek-hdr .ek-nav>ul>li>a:hover,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle:hover,body .ek-hdr .ek-nav>ul>li.is-open>.ek-sub-toggle{background:var(--cs)!important;color:var(--c)!important;transform:translateY(-2px);box-shadow:0 8px 14px -6px color-mix(in srgb,var(--c) 45%,transparent)}
body .ek-hdr .ek-nav>ul>li>a:hover::after,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle:hover::after,body .ek-hdr .ek-nav>ul>li.is-open>.ek-sub-toggle::after{width:22px}
body .ek-hdr .ek-nav a:focus-visible,body .ek-hdr .ek-sub-toggle:focus-visible,body .ek-hdr .ek-burger:focus-visible{outline:3px solid var(--ek-blue);outline-offset:2px}
/* clay 3D Enquire button */
body .ek-hdr a.ek-nav__cta{position:relative;overflow:hidden;padding:13px 26px!important;border-radius:999px!important;color:#fff!important;font:600 16px/1 var(--ek-font-head)!important;letter-spacing:.012em!important;
  background:linear-gradient(180deg,#FF9B3D,#EE7A14)!important;box-shadow:0 6px 0 #BF5C08,0 14px 20px -6px rgba(238,122,20,.6),inset 0 2px 0 rgba(255,255,255,.45);transition:transform .15s var(--ek-ease),box-shadow .15s}
body .ek-hdr a.ek-nav__cta::before{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .55s var(--ek-ease)}
body .ek-hdr a.ek-nav__cta:hover::before{left:130%}
body .ek-hdr a.ek-nav__cta:hover{transform:translateY(-2px);box-shadow:0 8px 0 #BF5C08,0 18px 24px -6px rgba(238,122,20,.6),inset 0 2px 0 rgba(255,255,255,.45)}
body .ek-hdr a.ek-nav__cta:active{transform:translateY(4px);box-shadow:0 2px 0 #BF5C08,0 6px 10px -4px rgba(238,122,20,.5),inset 0 2px 0 rgba(255,255,255,.45)}
/* dropdown cards */
body .ek-hdr .ek-sub{top:calc(100% + 14px);min-width:270px;padding:12px;border-radius:26px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid #fff;box-shadow:0 26px 54px -12px rgba(31,42,68,.32),0 3px 0 #fff inset}
body .ek-hdr .ek-sub a{position:relative;padding:11px 14px 11px 40px!important;font:500 15.5px/1.25 var(--ek-font-body)!important;border-radius:16px;color:var(--ek-ink)!important;transition:background .18s,transform .18s var(--ek-ease)}
body .ek-hdr .ek-sub a::before{content:"";position:absolute;left:14px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--c);box-shadow:inset -2px -3px 0 rgba(0,0,0,.14),inset 2px 2px 0 rgba(255,255,255,.55);transition:transform .2s var(--ek-ease)}
body .ek-hdr .ek-sub a:hover{background:var(--cs)!important;color:var(--c)!important;transform:translateX(4px)}
body .ek-hdr .ek-sub a:hover::before{transform:scale(1.35)}
@media(min-width:1025px){
  body .ek-hdr .ek-nav>ul>li:first-child>.ek-sub{min-width:290px}
}
/* rainbow scroll-progress line along the bottom of the pill (width set by kids-ui.js through --ek-p) */
.ek-hdr__prog{position:absolute;left:26px;right:26px;bottom:1px;height:3px;border-radius:3px;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s}
.ek-hdr.is-scrolled .ek-hdr__prog{opacity:1}
.ek-hdr__prog::before{content:"";display:block;height:100%;width:calc(var(--ek-p,0)*100%);border-radius:3px;background:linear-gradient(90deg,#D13A28,#EE7A14,#F2B400,#3E9B2F,#2487B3)}
/* phone / tablet: clay burger and soft glass menu sheet */
@media(max-width:1024px){
  .ek-hdr{top:10px}
  body .ek-hdr .ek-hdr__bar{padding:7px 8px 7px 8px!important}
  body .ek-hdr .ek-logo img{width:112px}
  body .ek-hdr .ek-burger{background:linear-gradient(180deg,#34406a,#1F2A44)!important;box-shadow:0 5px 0 #11182c,0 10px 16px -6px rgba(31,42,68,.5),inset 0 2px 0 rgba(255,255,255,.2);transition:transform .15s}
  body .ek-hdr .ek-burger:active{transform:translateY(3px);box-shadow:0 2px 0 #11182c}
  body .ek-hdr .ek-nav{background:rgba(255,255,255,.95);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1.5px solid #fff;border-radius:30px;box-shadow:0 26px 56px -12px rgba(31,42,68,.4)}
  body .ek-hdr .ek-nav>ul>li>a,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle{padding:15px 18px!important;font-size:18px!important}
  body .ek-hdr .ek-nav>ul>li>a:hover,body .ek-hdr .ek-nav>ul>li>.ek-sub-toggle:hover{transform:none}
  body .ek-hdr .ek-sub a{font-size:16px!important}
  body .ek-hdr a.ek-nav__cta{width:100%;justify-content:center;text-align:center}
  .ek-hdr__prog{left:20px;right:20px}
}
@media(prefers-reduced-motion:reduce){.ek-hdr *,.ek-hdr{transition:none!important}body .ek-hdr a.ek-nav__cta::before{display:none}}
/* dropdown dots cycle through the five logo colours */
body .ek-hdr .ek-sub li:nth-child(5n+1) a{--c:#D13A28;--cs:#FFE7E3}body .ek-hdr .ek-sub li:nth-child(5n+2) a{--c:#EE7A14;--cs:#FFEBD6}body .ek-hdr .ek-sub li:nth-child(5n+3) a{--c:#C98A00;--cs:#FFF1C9}body .ek-hdr .ek-sub li:nth-child(5n+4) a{--c:#3E9B2F;--cs:#E3F5DE}body .ek-hdr .ek-sub li:nth-child(5n) a{--c:#2487B3;--cs:#DDF1FA}
/* section decoration (flat stars/dots) retired: the only 3D/decor motion is the hero toys */
body .ek-deco{display:none!important}

/* Admissions flyout (live-site layout): left panel = main items; clicking "Our Programs" opens a second panel on its right (Playgroup / IK-1 / IK-2 / IK-3 / Wonder Room) */
body .ek-hdr .ek-nav li.ek-has-flyout{position:static}
body .ek-hdr .ek-fly-link{justify-content:space-between;gap:10px}
body .ek-hdr .ek-fly-link svg{flex:none;transition:transform .2s var(--ek-ease)}
body .ek-hdr .ek-has-flyout.is-open>.ek-fly-link svg{transform:translateX(3px)}
body .ek-hdr .ek-sub>li.ek-has-flyout.is-open>a.ek-fly-link,body .ek-hdr .ek-sub>li.ek-has-flyout:hover>a.ek-fly-link,body .ek-hdr .ek-sub>li.ek-has-flyout:focus-within>a.ek-fly-link{background:linear-gradient(180deg,#FF9B3D,#EE7A14)!important;color:#fff!important;box-shadow:0 8px 14px -6px rgba(238,122,20,.55)}
body .ek-hdr .ek-sub>li.ek-has-flyout.is-open>a.ek-fly-link::before,body .ek-hdr .ek-sub>li.ek-has-flyout:hover>a.ek-fly-link::before,body .ek-hdr .ek-sub>li.ek-has-flyout:focus-within>a.ek-fly-link::before{background:#fff;box-shadow:none}
@media(min-width:1025px){
  body .ek-hdr .ek-nav>ul>li:first-child>ul.ek-sub{min-width:260px;overflow:visible!important;max-height:none!important}
  body .ek-hdr .ek-nav ul.ek-fly{position:absolute;left:calc(100% + 10px);top:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:230px;margin:0;padding:12px;list-style:none;border-radius:26px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid #fff;box-shadow:0 26px 54px -12px rgba(31,42,68,.32),0 3px 0 #fff inset;opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .2s,transform .22s var(--ek-ease),visibility .2s}
  body .ek-hdr .ek-has-flyout.is-open>ul.ek-fly,body .ek-hdr .ek-has-flyout:hover>ul.ek-fly,body .ek-hdr .ek-has-flyout:focus-within>ul.ek-fly{opacity:1;visibility:visible;transform:none}
  body .ek-hdr ul.ek-fly::before{content:"";position:absolute;left:-14px;top:0;width:14px;height:100%}
}
@media(max-width:1024px){
  body .ek-hdr .ek-nav ul.ek-fly{position:static;display:none;flex-direction:column;padding:0 0 4px 14px;margin:0;list-style:none;box-shadow:none;background:none}
  body .ek-hdr .ek-has-flyout.is-open>ul.ek-fly{display:flex}
}
/* top of the page: no grey bar behind the menu (logo badge + menu + Enquire float over the hero); the glass pill fades in once you scroll */
body .ek-hdr .ek-hdr__bar{transition:background .3s,box-shadow .3s,border-color .3s,backdrop-filter .3s,padding .3s var(--ek-ease)}
body .ek-hdr:not(.is-scrolled):not(.ek-menu-open) .ek-hdr__bar{background:transparent!important;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(min-width:1025px){
  body .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>a,body .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>.ek-sub-toggle{color:#fff!important;text-shadow:0 1px 8px rgba(10,20,50,.55)}
  body .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>a:hover,body .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>.ek-sub-toggle:hover,body .ek-hdr:not(.is-scrolled) .ek-nav>ul>li.is-open>.ek-sub-toggle{color:var(--c)!important;text-shadow:none}
}

/* inner pages: same header as the home page (transparent at the top, frosted pill on scroll); their top is light, so the menu text is dark until the pill appears */
@media(min-width:1025px){
  body.ek-inner .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>a,body.ek-inner .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>.ek-sub-toggle{color:var(--ek-ink,#1F2A44)!important;text-shadow:none}
  body.ek-inner .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>a:hover,body.ek-inner .ek-hdr:not(.is-scrolled) .ek-nav>ul>li>.ek-sub-toggle:hover,body.ek-inner .ek-hdr:not(.is-scrolled) .ek-nav>ul>li.is-open>.ek-sub-toggle{color:var(--c)!important}
}