/* ==========================================================
   AAT YAPI V12 — HEADER HOTFIX / REDESIGN
   Loaded after modern-commerce.css.
   Focus: real logo sizing, balanced desktop tools, cleaner nav.
   ========================================================== */

/* top strip: quieter and tighter */
.v11-modern .site-topbar{
  min-height:32px!important;
  height:32px!important;
  background:#08131d!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  font-size:11px!important;
}
.v11-modern .topbar-inner{min-height:32px!important;height:32px!important}
.v11-modern .topbar-left{gap:9px!important}
.v11-modern .topbar-right{gap:20px!important}
.v11-modern .status-dot{width:6px!important;height:6px!important;box-shadow:0 0 0 4px rgba(242,138,46,.12)!important}

/* desktop header shell */
@media (min-width:981px){
  .v11-modern .v12-header .v6-header-main{
    min-height:86px!important;
    height:86px!important;
    padding:10px 0!important;
    display:grid!important;
    grid-template-columns:220px minmax(360px,1fr) auto!important;
    align-items:center!important;
    gap:24px!important;
  }
  .v11-modern .v12-header .mobile-nav-toggle{display:none!important}

  /* real logo: the source PNG had a huge transparent canvas; V12 uses a tightly cropped mark */
  .v11-modern .v12-header .brand-logo-v12{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    height:64px!important;
    gap:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-decoration:none!important;
    overflow:visible!important;
  }
  .v11-modern .v12-header .brand-mark-shell-v12{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  .v11-modern .v12-header .brand-mark-v12{
    width:58px!important;
    height:58px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
  }
  .v11-modern .v12-header .brand-wordmark-v12{gap:3px!important}
  .v11-modern .v12-header .brand-wordmark-v12 b{
    font:850 20px/1 Manrope,Inter,sans-serif!important;
    color:var(--v11-ink)!important;
    letter-spacing:-.045em!important;
  }
  .v11-modern .v12-header .brand-wordmark-v12 small{
    font:850 8px/1.1 Inter,sans-serif!important;
    color:var(--v11-orange)!important;
    letter-spacing:.14em!important;
  }

  /* search: dominant but not allowed to crush the right side */
  .v11-modern .v12-header .header-search-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:760px!important;
    justify-self:center!important;
  }
  .v11-modern .v12-header .header-search{
    height:52px!important;
    min-height:52px!important;
    border-radius:15px!important;
    background:var(--v11-surface-2)!important;
    border:1px solid var(--v11-border-strong)!important;
    box-shadow:none!important;
  }
  .v11-modern .v12-header .header-search .search-icon{margin-left:17px!important;opacity:.78!important}
  .v11-modern .v12-header .header-search input{
    height:50px!important;
    min-height:50px!important;
    font-size:13.5px!important;
    padding-left:13px!important;
  }
  .v11-modern .v12-header .header-search button{
    min-width:82px!important;
    width:82px!important;
    height:42px!important;
    min-height:42px!important;
    margin:4px 5px 4px 0!important;
    border-radius:11px!important;
    background:var(--v11-orange)!important;
    color:#17212a!important;
    font-weight:900!important;
  }
  .v11-modern .v12-header .header-search button:hover{background:var(--v11-orange-2)!important}

  /* right actions */
  .v11-modern .v12-header .v6-tools{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:max-content!important;
  }
  .v11-modern .v12-header .header-tool,
  .v11-modern .v12-header .notification-bell-v6,
  .v11-modern .v12-header .theme-toggle-v12{
    height:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
    border:1px solid var(--v11-border)!important;
    background:var(--v11-surface)!important;
    color:var(--v11-ink)!important;
    box-shadow:none!important;
  }
  .v11-modern .v12-header .header-tool:hover,
  .v11-modern .v12-header .notification-bell-v6:hover,
  .v11-modern .v12-header .theme-toggle-v12:hover{
    transform:none!important;
    box-shadow:none!important;
    background:var(--v11-surface-2)!important;
    border-color:var(--v11-border-strong)!important;
  }
  .v11-modern .v12-header .tool-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    background:var(--v11-surface-2)!important;
  }

  /* notification icon */
  .v11-modern .v12-header .notification-bell-v6{
    width:46px!important;
    min-width:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }
  .v11-modern .v12-header .notification-bell-v6>span{
    width:17px!important;height:17px!important;display:block!important;position:relative!important;font-size:0!important;
    border:1.8px solid var(--v11-ink)!important;border-radius:9px 9px 7px 7px!important;
  }
  .v11-modern .v12-header .notification-bell-v6>span:after{
    content:"";position:absolute;left:5px;right:5px;bottom:-5px;height:2px;border-radius:2px;background:var(--v11-ink)!important;
  }
  .v11-modern .v12-header .notification-bell-v6 i{right:-5px!important;top:-6px!important}

  /* theme: one compact icon instead of a two-state pill */
  .v11-modern .v12-header .theme-toggle-v12{
    width:46px!important;
    min-width:46px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    overflow:visible!important;
  }
  .v11-modern .v12-header .theme-toggle-v12:before{display:none!important;content:none!important}
  .v11-modern .v12-header .theme-toggle-v12 span{
    grid-area:1/1!important;
    font-size:18px!important;
    line-height:1!important;
    color:var(--v11-ink)!important;
  }
  html[data-theme="light"] .v11-modern .v12-header .theme-toggle-v12 .theme-sun-v9{display:none!important}
  html[data-theme="light"] .v11-modern .v12-header .theme-toggle-v12 .theme-moon-v9{display:block!important;color:var(--v11-navy)!important}
  html[data-theme="dark"] .v11-modern .v12-header .theme-toggle-v12 .theme-sun-v9{display:block!important;color:var(--v11-orange)!important}
  html[data-theme="dark"] .v11-modern .v12-header .theme-toggle-v12 .theme-moon-v9{display:none!important}
  .v11-modern .v12-header .theme-toggle-v12 .theme-label-v9{display:none!important}

  /* account */
  .v11-modern .v12-header .account-profile-trigger-v101,
  .v11-modern .v12-header .account-tool-v9{
    width:auto!important;
    min-width:142px!important;
    max-width:176px!important;
    padding:5px 9px!important;
    gap:8px!important;
    justify-content:flex-start!important;
  }
  .v11-modern .v12-header .account-copy-v12{
    display:block!important;
    min-width:0!important;
    text-align:left!important;
    line-height:1.05!important;
  }
  .v11-modern .v12-header .account-copy-v12 small{
    display:block!important;
    margin:0 0 3px!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.06em!important;
    color:var(--v11-muted)!important;
    text-transform:uppercase!important;
  }
  .v11-modern .v12-header .account-copy-v12 b{
    display:block!important;
    max-width:88px!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .v11-modern .v12-header .account-chevron-v101{margin-left:auto!important;font-size:13px!important}

  /* cart: badge is pinned to the button corner and cannot stretch */
  .v11-modern .v12-header .cart-tool{
    width:auto!important;
    min-width:110px!important;
    max-width:124px!important;
    padding:5px 11px 5px 8px!important;
    gap:8px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .v11-modern .v12-header .cart-copy-v12{display:block!important;line-height:1.05!important;text-align:left!important}
  .v11-modern .v12-header .cart-copy-v12 small{display:none!important}
  .v11-modern .v12-header .cart-copy-v12 b{font-size:11.5px!important;max-width:60px!important}
  .v11-modern .v12-header .cart-badge{
    left:auto!important;
    right:-7px!important;
    top:-8px!important;
    width:auto!important;
    max-width:34px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    border:2px solid var(--v11-surface)!important;
    background:var(--v11-orange)!important;
    color:#17212a!important;
    font-size:9.5px!important;
    line-height:18px!important;
    font-weight:900!important;
    z-index:3!important;
  }

  /* nav */
  .v11-modern .v12-main-nav{
    background:var(--v11-surface)!important;
    border-top:1px solid var(--v11-border)!important;
    border-bottom:1px solid var(--v11-border)!important;
  }
  .v11-modern .v12-main-nav .nav-inner{
    height:54px!important;
    min-height:54px!important;
    gap:4px!important;
    overflow:visible!important;
  }
  .v11-modern .v12-main-nav .nav-inner>a,
  .v11-modern .v12-main-nav .category-trigger,
  .v11-modern .v12-main-nav .nav-quote-v6{
    height:40px!important;
    min-height:40px!important;
    border-radius:10px!important;
    font-size:12px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }
  .v11-modern .v12-main-nav .category-trigger{
    min-width:194px!important;
    margin-right:8px!important;
    padding:0 15px!important;
    background:var(--v11-orange)!important;
    border-color:var(--v11-orange)!important;
    color:#17212a!important;
  }
  .v11-modern .v12-main-nav .category-trigger:hover,
  .v11-modern .v12-main-nav .category-trigger.active{
    background:var(--v11-orange-2)!important;
    border-color:var(--v11-orange-2)!important;
    color:#17212a!important;
  }
  .v11-modern .v12-main-nav .category-trigger .hamb{color:#17212a!important}
  .v11-modern .v12-main-nav .nav-inner>a{
    padding:0 13px!important;
    color:var(--v11-ink-soft)!important;
    border:1px solid transparent!important;
    background:transparent!important;
  }
  .v11-modern .v12-main-nav .nav-inner>a:hover{background:var(--v11-surface-2)!important;color:var(--v11-ink)!important}
  .v11-modern .v12-main-nav .nav-inner>a.active{
    color:var(--v11-orange)!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:inset 0 -2px 0 var(--v11-orange)!important;
  }
  .v11-modern .v12-main-nav .nav-quote-v6{
    margin-left:auto!important;
    padding:0 15px!important;
    color:var(--v11-orange)!important;
    background:rgba(242,138,46,.07)!important;
    border-color:rgba(242,138,46,.28)!important;
  }
  .v11-modern .v12-main-nav .nav-quote-v6:hover{
    transform:none!important;
    background:var(--v11-orange)!important;
    color:#17212a!important;
    border-color:var(--v11-orange)!important;
  }

  /* mega aligns with the new navigation */
  .v11-modern .v12-header .mega-menu{border-top:0!important;padding-top:16px!important}
}

/* medium desktop: preserve search, compact textual tools before they collide */
@media (min-width:981px) and (max-width:1280px){
  .v11-modern .v12-header .v6-header-main{grid-template-columns:190px minmax(300px,1fr) auto!important;gap:16px!important}
  .v11-modern .v12-header .brand-logo-v12{width:190px!important;min-width:190px!important;max-width:190px!important;gap:9px!important}
  .v11-modern .v12-header .brand-mark-shell-v12,.v11-modern .v12-header .brand-mark-v12{width:50px!important;height:50px!important;min-width:50px!important}
  .v11-modern .v12-header .brand-wordmark-v12 b{font-size:17px!important}
  .v11-modern .v12-header .brand-wordmark-v12 small{font-size:7px!important}
  .v11-modern .v12-header .header-search-wrap{max-width:none!important}
  .v11-modern .v12-header .account-profile-trigger-v101,.v11-modern .v12-header .account-tool-v9{min-width:46px!important;width:46px!important;max-width:46px!important;padding:5px!important;justify-content:center!important}
  .v11-modern .v12-header .account-copy-v12,.v11-modern .v12-header .account-chevron-v101{display:none!important}
  .v11-modern .v12-header .cart-tool{min-width:92px!important}
  .v11-modern .v12-main-nav .nav-inner>a{padding-inline:9px!important;font-size:11.5px!important}
  .v11-modern .v12-main-nav .category-trigger{min-width:175px!important}
}

/* mobile/tablet: clean two-row header, menu drawer stays intact */
@media (max-width:980px){
  .v11-modern .site-topbar{display:none!important}
  .v11-modern .v12-header{top:0!important}
  .v11-modern .v12-header .v6-header-main{
    min-height:0!important;
    height:auto!important;
    padding:9px 0 11px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-areas:"menu brand tools" "search search search"!important;
    gap:8px 10px!important;
    align-items:center!important;
  }
  .v11-modern .v12-header .mobile-nav-toggle{grid-area:menu!important;display:flex!important}
  .v11-modern .v12-header .brand-logo-v12{
    grid-area:brand!important;
    width:158px!important;min-width:0!important;max-width:158px!important;height:48px!important;gap:7px!important;
  }
  .v11-modern .v12-header .brand-mark-shell-v12,.v11-modern .v12-header .brand-mark-v12{width:42px!important;height:42px!important;min-width:42px!important;max-height:none!important}
  .v11-modern .v12-header .brand-wordmark-v12{display:flex!important}
  .v11-modern .v12-header .brand-wordmark-v12 b{font-size:13px!important}
  .v11-modern .v12-header .brand-wordmark-v12 small{display:block!important;font-size:5.8px!important;letter-spacing:.11em!important}
  .v11-modern .v12-header .header-search-wrap{grid-area:search!important;width:100%!important;min-width:0!important;max-width:none!important}
  .v11-modern .v12-header .header-search{height:44px!important;min-height:44px!important;border-radius:12px!important}
  .v11-modern .v12-header .header-search input{height:42px!important;min-height:42px!important;font-size:12px!important}
  .v11-modern .v12-header .header-search button{display:flex!important;width:62px!important;min-width:62px!important;height:36px!important;min-height:36px!important;margin:4px!important;border-radius:9px!important;font-size:11px!important}
  .v11-modern .v12-header .v6-tools{grid-area:tools!important;display:flex!important;gap:5px!important}
  .v11-modern .v12-header .v6-tools>.header-tool:not(.cart-tool),
  .v11-modern .v12-header .notification-tool-v6,
  .v11-modern .v12-header .theme-toggle-v12{display:none!important}
  .v11-modern .v12-header .cart-tool{display:flex!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:4px!important;justify-content:center!important}
  .v11-modern .v12-header .cart-copy-v12{display:none!important}
  .v11-modern .v12-header .cart-badge{right:-5px!important;top:-6px!important}

  .v11-modern .v12-main-nav{top:0!important}
  .v11-modern .v12-main-nav .category-trigger{background:var(--v11-orange)!important;color:#17212a!important;border-color:var(--v11-orange)!important}
  .v11-modern .v12-main-nav .category-trigger .hamb{color:#17212a!important}
}

@media (max-width:520px){
  .v11-modern .v12-header .v6-header-main{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:7px!important}
  .v11-modern .v12-header .brand-logo-v12{width:136px!important;max-width:136px!important}
  .v11-modern .v12-header .brand-mark-shell-v12,.v11-modern .v12-header .brand-mark-v12{width:38px!important;height:38px!important;min-width:38px!important}
  .v11-modern .v12-header .brand-wordmark-v12 b{font-size:12px!important}
  .v11-modern .v12-header .brand-wordmark-v12 small{font-size:5.2px!important}
  .v11-modern .v12-header .header-search button{display:none!important}
}