/**
 * Laravel: full admin palette is injected last via partials/site_theme_colors.blade.php
 * (overrides :root and body.theme* from style.css). This file remains for documentation
 * and optional static preview; keep it minimal to avoid fighting the Blade-injected block.
 *
 * Fallbacks — slate / teal admin palette (#0F766E primary).
 */
:root {
    --theme-color: var(--site-primary-color, #0f766e);
    --theme-color2: color-mix(
        in srgb,
        var(--site-primary-color, #0f766e) 42%,
        var(--site-secondary-color, #334155) 58%
    );
}

/* Primary header dropdowns — avoid clipping; stack above product subnav ribbons */
.th-header.header-layout1 .menu-area,
.th-header.header-layout1 .menu-area .sticky-wrapper,
.th-header.header-layout1 .menu-area .sticky-wrapper > .container,
.th-header.header-layout1 .main-menu {
    overflow: visible;
}

.th-header .main-menu > ul > li:hover > ul.sub-menu,
.th-header .main-menu > ul > li:hover > ul.mega-menu {
    z-index: 1090;
}

.main-menu ul.mega-menu.mega-menu-content.allow-natural-scroll {
    max-height: min(85vh, 720px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile: one expand control (.th-mean-expand); hide duplicate CSS :after plus */
.th-mobile-menu ul .th-item-has-children > a:after {
    display: none;
}

.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {
    z-index: 2;
    cursor: pointer;
}