/* ===== EXPLORE THEME – Header, Sidepane (forest/cream) ===== */
/* Logo: cream on dark green header */
body.explore-theme .header .logo--maroon .logo-image-mask {
    background-color: var(--cream);
}

/* Header: forest green, text/icons in cream */
body.explore-theme .header {
    background-color: var(--forest);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.explore-theme .header .hamburger-menu span {
    background-color: var(--cream);
}

body.explore-theme .header .hamburger-menu i {
    color: var(--cream);
}

body.explore-theme .header .account-trigger {
    color: var(--cream);
}

body.explore-theme .header .account-trigger:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

body.explore-theme .header .account-trigger .fa-chevron-down {
    color: var(--cream);
}

body.explore-theme .header .user-badge {
    background-color: var(--cream);
    color: var(--forest);
}

/* Login button (when not logged in): cream bg, forest text on dark header */
body.explore-theme .header .nav-link-highlight {
    background-color: var(--cream);
    color: var(--forest) !important;
}

body.explore-theme .header .nav-link-highlight:hover {
    background-color: rgba(237, 230, 220, 0.9);
    color: var(--forest) !important;
}

/* Sidepane: forest green, text in cream */
body.explore-theme .sidepane {
    background: var(--forest);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15), inset 1px 0 0 rgba(255, 255, 255, 0.08);
}

body.explore-theme .sidepane-nav-item {
    color: var(--cream);
}

body.explore-theme .sidepane-nav-item i {
    color: var(--cream);
}

body.explore-theme .sidepane-nav-item:hover {
    background-color: rgba(237, 230, 220, 0.15);
    color: var(--cream) !important;
}

body.explore-theme .sidepane-nav-item:hover i {
    color: var(--cream) !important;
}

body.explore-theme .sidepane-nav-item.active {
    background-color: rgba(237, 230, 220, 0.2);
    color: var(--cream) !important;
}

body.explore-theme .sidepane-nav-item.active i {
    color: var(--cream) !important;
}

body.explore-theme .sidepane-section-divider {
    background-color: rgba(237, 230, 220, 0.3);
}

body.explore-theme .sidepane-section-title {
    color: var(--cream);
}

/* Support dropdown: cream background, cream-accented border */
body.explore-theme .sidepane-support-dropdown {
    background-color: var(--cream);
    border-color: rgba(237, 230, 220, 0.5);
}

body.explore-theme .sidepane-support-dropdown-item:hover {
    background-color: rgba(15, 58, 46, 0.08);
    color: var(--forest) !important;
}

body.explore-theme .sidepane-support-dropdown-item:hover i {
    color: var(--forest) !important;
}

/* Content wrapper: cream background */
body.explore-theme .content-wrapper {
    background-color: var(--cream);
}

/* Back to Explore buttons: cream background, green text */
body.explore-theme .category-back-btn {
    background-color: var(--cream);
    color: var(--forest);
    border-color: rgba(15, 58, 46, 0.25);
}

body.explore-theme .category-back-btn:hover {
    background-color: rgba(237, 230, 220, 0.95);
    color: var(--forest);
    border-color: rgba(15, 58, 46, 0.3);
}

body.explore-theme .back-to-explore-btn {
    background-color: var(--cream);
    color: var(--forest);
}

body.explore-theme .back-to-explore-btn:hover {
    background-color: rgba(15, 58, 46, 0.08);
    color: var(--forest);
}

/* --- Product Detail Modal (explore category) --- */
body.explore-theme .product-detail-modal-container {
    background-color: var(--cream);
    border-top-color: var(--forest);
    border-top-width: 3px;
    box-shadow: 0 12px 48px rgba(15, 58, 46, 0.15);
}

body.explore-theme .product-detail-modal-close {
    background-color: var(--cream);
    color: var(--forest);
    border-color: rgba(15, 58, 46, 0.3);
}

body.explore-theme .product-detail-modal-close:hover {
    background-color: rgba(15, 58, 46, 0.08);
    color: var(--forest);
    border-color: var(--forest);
}

body.explore-theme .product-detail-image-wrapper {
    background-color: rgba(15, 58, 46, 0.06);
}

body.explore-theme .product-detail-title {
    font-family: 'Nanum Myeongjo', serif;
    color: var(--forest);
    font-weight: 600;
}

body.explore-theme .product-detail-price {
    font-family: 'DM Mono', monospace;
    color: var(--forest);
}

body.explore-theme .product-detail-add-btn {
    font-family: 'DM Mono', monospace;
    background-color: var(--forest);
    color: var(--cream);
}

body.explore-theme .product-detail-add-btn:hover {
    background-color: #0a2e23;
}

body.explore-theme .product-detail-add-btn i {
    color: var(--cream);
}

body.explore-theme .product-detail-brand-btn {
    font-family: 'DM Sans', sans-serif;
    background-color: var(--cream);
    color: var(--forest);
    border: 2px solid var(--forest);
}

body.explore-theme .product-detail-brand-btn:hover {
    background-color: rgba(15, 58, 46, 0.08);
    color: var(--forest);
    border-color: var(--forest);
}

body.explore-theme .product-detail-brand-btn-text {
    color: var(--forest);
}

body.explore-theme .product-detail-brand-btn-price {
    color: var(--forest);
    font-weight: 600;
}

body.explore-theme .product-detail-brand-btn i {
    color: var(--forest);
}

/* --- Explore card typography: Nanum Myeongjo for category tile captions --- */
body.explore-theme .explore-tile-caption {
    font-family: 'Nanum Myeongjo', serif;
}