/* =========================================================
   PHIUM - MOBILE OFF-CANVAS / BURGER MENU
   ========================================================= */

@media (max-width: 999.98px) {

    /* Main drawer background */
    #offcanvas.ct-panel,
    #offcanvas .ct-panel-inner,
    #offcanvas .ct-panel-content,
    #offcanvas .ct-panel-content-inner {
        background: #f8f3ee !important;
    }

    /* Main mobile menu links */
    #offcanvas .mobile-menu a,
    #offcanvas .ct-menu-link {
        color: #2d1f1a !important;
    }

    /* Current page + hover */
    #offcanvas .mobile-menu li.current-menu-item > a,
    #offcanvas .mobile-menu li.current_page_item > a,
    #offcanvas .mobile-menu a:hover,
    #offcanvas .ct-menu-link:hover {
        color: #c28b68 !important;
    }

    /* Dropdown / submenu background */
    #offcanvas .sub-menu {
        background: transparent !important;
    }

    #offcanvas .sub-menu a {
        color: #5f4b42 !important;
    }

    #offcanvas .sub-menu a:hover {
        color: #c28b68 !important;
    }

    /* Menu separators */
    #offcanvas .mobile-menu > li {
        border-bottom: 1px solid #eaded4;
    }

    /* Dropdown arrow */
    #offcanvas .ct-toggle-dropdown-mobile,
    #offcanvas .ct-toggle-dropdown-mobile svg {
        color: #8c5a3d !important;
        fill: currentColor !important;
    }

    /* Close button */
    #offcanvas .ct-toggle-close,
    #offcanvas .ct-toggle-close svg {
        color: #2d1f1a !important;
        fill: currentColor !important;
    }

    /* Drawer spacing */
    #offcanvas .ct-panel-content-inner {
        padding-top: 24px;
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* ==========================================================
   PHIUM A11Y CONTRAST V1
   Homepage accessibility contrast corrections
   ========================================================== */

/* Header cart count */
body.home #header .ct-dynamic-count-cart {
    background: #8c5a3d !important;
    color: #ffffff !important;
}

/* Mobile current / hover menu */
@media (max-width: 999.98px) {
    body.home #offcanvas .mobile-menu li.current-menu-item > a,
    body.home #offcanvas .mobile-menu li.current_page_item > a,
    body.home #offcanvas .mobile-menu a:hover,
    body.home #offcanvas .ct-menu-link:hover {
        color: #8c5a3d !important;
    }
}

/* Product card promotional badge */
body.home .wp-block-woocommerce-product-collection
.wc-block-product
.phium-card-promo-badge {
    background: #8c5a3d !important;
    color: #ffffff !important;
}

/* Quick Buy muted labels */
body.home .wp-block-woocommerce-product-collection
.wc-block-product
.phium-quick-buy-label {
    color: #5f4b42 !important;
}

/* Selected Quick Buy option */
body.home .wp-block-woocommerce-product-collection
.wc-block-product
button.phium-quick-buy-size.is-selected,
body.home .wp-block-woocommerce-product-collection
.wc-block-product
button.phium-quick-buy-size.is-selected .phium-quick-buy-size-name,
body.home .wp-block-woocommerce-product-collection
.wc-block-product
.phium-quick-buy-size-check,
body.home .wp-block-woocommerce-product-collection
.wc-block-product
.phium-quick-buy-best-value {
    color: #8c5a3d !important;
}

/* Main Quick Buy CTA */
body.home .wp-block-woocommerce-product-collection
.wc-block-product
button.phium-quick-buy-add {
    background: #8c5a3d !important;
    border-color: #8c5a3d !important;
    color: #ffffff !important;
}

/* PHIUM Community accent text/icons */
body.home .phium-community-eyebrow,
body.home .phium-community-icon,
body.home .phium-instagram-mark,
body.home .phium-instagram-profile span {
    color: #8c5a3d !important;
}

/* Newsletter CTA */
body.home #wpforms-submit-34 {
    background: #8c5a3d !important;
    border-color: #8c5a3d !important;
    color: #ffffff !important;
}

/* Explore Collections CTA */
body.home .wp-block-buttons .wp-block-button__link {
    background: #8c5a3d !important;
    border-color: #8c5a3d !important;
    color: #ffffff !important;
}

/* Keyboard skip link */
body.home a.skip-link {
    color: #5f4b42 !important;
}