/* ==========================================================================
   SHOP PAGE — DEFINITIVE ICON COLOR OVERRIDES
   Must live AFTER the global .material-symbols-outlined { color: gold !important }
   rule so that higher specificity + later order both guarantee the win.
   ========================================================================== */

/* 1. Active category pill: white icon on gold background */
.fcp-cat-pill.active-pill .material-symbols-outlined,
.fcp-cat-pill.active-pill .pill-icon,
a.active-pill .material-symbols-outlined {
    color: #ffffff !important;
    font-size: 16px !important;
}

/* 2. Inactive category pill: gold icon on transparent background */
.fcp-cat-pill.inactive-pill .material-symbols-outlined,
.fcp-cat-pill .pill-icon,
a.inactive-pill .material-symbols-outlined {
    color: #C5A059 !important;
    font-size: 16px !important;
}

/* 3. Add-to-cart hover overlay button: white icon on dark gradient */
.add_to_cart_button .material-symbols-outlined,
.ajax_add_to_cart .material-symbols-outlined {
    color: #ffffff !important;
}

/* 4. Breadcrumb chevron separator: subtle gold */
.fcp-shop-breadcrumbs .material-symbols-outlined {
    color: rgba(197, 160, 89, 0.5) !important;
    font-size: 14px !important;
}

/* 5. Search icon in filter bar: muted warm tone */
.fcp-shop-search-wrapper .material-symbols-outlined.search-icon,
.fcp-shop-controls-bar .search-icon {
    color: #7f7667 !important;
}
.dark-theme .fcp-shop-search-wrapper .material-symbols-outlined.search-icon,
.dark-theme .fcp-shop-controls-bar .search-icon {
    color: #C5A059 !important;
}

/* 6. Dark mode pill icon: active stays white, inactive stays gold */
.dark-theme .fcp-cat-pill.active-pill .material-symbols-outlined {
    color: #ffffff !important;
}
.dark-theme .fcp-cat-pill.inactive-pill .material-symbols-outlined {
    color: #C5A059 !important;
}

/* Circular logo styling and site name side-by-side */
.nav-logo-combined {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.nav-logo-combined img.fcp-logo {
    width: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #C5A059 !important;
    box-shadow: 0 0 10px rgba(197, 160, 89, 0.25) !important;
    margin: 0 !important;
}

/* ==========================================