/* wHair Series shared header / square-rectangle logo system */
body[class*="theme-whair-"]{--whair-top:#383446;--whair-nav:#159db1;--whair-accent:#1ba4b8;--whair-deep:#0c2030;--whair-paper:#fff;--whair-radius:24px}
body[class*="theme-whair-"] .site-header.whair-site-header{background:transparent!important;box-shadow:none!important;overflow:visible!important}
body[class*="theme-whair-"] .whair-head-top{height:78px;background:var(--whair-top);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
body[class*="theme-whair-"] .whair-head-top-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:220px}
body[class*="theme-whair-"] .whair-head-actions,body[class*="theme-whair-"] .whair-head-social{display:flex;align-items:center;gap:12px;min-width:0}
body[class*="theme-whair-"] .whair-head-action{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.74);border-radius:999px;display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.15px;white-space:nowrap;background:rgba(255,255,255,.035)}
body[class*="theme-whair-"] .whair-head-action i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--whair-accent);font-style:normal;font-size:15px}
body[class*="theme-whair-"] .whair-head-action small{display:block;font-size:8px;opacity:.7;text-transform:uppercase;line-height:1.1}body[class*="theme-whair-"] .whair-head-action b{display:block;font-size:12px;line-height:1.2}
body[class*="theme-whair-"] .whair-social-dot{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.58);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;background:rgba(255,255,255,.03)}
body[class*="theme-whair-"] .whair-head-nav{height:62px;background:var(--whair-nav);box-shadow:0 7px 22px rgba(5,20,35,.10)}
body[class*="theme-whair-"] .whair-nav-layout{height:62px;display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;position:relative}
body[class*="theme-whair-"] .whair-desktop-nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:850;text-transform:uppercase;color:#fff;min-width:0}
body[class*="theme-whair-"] .whair-nav-left{justify-content:flex-start}body[class*="theme-whair-"] .whair-nav-right{justify-content:flex-end}
body[class*="theme-whair-"] .whair-desktop-nav a{position:relative;white-space:nowrap}body[class*="theme-whair-"] .whair-desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#fff;transition:.22s}body[class*="theme-whair-"] .whair-desktop-nav a:hover:after{right:0}
body[class*="theme-whair-"] .whair-center-brand{position:absolute;z-index:8;left:50%;top:-78px;transform:translateX(-50%);width:190px;height:154px;border-radius:0 0 38px 38px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 40px rgba(4,14,28,.20);display:flex;align-items:center;justify-content:center;padding:15px;overflow:hidden}
body[class*="theme-whair-"] .whair-center-brand img{display:block;width:100%;height:100%;max-width:160px;max-height:124px;object-fit:contain;object-position:center}
body[class*="theme-whair-"] .whair-center-brand b{font-size:38px;color:var(--whair-deep)}
body[class*="theme-whair-"] .whair-mobile-nav{display:none}.whair-site-header .mobile-menu-btn{display:none}
body[class*="theme-whair-"] .hero{padding-top:140px}.demo-live-mode[class*="theme-whair-"] .hero{padding-top:194px}
body[class*="theme-whair-"] .site-header.scrolled .whair-head-top{background:color-mix(in srgb,var(--whair-top) 94%,#000)}body[class*="theme-whair-"] .site-header.scrolled .whair-head-nav{background:color-mix(in srgb,var(--whair-nav) 94%,#000)}
@media(max-width:1120px){body[class*="theme-whair-"] .whair-desktop-nav{gap:16px;font-size:10.5px}body[class*="theme-whair-"] .whair-head-top-inner{gap:200px}.whair-head-social .whair-social-dot:nth-child(-n+2){display:none}}
@media(max-width:1000px){
 body[class*="theme-whair-"] .whair-head-top{display:none}body[class*="theme-whair-"] .whair-head-nav,body[class*="theme-whair-"] .whair-nav-layout{height:76px}
 body[class*="theme-whair-"] .whair-nav-layout{display:flex;align-items:center;justify-content:space-between;gap:14px}
 body[class*="theme-whair-"] .whair-desktop-nav{display:none}body[class*="theme-whair-"] .whair-center-brand{position:relative;left:auto;top:auto;transform:none;width:min(185px,62vw);height:56px;border-radius:14px;padding:6px 10px;margin:0;justify-content:flex-start;box-shadow:0 8px 20px rgba(4,14,28,.12)}
 body[class*="theme-whair-"] .whair-center-brand img{max-width:100%;max-height:44px;object-position:left center}.whair-site-header .mobile-menu-btn{display:block!important;margin-left:auto}
 body[class*="theme-whair-"] .whair-mobile-nav{display:flex!important}.whair-site-header .site-nav{top:0!important}
 body[class*="theme-whair-"] .hero{padding-top:76px}.demo-live-mode[class*="theme-whair-"] .hero{padding-top:130px}
}
@media(max-width:520px){body[class*="theme-whair-"] .whair-center-brand{width:min(170px,64vw);height:52px}.demo-live-mode[class*="theme-whair-"] .hero{padding-top:126px}}

/* v1.1.2.19 — balanced center-logo navigation + real social icons */
body[class*="theme-whair-"] .whair-head-top-inner{gap:210px}
body[class*="theme-whair-"] .whair-nav-layout{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);column-gap:24px}
body[class*="theme-whair-"] .whair-desktop-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;width:100%;align-items:center}
body[class*="theme-whair-"] .whair-desktop-nav a{text-align:center;overflow:hidden;text-overflow:ellipsis}
body[class*="theme-whair-"] .whair-nav-left{justify-items:end}body[class*="theme-whair-"] .whair-nav-right{justify-items:start}
body[class*="theme-whair-"] .whair-nav-left a{width:100%;text-align:right}body[class*="theme-whair-"] .whair-nav-right a{width:100%;text-align:left}
body[class*="theme-whair-"] .whair-head-social.theme-header-socials{display:flex;justify-content:flex-end;color:#fff}
body[class*="theme-whair-"] .whair-head-social .theme-social-icon{width:36px;height:36px;min-width:36px;color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.04)}
body[class*="theme-whair-"] .whair-head-social .theme-social-icon:hover{background:var(--whair-accent);border-color:var(--whair-accent)!important}
body[class*="theme-whair-"] .whair-head-social .theme-social-icon svg{width:15px;height:15px}
body[class*="theme-whair-"] .whair-mobile-nav .mobile-socials{display:none}
@media(max-width:1120px){body[class*="theme-whair-"] .whair-nav-layout{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);column-gap:14px}body[class*="theme-whair-"] .whair-desktop-nav{gap:8px 10px;font-size:9.8px}}
@media(max-width:1000px){body[class*="theme-whair-"] .whair-mobile-nav .mobile-socials{display:flex!important;width:100%;margin-top:14px;gap:10px}body[class*="theme-whair-"] .whair-mobile-nav .theme-social-icon{color:var(--whair-deep)!important;background:rgba(0,0,0,.04);border-color:rgba(15,23,42,.18)!important}}


