/*
 * KRANTI YOGA  |  Premium Online-First Header v3
 * Isolated kyp-* selectors so historic section styles cannot override the header.
 * Load LAST after kranti-offwhite-v2.css. No black backgrounds are used.
 */
:root{
  --kyp-cream:#FFFAF5;
  --kyp-paper:#FFFFFF;
  --kyp-peach:#FFF2E8;
  --kyp-warm:#FFF7EE;
  --kyp-ink:#302820;
  --kyp-muted:#746558;
  --kyp-accent:#FE6001;
  --kyp-accent-dark:#C94E00;
  --kyp-line:#EDE0D6;
  --kyp-softshadow:0 10px 30px rgba(87,57,27,.065);
}

.kyp-header,.kyp-header *{box-sizing:border-box}
.kyp-header{
  position:sticky;
  top:0;
  z-index:9999;
  width:100%;
  color:var(--kyp-ink);
  background:var(--kyp-cream);
  border-top:0!important;
  font-family:'Archivo',Arial,sans-serif;
  box-shadow:0 1px 0 rgba(71,44,24,.06);
}
.kyp-header a{color:inherit;text-decoration:none}
.kyp-header button{font:inherit}
.kyp-header a:focus-visible,.kyp-header button:focus-visible{
  outline:3px solid rgba(254,96,1,.36);outline-offset:3px;
}
.kyp-header svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* The small information row gives the primary navigation breathing room. */
.kyp-utility{
  min-height:35px;
  background:var(--kyp-warm);
  border-bottom:1px solid var(--kyp-line);
}
.kyp-utility-inner{
  min-height:35px;
  width:min(1500px,calc(100% - 56px));
  margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.kyp-utility-note{
  display:flex;align-items:center;gap:10px;
  margin:0;
  font-size:10px;font-weight:700;letter-spacing:.105em;
  color:#8B5432;line-height:1.4;
}
.kyp-signal{
  display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;
  background:var(--kyp-accent);
  box-shadow:0 0 0 4px rgba(254,96,1,.12);
}
.kyp-utility-separator{color:#BA9A85;font-size:14px;line-height:1}
.kyp-utility-links{display:flex;align-items:center;gap:18px}
.kyp-utility-links a{
  font-size:11px;line-height:1.4;font-weight:600;
  color:#69584A;
  transition:color .18s ease;
}
.kyp-utility-links a:hover{color:var(--kyp-accent-dark)}
.kyp-utility-links a span{color:var(--kyp-accent-dark)}
.kyp-utility-divider{height:12px;width:1px;background:#DFCEBD}

/* Main row */
.kyp-main{
  background:rgba(255,250,245,.99);
  border-bottom:1px solid var(--kyp-line);
  transition:box-shadow .2s ease;
}
.kyp-header.is-scrolled .kyp-main{box-shadow:var(--kyp-softshadow)}
.kyp-main-inner{
  width:min(1500px,calc(100% - 56px));
  min-height:92px;
  margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:26px;
}
.kyp-brand{
  display:inline-flex;align-items:center;gap:14px;
  flex:0 0 auto;
  min-width:205px;
}
.kyp-brand img{
  display:block;
  width:76px;height:76px;max-width:none;max-height:none;
  object-fit:contain;object-position:center;
}
.kyp-brand-fallback{
  font-family:'Gotu',serif;
  font-size:22px;white-space:nowrap;
}
.kyp-brand-fallback em{font-style:normal;color:var(--kyp-accent)}
.kyp-brand-detail{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding-left:13px;
  min-height:36px;
  border-left:1px solid #DCC9BA;
  white-space:nowrap;
}
.kyp-brand-detail strong{
  display:block;font-size:12px;font-weight:800;letter-spacing:.075em;color:var(--kyp-ink)
}
.kyp-brand-detail small{
  display:block;font-size:9px;font-weight:600;letter-spacing:.095em;color:var(--kyp-muted)
}
.kyp-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}
.kyp-menu,.kyp-dropdown ul,.kyp-simple-dropdown{
  list-style:none;padding:0;margin:0;
}
.kyp-menu{
  display:flex;align-items:center;justify-content:center;
  gap:1px;
}
.kyp-menu-item{position:relative;flex:0 0 auto}
.kyp-link-row{display:flex;align-items:center;position:relative;border-radius:12px}
.kyp-menu-link{
  display:flex;align-items:center;
  min-height:44px;padding:0 10px;
  font-family:'Archivo',Arial,sans-serif;
  font-size:12.5px;font-weight:700;
  white-space:nowrap;letter-spacing:-.012em;
  color:var(--kyp-ink)!important;
  border-radius:10px;
  transition:color .18s ease,background .18s ease;
}
.kyp-menu-item:hover>.kyp-link-row,.kyp-menu-item:focus-within>.kyp-link-row{
  background:var(--kyp-peach);
}
.kyp-menu-item.is-active>.kyp-link-row>.kyp-menu-link,
.kyp-menu-item:hover>.kyp-link-row>.kyp-menu-link{
  color:var(--kyp-accent-dark)!important;
}
.kyp-menu-item.is-active>.kyp-link-row:after{
  position:absolute;content:'';height:2px;width:22px;
  background:var(--kyp-accent);border-radius:9px;
  bottom:2px;left:10px;pointer-events:none;
}
.kyp-submenu-toggle{
  border:0;background:transparent;
  color:#66584E;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 23px;width:23px;height:42px;
  cursor:pointer;margin-left:-7px;margin-right:4px;
  padding:0;
}
.kyp-submenu-toggle svg{width:13px;height:13px;transition:transform .2s ease}
.kyp-menu-item.is-open>.kyp-link-row .kyp-submenu-toggle svg{transform:rotate(180deg)}

/* Dropdowns are visible on both hover and keyboard focus. */
.kyp-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  background:var(--kyp-paper);
  border:1px solid var(--kyp-line);
  border-radius:18px;
  box-shadow:0 22px 60px rgba(61,42,23,.14);
  z-index:40;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(9px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.kyp-dropdown:before{content:'';position:absolute;left:0;right:0;top:-15px;height:15px}
.kyp-menu-item:hover>.kyp-dropdown,
.kyp-menu-item:focus-within>.kyp-dropdown,
.kyp-menu-item.is-open>.kyp-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0);
}
.kyp-simple-dropdown{min-width:268px;left:-18px;padding:12px;}
.kyp-simple-dropdown li+li{margin-top:4px}
.kyp-simple-dropdown a{
  min-height:43px;padding:10px 13px;
  display:flex;align-items:center;justify-content:space-between;
  border-radius:9px;font-size:13px;font-weight:600;color:var(--kyp-ink)!important;
  transition:background .18s ease,color .18s ease;
}
.kyp-simple-dropdown a span{color:var(--kyp-accent);font-size:16px}
.kyp-simple-dropdown a:hover,.kyp-simple-dropdown a:focus-visible{
  background:var(--kyp-peach);color:var(--kyp-accent-dark)!important;
}
.kyp-mega{
  left:50%;width:min(850px,calc(100vw - 70px));
  display:grid;grid-template-columns:242px minmax(0,1fr);
  padding:0;
  overflow:visible;
  transform:translate(-43%,9px);
}
.kyp-menu-item:hover>.kyp-mega,
.kyp-menu-item:focus-within>.kyp-mega,
.kyp-menu-item.is-open>.kyp-mega{transform:translate(-43%,0)}
.kyp-mega-intro{
  display:flex;flex-direction:column;
  padding:30px 25px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(150deg,#FFF0E2 0%,#FFFAF5 90%);
  border-right:1px solid #F0DFD0;
}
.kyp-mega-eyebrow{
  font-size:9px;font-weight:800;letter-spacing:.13em;
  color:var(--kyp-accent-dark);
}
.kyp-mega-intro strong{
  margin:15px 0 9px;
  font-family:'Gotu',serif;
  font-size:23px;line-height:1.35;
  color:var(--kyp-ink);
  font-weight:400;
}
.kyp-mega-intro p{font-size:12px;line-height:1.75;color:var(--kyp-muted);margin:0 0 22px}
.kyp-mega-view{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 0 7px;
  margin-top:auto;
  border-bottom:1px solid rgba(201,78,0,.35);
  color:var(--kyp-accent-dark)!important;font-weight:800;font-size:12px;
}
.kyp-mega-view span{font-size:17px}
.kyp-mega-groups{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;gap:20px 20px;
  max-height:min(74vh,600px);overflow-y:auto;
  padding:26px 25px;
}
.kyp-course-group{min-width:0}
.kyp-course-group h3{
  margin:0 0 10px;font-family:'Archivo',Arial,sans-serif;
  font-size:10px;line-height:1.4;letter-spacing:.11em;
  font-weight:800;color:var(--kyp-accent-dark);
}
.kyp-course-group ul{display:grid;gap:2px}
.kyp-course-group a{
  display:block;padding:7px 9px;margin-left:-9px;border-radius:8px;
  font-size:12px;font-weight:600;line-height:1.45;
  color:#44362C!important;
}
.kyp-course-group a:hover,.kyp-course-group a:focus-visible{
  color:var(--kyp-accent-dark)!important;
  background:var(--kyp-peach);
}

/* Right-side student and catalogue actions */
.kyp-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.kyp-login,.kyp-explore{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;border-radius:999px;
  font-family:'Archivo',Arial,sans-serif;
  font-weight:800;font-size:12px;letter-spacing:0;
  white-space:nowrap;padding:0 18px;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.kyp-login{
  background:var(--kyp-paper);
  border:1px solid #E2CFC0;
  color:#483628!important;
}
.kyp-login svg{height:17px;width:17px;color:#B94A00}
.kyp-login:hover{border-color:var(--kyp-accent);background:var(--kyp-peach)}
.kyp-explore{
  background:linear-gradient(115deg,#FE6001 0%,#E85A00 100%);
  border:1px solid transparent;color:#FFFFFF!important;
  box-shadow:0 8px 22px rgba(254,96,1,.17);
  padding:0 21px;
}
.kyp-explore span{font-size:16px;line-height:1}
.kyp-explore:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(254,96,1,.24)}
.kyp-mobile-toggle,.kyp-mobile-actions,.kyp-drawer-heading,.kyp-menu-scrim{display:none}

@media(max-width:1420px) and (min-width:1241px){
  .kyp-main-inner{width:calc(100% - 34px);gap:12px}
  .kyp-utility-inner{width:calc(100% - 34px)}
  .kyp-brand{min-width:165px;gap:9px}
  .kyp-brand img{width:67px;height:67px}
  .kyp-brand-detail{padding-left:9px}
  .kyp-brand-detail strong{font-size:11px}
  .kyp-brand-detail small{font-size:8px}
  .kyp-menu-link{padding:0 7px;font-size:12px}
  .kyp-actions{gap:7px}
  .kyp-login,.kyp-explore{padding-inline:12px;font-size:11.5px}
}

/* Tablet and mobile: accessible slide-in navigation. */
@media(max-width:1240px){
  .kyp-main-inner{min-height:77px;width:calc(100% - 36px);gap:16px}
  .kyp-utility-inner{width:calc(100% - 36px)}
  .kyp-brand{min-width:0;gap:12px}
  .kyp-brand img{width:64px;height:64px}
  .kyp-brand-detail{min-height:36px}
  .kyp-actions{display:flex;margin-left:auto}
  .kyp-actions .kyp-explore{display:none}
  .kyp-actions .kyp-login{min-height:43px}
  .kyp-mobile-toggle{
    position:relative;z-index:70;
    flex:0 0 auto;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:5px;
    width:46px;height:46px;padding:10px;
    background:var(--kyp-paper);
    border:1px solid #E5D4C6;border-radius:13px;
    color:var(--kyp-ink);
    cursor:pointer;
  }
  .kyp-mobile-toggle span{
    display:block;width:21px;height:2px;border-radius:5px;
    background:#46372B;transition:transform .2s ease,opacity .2s ease;
  }
  .kyp-mobile-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .kyp-mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .kyp-mobile-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .kyp-menu-scrim{
    display:block;position:fixed;inset:0;
    background:rgba(53,40,29,.28);
    opacity:0;visibility:hidden;pointer-events:none;
    z-index:35;transition:opacity .23s ease,visibility .23s ease;
  }
  .kyp-header.is-menu-open .kyp-menu-scrim{opacity:1;visibility:visible;pointer-events:auto}
  .kyp-nav{
    display:block;
    position:fixed;top:0;right:0;bottom:0;
    z-index:55;
    width:min(415px,91vw);
    min-width:0;
    padding:93px 22px 28px;
    overflow-y:auto;
    overscroll-behavior:contain;
    background:var(--kyp-cream);
    border-left:1px solid var(--kyp-line);
    box-shadow:-14px 0 40px rgba(74,44,20,.10);
    transform:translateX(105%);visibility:hidden;
    transition:transform .28s ease,visibility .28s ease;
  }
  .kyp-header.is-menu-open .kyp-nav{
    transform:translateX(0);visibility:visible;
  }
  body.kyp-menu-open{overflow:hidden!important}
  .kyp-drawer-heading{display:flex;flex-direction:column;gap:7px;margin:0 0 20px}
  .kyp-drawer-heading span{font-size:10px;font-weight:800;color:var(--kyp-accent-dark);letter-spacing:.12em}
  .kyp-drawer-heading strong{font-family:'Gotu',serif;font-size:25px;font-weight:400;color:var(--kyp-ink)}
  .kyp-menu{display:block;margin:0;padding:0}
  .kyp-menu-item{border-bottom:1px solid var(--kyp-line)}
  .kyp-link-row{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:0}
  .kyp-menu-link{flex:1 1 auto;min-height:52px;padding:10px 6px;font-size:14px;white-space:normal}
  .kyp-menu-item.is-active>.kyp-link-row:after{bottom:0;left:6px}
  .kyp-submenu-toggle{
    display:inline-flex;justify-content:center;align-items:center;
    width:45px;height:46px;flex-basis:45px;margin:0;padding:0;
    border-radius:9px;background:var(--kyp-peach);color:var(--kyp-ink)
  }
  .kyp-dropdown,.kyp-mega{
    position:static;display:none;
    left:auto;top:auto;
    width:100%;min-width:0;max-width:none;
    margin:0 0 13px;padding:0;
    opacity:1;visibility:visible;pointer-events:auto;
    transform:none!important;transition:none;
    background:transparent;box-shadow:none;border:0;border-radius:0;
  }
  .kyp-dropdown:before{display:none}
  .kyp-menu-item:hover>.kyp-dropdown,.kyp-menu-item:focus-within>.kyp-dropdown{display:none}
  .kyp-menu-item.is-open>.kyp-dropdown{display:block}
  .kyp-simple-dropdown{padding-left:12px;border-left:2px solid var(--kyp-accent)}
  .kyp-simple-dropdown a{min-height:40px;font-size:13px;padding:9px 10px}
  .kyp-mega-intro{display:none}
  .kyp-mega-groups{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:19px 14px;max-height:none;overflow:visible;
    padding:15px 0 12px 13px;
    border-left:2px solid var(--kyp-accent);
  }
  .kyp-course-group h3{font-size:9px;margin-bottom:7px}
  .kyp-course-group a{font-size:12px;padding:6px;margin-left:-6px;white-space:normal}
  .kyp-mobile-actions{display:grid;gap:10px;margin-top:22px;padding-bottom:25px}
  .kyp-mobile-login,.kyp-mobile-explore{
    min-height:48px;padding:13px 17px;
    display:flex;align-items:center;justify-content:space-between;
    border-radius:12px;font-weight:800;font-size:13px;
  }
  .kyp-mobile-login{border:1px solid #E2CFC0;background:var(--kyp-paper);color:var(--kyp-ink)!important}
  .kyp-mobile-explore{background:var(--kyp-accent);color:#FFFFFF!important}
}
@media(max-width:690px){
  .kyp-utility{min-height:29px}
  .kyp-utility-inner{min-height:29px;justify-content:center;width:calc(100% - 28px)}
  .kyp-utility-links{display:none}
  .kyp-utility-note{font-size:9px;letter-spacing:.055em;gap:6px}
  .kyp-utility-separator{font-size:11px}
  .kyp-signal{width:6px;height:6px;box-shadow:0 0 0 3px rgba(254,96,1,.11)}
  .kyp-main-inner{width:calc(100% - 28px);min-height:70px}
  .kyp-brand img{width:60px;height:60px}
  .kyp-brand-detail strong{font-size:11px}
  .kyp-brand-detail small{font-size:8px}
  .kyp-actions{display:none}
  .kyp-mobile-toggle{margin-left:auto}
}
@media(max-width:370px){
  .kyp-brand-detail{gap:4px;padding-left:9px}
  .kyp-brand-detail strong{font-size:10px}
  .kyp-brand-detail small{font-size:7px}
  .kyp-utility-note{font-size:8px}
  .kyp-mega-groups{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .kyp-header *, .kyp-header *:before, .kyp-header *:after{
    scroll-behavior:auto!important;transition:none!important;animation:none!important;
  }
}
