/* هدر جمع‌وجور — یک ردیف دسکتاپ. چیدمان قرص جستجو از style.css (از ۹۹۳px) می‌آید. */
:root[data-header-layout="compact"] {
    --header-compact-fallback-h: 52px;
}

@media (min-width: 993px) {
    :root[data-header-layout="compact"] {
        --header-compact-fallback-h: 58px;
    }
}

html[data-header-layout="compact"] .main {
    padding-top: var(--header-height, var(--header-compact-fallback-h)) !important;
}

/* هیرو شفاف/شیشه‌ای: اسلایدر تمام‌عرض زیر هدر ثابت */
html.has-home-hero.home-hero-viewport-active[data-header-layout="compact"][data-hero-header="clear"] .main,
html.has-home-hero.home-hero-viewport-active[data-header-layout="compact"][data-hero-header="glass"] .main {
    padding-top: 0 !important;
}

/* جمع‌وجور + هیرو شفاف، یا شیشه‌ای در تم تیره: لینک/لوگو روشن روی اسلایدر */
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .top-header-menu > li > a,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .top-header-menu-account-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .top-header-menu-shop-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .cart-icon-link,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .header-search-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] #header .hamburger-menu .bar,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .top-header-menu > li > a,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .top-header-menu-account-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .top-header-menu-shop-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .cart-icon-link,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .header-search-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] #header .hamburger-menu .bar {
    color: var(--C2) !important;
}

html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] .site-logo--light-chrome,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] .site-logo--light-chrome {
    display: none;
}

html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="clear"] .site-logo--dark-chrome,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="dark"] .site-logo--dark-chrome {
    display: inline-block;
}

/* جمع‌وجور + هیرو شیشه‌ای + تم روشن سایت: منوی روشن (کروم لایت) */
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header.header,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header.header.scrolled,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header.header:hover {
    background-color: rgba(255, 255, 255, .46) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .top-header-menu > li > a,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .top-header-menu-account-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .top-header-menu-shop-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .cart-icon-link,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .header-search-trigger,
html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] #header .hamburger-menu .bar {
    color: var(--header-chrome-link, #052a14) !important;
}

html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] .site-logo--light-chrome {
    display: inline-block;
}

html.has-home-hero.home-hero-viewport-active:not(.home-hero-passed)[data-header-layout="compact"][data-hero-header="glass"][data-bs-theme="light"] .site-logo--dark-chrome {
    display: none;
}

html[data-header-layout="compact"] #header.header {
    background-color: var(--header-chrome-bg, var(--C10));
    color: var(--header-chrome-link, var(--C2));
    transition: background-color .8s, color .3s, box-shadow .7s;
    box-shadow: 0 13px 20px rgba(0, 0, 0, 0.38);
}

html[data-header-layout="compact"][data-header-chrome="light"] #header.header {
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.14),
        0 2px 10px rgba(0, 0, 0, 0.07);
}

html[data-header-layout="compact"] #header .top-header-menu > li > a,
html[data-header-layout="compact"] #header .top-header-menu-account-trigger,
html[data-header-layout="compact"] #header .top-header-menu-shop-trigger {
    color: var(--header-chrome-link, var(--C2)) !important;
}

html[data-header-layout="compact"][data-header-chrome="dark"] #header .top-header-menu > li > a:hover,
html[data-header-layout="compact"][data-header-chrome="dark"] #header .top-header-menu-account-trigger:hover,
html[data-header-layout="compact"][data-header-chrome="dark"] #header .top-header-menu-shop-trigger:hover {
    color: #fff !important;
}

html[data-header-layout="compact"][data-header-chrome="light"] #header .top-header-menu > li > a:hover,
html[data-header-layout="compact"][data-header-chrome="light"] #header .top-header-menu-account-trigger:hover,
html[data-header-layout="compact"][data-header-chrome="light"] #header .top-header-menu-shop-trigger:hover {
    color: color-mix(in srgb, var(--header-chrome-link, #052a14) 72%, #000) !important;
}

html[data-header-layout="compact"] .site-logo--dark-chrome {
    display: none;
}

html[data-header-layout="compact"][data-header-chrome="dark"] .site-logo--light-chrome {
    display: none;
}

html[data-header-layout="compact"][data-header-chrome="dark"] .site-logo--dark-chrome {
    display: inline-block;
}

html[data-header-layout="compact"] .site-logo--light-chrome {
    display: inline-block;
}

html[data-header-layout="compact"] #header .cart-count,
html[data-header-layout="compact"] #header .header-account-total-badge {
    border-color: var(--header-chrome-bg, var(--C1)) !important;
}

html[data-header-layout="compact"] #header .hamburger-menu .bar {
    background-color: var(--header-chrome-link, var(--C2)) !important;
}

html[data-header-layout="compact"] #header .header-search-trigger,
html[data-header-layout="compact"] #header .bottom-header .search-icon .btn-link {
    color: var(--header-chrome-link, var(--C2)) !important;
}

