/* ============== MOBILE MENU FIX - Dark dropdown visibility ============== */
/* The Kadence mobile menu dropdown was appearing with dark text on dark bg */

.mobile-popup-dialog,
.kadence-mobile-popup-dialog,
.popup-drawer,
.popup-drawer-inner,
.popup-drawer-content {
    background-color: #FAF7F2 !important;
    color: #1A1A1A !important;
}

/* Mobile menu links - dark text on light bg */
.popup-drawer .menu a,
.popup-drawer .menu-item a,
.popup-drawer .sub-menu a,
.mobile-popup-dialog a,
.kadence-mobile-popup-dialog a,
.popup-drawer .menu .menu-item > a {
    color: #1A1A1A !important;
    background-color: transparent !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    display: block !important;
}

.popup-drawer .menu a:hover,
.popup-drawer .menu-item a:hover,
.popup-drawer .sub-menu a:hover,
.mobile-popup-dialog a:hover,
.kadence-mobile-popup-dialog a:hover {
    color: #8B6F47 !important;
    background-color: rgba(139, 111, 71, 0.08) !important;
}

/* Sub-menu dropdowns */
.popup-drawer .sub-menu,
.popup-drawer .sub-menu .sub-menu {
    background-color: #F5F0E8 !important;
    padding-left: 16px !important;
}

.popup-drawer .sub-menu a {
    color: #2C2825 !important;
    font-size: 14px !important;
}

/* Dropdown toggle buttons */
.popup-drawer .dropdown-nav-toggle,
.mobile-popup-dialog .dropdown-nav-toggle,
.kadence-mobile-popup-dialog .dropdown-nav-toggle {
    color: #1A1A1A !important;
    background-color: transparent !important;
}

.popup-drawer .dropdown-nav-toggle:hover,
.mobile-popup-dialog .dropdown-nav-toggle:hover {
    color: #8B6F47 !important;
}

/* Close button */
.popup-drawer .drawer-toggle,
.popup-drawer .drawer-close,
.mobile-popup-dialog .drawer-close {
    color: #1A1A1A !important;
    background-color: transparent !important;
}

/* Drawer header */
.popup-drawer .drawer-header,
.popup-drawer .drawer-content {
    background-color: #FAF7F2 !important;
    color: #1A1A1A !important;
}

/* 3-bar hamburger icon - make sure visible */
.menu-toggle .menu-icon,
.menu-toggle .menu-icon span,
button.menu-toggle,
.dropdown-toggle {
    color: #1A1A1A !important;
    background-color: transparent !important;
    border-color: #EAEAEA !important;
}

button.menu-toggle:hover {
    background-color: #F5F0E8 !important;
}

/* Primary navigation dropdown (desktop too) */
.primary-navigation .menu .menu-item > a,
.primary-navigation .menu .menu-item > .drawer-toggle {
    color: #1A1A1A !important;
}

.primary-navigation .sub-menu {
    background-color: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
}

.primary-navigation .sub-menu a {
    color: #1A1A1A !important;
    background-color: transparent !important;
}

.primary-navigation .sub-menu a:hover {
    color: #8B6F47 !important;
    background-color: #F5F0E8 !important;
}

/* Search icon visibility */
.header-search-toggle,
.search-toggle-icon {
    color: #1A1A1A !important;
}

/* Cart icon */
.header-cart-toggle,
.header-cart-wrap {
    color: #1A1A1A !important;
}

/* User account icon */
.header-account-toggle {
    color: #1A1A1A !important;
}

/* Header background - ensure light on scroll too */
#masthead,
.site-header-wrap,
.site-header-row-container-inner {
    background-color: #FFFFFF !important;
}

.site-header,
header.site-header {
    background-color: #FFFFFF !important;
    color: #1A1A1A !important;
}