/* ======================================================
   Storefront Header/Nav Polish
   Loaded after the dynamic theme styles.
   ====================================================== */

.site-header .header-inner{
    font-family:"Inter","Segoe UI",Arial,sans-serif;
}

.site-header .header-search{
    position:relative;
    height:48px;
    border:1px solid #dbe4ef !important;
    border-radius:15px;
    background:#f8fafc !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.site-header .header-search:focus-within{
    border-color:#93c5fd !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.site-header .header-search input{
    height:46px;
    padding:0 17px;
    color:#0f172a;
    font-family:"Inter","Segoe UI",Arial,sans-serif;
    font-size:14px;
    font-weight:500;
}

.site-header .header-search input::placeholder{
    color:#94a3b8;
    opacity:1;
}

.site-header .header-search-btn{
    width:52px;
    min-width:52px;
    height:46px;
    padding:0 !important;
    border:0 !important;
    border-radius:0 14px 14px 0 !important;
    background:linear-gradient(135deg,#102a56,#2563eb) !important;
    color:#fff !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:none !important;
    transition:filter .2s ease,transform .2s ease;
}

.site-header .header-search-btn:hover{
    background:linear-gradient(135deg,#0b2147,#1d4ed8) !important;
    border-color:transparent !important;
    filter:brightness(1.03);
}

.header-ui-icon{
    width:21px;
    height:21px;
    display:block;
    fill:currentColor;
    flex:0 0 auto;
}

.site-header .cart-btn{
    position:relative;
    width:44px;
    min-width:44px;
    height:44px;
    padding:0 !important;
    border-radius:14px;
    border:1px solid #dbe4ef !important;
    background:#f8fafc !important;
    color:#102a56 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none !important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}

.site-header .cart-btn:hover{
    transform:translateY(-1px);
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    color:#1d4ed8 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.10) !important;
}

.site-header .cart-btn .header-ui-icon{
    width:22px;
    height:22px;
}

.site-header .cart-count{
    top:-7px;
    right:-7px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    background:#ef4444 !important;
    color:#fff !important;
    border:2px solid #fff;
    font-size:10px;
    line-height:16px;
    font-weight:900;
    box-shadow:0 6px 14px rgba(239,68,68,.25);
}

.site-header .header-link{
    padding:9px 11px;
    border-radius:11px;
    font-family:"Inter","Segoe UI",Arial,sans-serif;
    font-size:13px;
    font-weight:750;
}

.site-header .header-link:hover{
    background:#f1f5f9;
}

.site-header .main-nav{
    border-bottom:1px solid #e8edf4;
    box-shadow:0 4px 12px rgba(15,23,42,.025);
}

.site-header .nav-menu{
    gap:3px;
}

.site-header .nav-menu > li > a{
    position:relative;
    min-height:50px;
    padding:0 14px;
    font-family:"Inter","Segoe UI",Arial,sans-serif;
    font-size:13px;
    font-weight:750;
    letter-spacing:-.005em;
}

.site-header .nav-menu > li > a::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:7px;
    height:2px;
    border-radius:99px;
    background:#2563eb;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
}

.site-header .nav-menu > li > a:hover::after{
    transform:scaleX(1);
}

.site-header .nav-menu > li > a.wholesale-link{
    min-height:34px;
    margin:8px 0 8px 6px;
    padding:0 14px;
    border-radius:11px;
    background:linear-gradient(135deg,#ecfdf5,#ecfeff) !important;
    border:1px solid #a7f3d0;
    color:#047857 !important;
}

.site-header .nav-menu > li > a.wholesale-link::after{
    display:none;
}

.site-header .nav-menu > li > a.wholesale-link:hover{
    background:linear-gradient(135deg,#d1fae5,#cffafe) !important;
    color:#065f46 !important;
}

.site-header .mobile-menu-btn{
    width:44px;
    height:44px;
    padding:0 !important;
    border-radius:14px;
    border:1px solid #dbe4ef !important;
    background:#f8fafc !important;
    color:#102a56 !important;
    display:none;
    align-items:center;
    justify-content:center;
}

.site-header .mobile-menu-btn .menu-icon{
    width:23px;
    height:23px;
}

@media(max-width:900px){
    .site-header .mobile-menu-btn{
        display:flex;
    }

    .site-header .header-search{
        height:46px;
    }

    .site-header .header-search input,
    .site-header .header-search-btn{
        height:44px;
    }

    .site-header .nav-menu > li > a.wholesale-link{
        margin:8px 12px;
        justify-content:center;
    }

    .site-header .nav-menu > li > a::after{
        display:none;
    }
}

@media(max-width:520px){
    .site-header .cart-btn,
    .site-header .mobile-menu-btn{
        width:40px;
        min-width:40px;
        height:40px;
        border-radius:12px;
    }

    .site-header .cart-btn .header-ui-icon{
        width:20px;
        height:20px;
    }

    .site-header .header-search-btn{
        width:48px;
        min-width:48px;
    }
}