/* v1.1.2.20 — wHair desktop header: left logo + right aligned navigation */
@media(min-width:1001px){
 body[class*="theme-whair-"] .whair-head-top-inner{padding-left:210px!important;gap:22px!important}
 body[class*="theme-whair-"] .whair-head-nav{height:70px!important}
 body[class*="theme-whair-"] .whair-nav-layout{height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;position:relative!important}
 body[class*="theme-whair-"] .whair-center-brand{position:relative!important;z-index:8!important;left:auto!important;top:-36px!important;transform:none!important;flex:0 0 182px!important;width:182px!important;height:118px!important;border-radius:0 0 30px 30px!important;margin:0!important;padding:12px 14px!important;box-shadow:0 16px 38px rgba(4,14,28,.18)!important}
 body[class*="theme-whair-"] .whair-center-brand img{width:100%!important;height:100%!important;max-width:154px!important;max-height:94px!important;object-fit:contain!important;object-position:center!important}
 body[class*="theme-whair-"] .whair-desktop-nav.whair-nav-main{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(18px,2.15vw,34px)!important;width:auto!important;min-width:0!important;margin-left:auto!important;font-size:11.5px!important}
 body[class*="theme-whair-"] .whair-desktop-nav.whair-nav-main a{width:auto!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important;flex:0 0 auto!important}
 body[class*="theme-whair-"] .hero{padding-top:148px!important}
 .demo-live-mode[class*="theme-whair-"] .hero{padding-top:202px!important}
}
@media(min-width:1001px) and (max-width:1180px){
 body[class*="theme-whair-"] .whair-head-top-inner{padding-left:184px!important}
 body[class*="theme-whair-"] .whair-center-brand{flex-basis:160px!important;width:160px!important;height:108px!important;top:-31px!important}
 body[class*="theme-whair-"] .whair-center-brand img{max-width:136px!important;max-height:84px!important}
 body[class*="theme-whair-"] .whair-desktop-nav.whair-nav-main{gap:clamp(12px,1.35vw,20px)!important;font-size:10.2px!important}
}
@media(max-width:1000px){
 body[class*="theme-whair-"] .whair-head-top-inner{padding-left:0!important}
 body[class*="theme-whair-"] .whair-center-brand{top:auto!important}
}

