/* src/main/resources/static/css/header.css */
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;justify-content:space-between}
.left-col,.center-col,.right-col{display:flex;align-items:center}
.promo-col{display:flex;align-items:center;justify-content:center;flex:1;min-width:220px;padding:0 .75rem}
.promo-ticker{position:relative;overflow:hidden;min-height:26px;width:100%;text-align:center}
.promo-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}
.promo-item.active{opacity:1;position:relative}
.promo-item a,.promo-item span{color:#444;font-weight:600;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}
.promo-dots{display:flex;gap:.35rem;justify-content:center;align-items:center;margin-top:.2rem}
.promo-dot{width:8px;height:8px;border-radius:50%;border:1px solid #bbb;background:#eee;padding:0;line-height:0;cursor:pointer}
.promo-dot.active{background:#e53935;border-color:#e53935}
.logo-link{padding-right:1rem}
.site-logo{height:40px}
.search-toggle-btn{border:1px solid #111;background:transparent;color:#111;padding:.45rem .85rem;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.search-toggle-btn i{font-size:1rem;line-height:1}
.search-toggle-btn .search-btn-text{margin-left:.35rem}
.search-toggle-btn:hover{background:#111;color:#fff}
.desktop-search-toggle{margin-left:.35rem;margin-right:.5rem}
.desktop-search-wrap{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:.35rem;width:min(680px,90vw);display:none;z-index:60}
.desktop-search-wrap.active{display:block}
.search-form{display:flex;max-width:560px;width:100%}
.search-input{flex:1;padding:.55rem .85rem;border:1px solid #dcdcdc;border-radius:6px 0 0 6px;font-size:.95rem}
.search-btn{background:#e53935;color:#fff;border:1px solid #e53935;padding:.55rem .95rem;border-radius:0 6px 6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-weight:600}
.search-btn i{font-size:1rem}
.top-nav{display:flex;gap:.5rem;margin-right:1rem;align-items:center}
.nav-link{padding:.4rem .6rem;border-radius:6px;color:#fff;display:inline-flex;align-items:center}
.nav-link-inline i{font-size:1rem}
.nav-link:hover{background:#f5f5f5}
.nav-link-inline {background:#f7f7f7;border:1px solid #e4e4e4;color:#333;padding:.45rem .8rem;border-radius:6px;font-weight:600}
.nav-link-inline:hover{background:#efefef;color:#111}
.nav-icon-only{padding:.38rem .78rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e4e4;background:#fff;min-width:82px;height:40px}
.nav-icon-only:hover{background:#f7f7f7}
.custom-order-icon{max-width:100%;max-height:100%;object-fit:contain;display:block}
.left-col .nav-icon-only{margin-right:.5rem}
.icons{display:flex;gap:.6rem;align-items:center}
.icon-link{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:50%;width:36px;height:36px;background:transparent}
.account-logged-in-icon{color:#0d6efd}
.mobile-search-toggle{display:none}
.cart-link{position:relative}
.cart-badge{position:absolute;top:-6px;right:-6px;background:#e53935;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:12px;min-width:16px;height:16px;line-height:16px;text-align:center}
.cart-badge[data-count="0"]{display:none}
@media (max-width: 480px){
  .cart-badge{top:-4px;right:-2px;font-size:.62rem;min-width:14px;height:14px;line-height:14px;padding:0 4px}
}
.track-mini-form{display:flex;align-items:center;gap:.5rem;margin-right:1rem}
.track-mini-form input{height:34px;border:1px solid #dcdcdc;border-radius:6px;padding:0 .75rem;min-width:136px;font-size:.95rem}
.track-mini-form .btn{border-radius:6px;padding:.45rem .95rem;font-weight:600;display:inline-flex;align-items:center}
.track-mini-form .btn i{font-size:1.05rem}
.track-mini-form .track-btn-icon{width:16px;height:16px;display:inline-block}
.track-icon-link{display:none}
.track-icon-link .track-btn-icon{width:18px;height:18px}
.track-mini-form .track-mini-link{display:none}

.account-dropdown .dropdown-toggle::after {
  display: none;
}

.account-dropdown .dropdown-menu {
  margin-top: 0;
}

@media (min-width: 992px) {
  .account-dropdown:hover .dropdown-menu {
    display: block;
  }
}

.account-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.account-dropdown .dropdown-item i {
  font-size: 1rem;
  width: 1.25rem;
}

/* responsive */
@media (max-width:900px){
  .top-nav{display:none}
  .desktop-search-toggle{display:none}
  .desktop-search-wrap{display:none!important}
  .search-form{max-width:360px}
  .search-btn-text{display:none}
  .promo-col{display:none}
  .header-inner{flex-wrap:wrap}
}
@media (max-width:600px){
  .search-form{display:none}
  .header-inner{padding:.3rem 0}
  .mobile-search-toggle{display:inline-flex}
  .track-mini-form{display:flex}
  .track-mini-form input{display:none}
  .track-mini-form .btn{padding:.4rem .7rem}
  .mobile-search-toggle{
    width:auto;
    height:auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    margin-right:.35rem;
    position:relative;
    top:3px;
  }
  .mobile-search-toggle .search-btn-text{display:none}
}

@media (max-width: 420px) {
  .header-inner{flex-wrap:nowrap;gap:.4rem}
  .icons{gap:.35rem;flex-wrap:nowrap}
  .icon-link{width:32px;height:32px;padding:.2rem}
  .track-icon-link .track-btn-icon{width:20px;height:20px}
  .site-logo{height:34px}
  .nav-icon-only{min-width:64px;height:34px;padding:.2rem .5rem}
  .left-col .nav-icon-only{margin-right:.35rem}
}

@media (max-width: 1199.98px) {
  .track-mini-form{display:flex}
  .track-mini-form input{display:none}
  .track-mini-form .btn{padding:.4rem .7rem}
  .track-mini-form .track-mini-submit{display:none}
  .track-mini-form .track-mini-link{display:inline-flex}
  .track-icon-link{display:none}
}