/* Shared header geometry and navigation for every Kiddos Closet page. */
.kc-header{display:grid;grid-template-columns:minmax(134px,1fr) auto minmax(134px,1fr);max-width:none;width:100%;gap:28px;padding:22px clamp(22px,4vw,104px);align-items:center}
.kc-header .kc-logo{grid-area:auto;width:134px;justify-self:start}
.kc-header nav{grid-area:auto;display:flex;justify-content:center;gap:clamp(20px,2.2vw,38px);font-size:16px}
.kc-header nav a{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.kc-header nav a[aria-current=page]{border-color:var(--kc-clay)}
.kc-header .kc-contact{grid-area:auto;justify-self:end;white-space:nowrap}
@media(max-width:1000px){
 .kc-header{grid-template-columns:minmax(104px,1fr) auto minmax(104px,1fr);gap:20px;padding:18px clamp(22px,4vw,40px);min-height:0}
 .kc-header .kc-logo{width:104px}
 .kc-header nav{gap:24px;font-size:14px}
}
@media(max-width:640px){
 .kc-header{grid-template-columns:1fr auto;padding:15px 22px 12px;gap:8px 16px}
 .kc-header .kc-logo{grid-area:1/1;width:92px}
 .kc-header .kc-contact{grid-area:1/2}
 .kc-header nav{grid-area:2/1/3/-1;font-size:13px;column-gap:22px}
}

/* Native disclosure keeps section links available without JavaScript. */
.kc-header{position:relative;z-index:10;background:var(--kc-cream,#fff9f3)}
.kc-home-menu{position:relative;display:flex;align-items:center}
.kc-home-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 8px;border-bottom:2px solid transparent;cursor:pointer;list-style:none}
.kc-home-menu summary::-webkit-details-marker{display:none}
.kc-header nav .kc-home-menu>a,.kc-home-menu summary{border-bottom-color:transparent}
.kc-home-menu::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;pointer-events:none}
.kc-home-menu:hover::after{background:var(--kc-olive)}
.kc-home-menu:has(>a[aria-current=page])::after{background:var(--kc-clay)}
.kc-menu-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.kc-home-menu details[open] .kc-menu-chevron{transform:translateY(2px) rotate(225deg)}
.kc-home-links{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:220px;padding:8px;background:var(--kc-cream,#fff9f3);border:1px solid var(--kc-olive);border-radius:16px;box-shadow:0 8px 20px #59473720}
.kc-header .kc-home-links a{display:flex;min-height:44px;padding:10px 12px;border:0;border-radius:9px;font-size:14px}
.kc-header .kc-home-links a:hover{background:#65715312}
.kc-home-menu summary:focus-visible,.kc-header .kc-home-links a:focus-visible{outline:2px dashed var(--kc-clay);outline-offset:3px}
@media(max-width:1000px){.kc-header nav{flex-wrap:nowrap;gap:28px}}

/* Bridge the visual gap so the pointer can travel into the panel. */
.kc-home-links::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.kc-menu-chevron{transition:transform 260ms cubic-bezier(.22,1,.36,1)}
.kc-home-menu.kc-menu-closing .kc-menu-chevron{transform:translateY(-2px) rotate(45deg)}
.kc-header .kc-home-links a{transition:background-color 160ms ease}
@media(prefers-reduced-motion:reduce){.kc-menu-chevron,.kc-header .kc-home-links a{transition:none}}

.kc-mobile-menu{display:none}
@media(max-width:640px){
 .kc-header{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:10px;padding:14px 16px}
 .kc-header .kc-logo{grid-area:1/2;width:84px;justify-self:center}
 .kc-header>nav{display:none}
 .kc-header .kc-contact{grid-area:1/3;font-size:12px;min-height:44px;padding:10px 12px}
 .kc-mobile-menu{display:block;grid-area:1/1;justify-self:start}
 .kc-mobile-menu summary{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;border-radius:12px}
 .kc-mobile-menu summary::-webkit-details-marker{display:none}
 .kc-mobile-menu summary:focus-visible,.kc-mobile-links a:focus-visible{outline:2px dashed var(--kc-clay);outline-offset:3px}
 .kc-hamburger{width:22px;display:grid;gap:5px}
 .kc-hamburger span{height:2px;background:var(--kc-olive);border-radius:2px;transition:transform 260ms cubic-bezier(.22,1,.36,1),opacity 180ms ease}
 .kc-mobile-menu[open]:not(.kc-menu-closing) .kc-hamburger span:first-child{transform:translateY(7px) rotate(45deg)}
 .kc-mobile-menu[open]:not(.kc-menu-closing) .kc-hamburger span:nth-child(2){opacity:0}
 .kc-mobile-menu[open]:not(.kc-menu-closing) .kc-hamburger span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .kc-mobile-links{position:absolute;top:calc(100% + 4px);left:16px;right:16px;padding:10px;background:var(--kc-cream,#fff9f3);border:1px solid var(--kc-olive);border-radius:18px;box-shadow:0 8px 20px #59473720}
 .kc-mobile-links a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:750;text-decoration:none;transition:background-color 160ms ease}
 .kc-mobile-links a:hover,.kc-mobile-links a[aria-current=page]{background:#65715312}
}
@media(prefers-reduced-motion:reduce){.kc-hamburger span,.kc-mobile-links a{transition:none}}