/* v1.1.2.21 — desktop logo panel flush-top / deeper-bottom refinement */
@media(min-width:1001px){
 body[class*="theme-whair-"] .whair-head-top-inner{padding-left:216px!important}
 body[class*="theme-whair-"] .whair-center-brand{
   top:-78px!important;
   flex:0 0 184px!important;
   width:184px!important;
   height:176px!important;
   padding:13px 14px 18px!important;
   border-radius:0 0 34px 34px!important;
   align-self:flex-start!important;
   box-shadow:0 18px 42px rgba(4,14,28,.20)!important;
 }
 body[class*="theme-whair-"] .whair-center-brand img{
   width:100%!important;
   height:100%!important;
   max-width:156px!important;
   max-height:142px!important;
   object-fit:contain!important;
   object-position:center center!important;
 }
 body[class*="theme-whair-"] .whair-head-nav,
 body[class*="theme-whair-"] .whair-nav-layout{overflow:visible!important}
 body[class*="theme-whair-"] .hero{padding-top:172px!important}
 .demo-live-mode[class*="theme-whair-"] .hero{padding-top:226px!important}
}
@media(min-width:1001px) and (max-width:1180px){
 body[class*="theme-whair-"] .whair-head-top-inner{padding-left:190px!important}
 body[class*="theme-whair-"] .whair-center-brand{top:-78px!important;flex-basis:164px!important;width:164px!important;height:164px!important;padding:12px 13px 17px!important;border-radius:0 0 30px 30px!important}
 body[class*="theme-whair-"] .whair-center-brand img{max-width:140px!important;max-height:130px!important}
}


/* v1.1.2.22 — mobile: hamburger only */
@media(max-width:1000px){
 body[class*="theme-whair-"] .whair-desktop-nav,
 body[class*="theme-whair-"] .whair-desktop-nav.whair-nav-main{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
 body[class*="theme-whair-"] .whair-nav-layout{display:flex!important;grid-template-columns:none!important}
 .whair-site-header .mobile-menu-btn{display:block!important}
}


/* v1.1.2.24 — wHair mobile hanging logo panel */
@media(max-width:1000px){
 body[class*="theme-whair-"] .whair-head-nav{height:82px!important;overflow:visible!important;position:relative!important}
 body[class*="theme-whair-"] .whair-nav-layout{height:82px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;position:relative!important;padding-top:0!important;overflow:visible!important}
 body[class*="theme-whair-"] .whair-center-brand{position:absolute!important;left:0!important;top:0!important;transform:none!important;width:min(190px,58vw)!important;max-width:min(190px,58vw)!important;height:116px!important;min-height:116px!important;border-radius:0 0 26px 26px!important;margin:0!important;padding:9px 12px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:20!important;box-shadow:0 16px 34px rgba(4,14,28,.20)!important;overflow:hidden!important}
 body[class*="theme-whair-"] .whair-center-brand img{width:100%!important;height:100%!important;max-width:164px!important;max-height:92px!important;object-fit:contain!important;object-position:center!important}
 body[class*="theme-whair-"] .mobile-menu-btn{display:block!important;position:relative!important;z-index:22!important;margin:16px 0 0 auto!important}
 body[class*="theme-whair-"] .hero{padding-top:116px!important}
 .demo-live-mode[class*="theme-whair-"] .hero{padding-top:170px!important}
}
@media(max-width:520px){
 body[class*="theme-whair-"] .whair-center-brand{width:min(176px,60vw)!important;max-width:min(176px,60vw)!important;height:110px!important;min-height:110px!important;border-radius:0 0 24px 24px!important}
 body[class*="theme-whair-"] .whair-center-brand img{max-width:150px!important;max-height:86px!important}
 body[class*="theme-whair-"] .hero{padding-top:110px!important}
 .demo-live-mode[class*="theme-whair-"] .hero{padding-top:164px!important}
}