html[data-header-layout="compact"][data-header-chrome="light"] #header .dark-mode-toggle,
html[data-header-layout="compact"][data-header-chrome="light"] .site-theme-toggle-mobile .dark-mode-toggle {
    background: linear-gradient(135deg, rgba(0, 0, 0, .22) 0%, rgba(0, 0, 0, .12) 100%);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .12);
}

@media (min-width: 992px) {
    html[data-header-layout="compact"] #header .bottom-header {
        display: none !important;
    }

    html[data-header-layout="compact"] #liMegaMenu {
        display: none !important;
    }

    html[data-header-layout="compact"] #header .top-header {
        display: block !important;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: none;
    }

    html[data-header-layout="compact"] #header .top-header .row {
        flex-wrap: nowrap;
        align-items: center;
    }

    html[data-header-layout="compact"] #header .top-header-search-col {
        display: flex;
        align-items: center;
        align-self: center;
        flex: 0 0 420px !important;
        width: 420px !important;
        max-width: 420px !important;
        min-width: 280px;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-wrap--desktop {
        position: relative;
        left: auto;
        top: auto;
        width: 100% !important;
        max-width: none;
        min-width: 100%;
        height: 44px;
        margin: 0;
        display: flex;
        align-items: center;
        z-index: 1061;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-dropdown--desktop {
        position: absolute;
        top: 50%;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0;
        transform: translateY(-50%);
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-input {
        width: 100%;
        height: 37px;
        font-size: 0.95rem;
    }

    html[data-header-layout="compact"] #header .top-header .col-md-2 {
        flex: 0 0 auto;
        width: auto;
        max-width: 200px;
    }

    html[data-header-layout="compact"] #header .top-header .logo img.site-logo {
        max-width: 170px;
        width: auto;
        height: auto;
        max-height: none;
        vertical-align: middle;
    }

    html[data-header-layout="compact"] #header .top-header-search-col {
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
        flex: 0 0 420px !important;
        width: 420px !important;
        max-width: 420px !important;
        min-width: 280px;
        height: 44px;
        padding-left: 0;
        padding-right: 0;
    }

    html[data-header-layout="compact"] #header #headerTopSearchSlot {
        display: block;
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }

    html[data-header-layout="compact"] #header .header-top-menu-col {
        flex: 1 1 auto;
        width: auto !important;
        max-width: none;
        min-width: 0;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-wrap--desktop {
        position: relative;
        left: auto;
        width: 100% !important;
        max-width: none;
        min-width: 100%;
        height: 44px;
        margin-inline-start: 0;
        z-index: 1061;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-dropdown--desktop,
    html[data-header-layout="compact"] #header .top-header-search-col .header-search-input {
        width: 100%;
    }

    html[data-header-layout="compact"] #header .top-header-search-col .header-search-input {
        height: 37px;
        font-size: 0.95rem;
    }

    html[data-header-layout="compact"][data-header-chrome="light"] #header .header-search-input {
        background-color: #ffffff;
        color: var(--header-chrome-link, #052a14);
        border: 1px solid rgba(0, 0, 0, .12);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    }

    html[data-header-layout="compact"][data-header-chrome="light"] #header .header-search-input:focus {
        border-color: rgba(0, 0, 0, .28) !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .12) !important;
    }

    html[data-header-layout="compact"][data-header-chrome="light"] #header .header-search-input::placeholder {
        color: color-mix(in srgb, var(--header-chrome-link, #052a14) 45%, transparent) !important;
    }

    html[data-header-layout="compact"][data-header-chrome="light"] #header .header-search-inline-icon {
        color: color-mix(in srgb, var(--header-chrome-link, #052a14) 55%, transparent);
    }

    html[data-header-layout="compact"][data-header-chrome="dark"] #header .header-search-input {
        background-color: color-mix(in srgb, var(--header-chrome-link, #e0fbf4) 14%, transparent);
        color: var(--header-chrome-link, #e0fbf4);
        border: 1px solid color-mix(in srgb, var(--header-chrome-link, #e0fbf4) 28%, transparent);
        box-shadow: none;
    }

    html[data-header-layout="compact"][data-header-chrome="dark"] #header .header-search-input:focus {
        border-color: color-mix(in srgb, var(--header-chrome-link, #e0fbf4) 48%, transparent) !important;
        box-shadow: none !important;
    }

    html[data-header-layout="compact"][data-header-chrome="dark"] #header .header-search-input::placeholder {
        color: color-mix(in srgb, var(--header-chrome-link, #e0fbf4) 62%, transparent) !important;
    }

    html[data-header-layout="compact"][data-header-chrome="dark"] #header .header-search-inline-icon {
        color: color-mix(in srgb, var(--header-chrome-link, #e0fbf4) 75%, transparent);
    }

    html[data-header-layout="compact"] #header .top-header-menu > li.header-compact-hamburger-only {
        display: none !important;
    }

    html[data-header-layout="compact"] #topHeaderMenu > li.header-compact-more-source {
        display: none !important;
    }

    html[data-header-layout="compact"] #header .top-header-menu {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        overflow: visible !important;
    }

    html[data-header-layout="compact"] #header .top-header-menu > li {
        display: inline-flex !important;
        align-items: center;
        align-self: center;
        height: auto !important;
        min-height: 0;
        margin-right: 20px;
        margin-left: 0;
        position: relative;
    }

    html[data-header-layout="compact"] #header .header-shop-dropdown-wrap,
    html[data-header-layout="compact"] #header .header-account-dropdown-wrap,
    html[data-header-layout="compact"] #header .cart-hover-wrapper,
    html[data-header-layout="compact"] #header .header-compact-more {
        margin-right: 20px !important;
        height: auto !important;
        min-height: 0;
    }

    html[data-header-layout="compact"] #header .header-shop-dropdown-wrap .dropdown,
    html[data-header-layout="compact"] #header .header-account-dropdown-wrap .dropdown,
    html[data-header-layout="compact"] #header .header-compact-more .dropdown {
        display: inline-flex;
        align-items: center;
        height: auto;
    }

    html[data-header-layout="compact"] #header .top-header-menu > li > a,
    html[data-header-layout="compact"] #header .top-header-menu-account-trigger,
    html[data-header-layout="compact"] #header .top-header-menu-shop-trigger,
    html[data-header-layout="compact"] #header .cart-icon-link,
    html[data-header-layout="compact"] #header .cart-icon-link:hover {
        display: inline-flex !important;
        align-items: center;
        height: auto !important;
        min-height: 0;
        font-size: 13px;
        line-height: 1.2;
        background: transparent !important;
        transform: none !important;
        box-shadow: none !important;
        border-radius: 0;
        white-space: nowrap;
    }

    html[data-header-layout="compact"] #header .top-header-menu > li::after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 0;
        background-color: #fff;
        transition: height .3s;
        pointer-events: none;
    }

    html[data-header-layout="compact"][data-header-chrome="light"] #header .top-header-menu > li::after {
        background-color: var(--header-chrome-link, #052a14);
    }

    html[data-header-layout="compact"] #header .top-header-menu > li:hover::after {
        height: 100%;
    }

    html[data-header-layout="compact"] #header .top-header-menu > li.site-theme-toggle-wrap::after,
    html[data-header-layout="compact"] #header .top-header-menu > li.header-compact-more::after {
        display: none;
    }

    html[data-header-layout="compact"] #header .top-header-menu-shop-trigger::after,
    html[data-header-layout="compact"] #header .top-header-menu-account-trigger::after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }

    html[data-header-layout="compact"] #header .header-compact-more .dropdown-menu {
        position: absolute !important;
        top: calc(100% + 14px) !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
    }

    html[data-header-layout="compact"] #header .header-compact-more.is-on {
        display: inline-flex !important;
    }

    html[data-header-layout="compact"] #header .header-compact-more:not(.is-on) {
        display: none !important;
    }

    html[data-header-layout="compact"] #header .header-compact-more-menu > li {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0;
        margin: 0 !important;
    }

    html[data-header-layout="compact"] #header .header-compact-more-menu > li > a {
        display: flex !important;
        align-items: center;
        height: auto !important;
        min-height: 0;
        padding: .5rem 1rem !important;
        font-size: 13px !important;
        line-height: 1.2;
        color: var(--C2) !important;
        white-space: normal;
    }

        html[data-header-layout="compact"] #header .header-compact-more-menu > li > div {
        display: flex !important;
        align-items: center;
        height: auto !important;
        min-height: 0;
        padding: .5rem 1rem !important;
        font-size: 13px !important;
        line-height: 1.2;
        color: var(--C2) !important;
        white-space: normal;
    }

    html[data-header-layout="compact"] #header .header-shop-dropdown-wrap .dropdown {
        display: inline-flex;
        align-items: center;
    }

    html[data-header-layout="compact"] #header .top-header-menu-shop-trigger .header-account-chevron {
        opacity: .85;
        transition: transform .25s ease;
    }

    html[data-header-layout="compact"] #header .top-header-menu-shop-trigger[aria-expanded="true"] .header-account-chevron {
        transform: rotate(180deg);
    }

    html[data-header-layout="compact"] #header .header-shop-dropdown-menu {
        max-height: min(70vh, 420px);
        overflow: auto;
    }

    html[data-header-layout="compact"] #header .top-header-menu li.product-simple-cats > .product-simple-menu-toggle {
        display: none !important;
    }

    html[data-header-layout="compact"] #header .top-header-menu li.product-simple-cats > .product-simple-dropdown,
    html[data-header-layout="compact"] #header .header-account-dropdown-menu {
        z-index: 1302;
    }
}

@media (max-width: 991.98px) {
    html[data-header-layout="compact"] #header .header-top-search-col,
    html[data-header-layout="compact"] #header .top-header-search-col {
        display: none !important;
    }
}
