/**
 * ShopOnIt Phase 2.1 — overrides legacy inline purple/coral on browse + chrome.
 * Load after index.html inline <style> so editorial theme wins.
 */

/* Consignment browse page */
#consignmentProductsPage {
    background: var(--palette-bg) !important;
    padding-top: max(52px, env(safe-area-inset-top));
}
#consignmentProductsPage.active {
    background: var(--palette-bg);
}
#consignmentProductsPage .breadcrumbs {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    color: var(--palette-text-muted);
    padding: var(--space-3) 0;
    margin-bottom: var(--space-4);
    max-width: 100%;
}
#consignmentProductsPage .breadcrumbs a {
    color: var(--palette-accent);
}
#consignmentProductsPage .breadcrumbs span {
    color: var(--palette-text-muted);
}
#consignmentProductsPage .consignment-browse-main {
    min-width: 0;
}
#consignmentProductsPage .products-search {
    max-width: 100%;
    width: 100%;
    margin: 0 0 var(--space-4);
    box-sizing: border-box;
}
#consignmentProductsPage .products-search input {
    border-color: var(--palette-border);
    border-width: 1px;
    box-sizing: border-box;
}
#consignmentProductsPage .products-search input:focus {
    border-color: var(--palette-accent);
    box-shadow: var(--shadow-1);
    transform: none;
}
#consignmentProductsPage .products-controls {
    justify-content: flex-start;
    gap: var(--space-3);
}
#consignmentProductsPage .products-controls button {
    background: var(--palette-accent);
    color: var(--palette-bg);
    border-radius: var(--radius-sm);
    font-weight: 600;
    box-shadow: var(--shadow-1);
}
#consignmentProductsPage .products-controls button:hover {
    background: var(--palette-accent-hover);
    transform: none;
    opacity: 1;
}
@media (min-width: 1024px) {
    #consignmentProductsPage #toggleConsignmentFiltersBtn {
        display: none !important;
    }
}
#consignmentProductsPage .autocomplete-display,
#consignmentProductsPage .filter-label input,
#consignmentProductsPage .filter-label select {
    border-color: var(--palette-border) !important;
}
#consignmentProductsPage .autocomplete-display:focus-within,
#consignmentProductsPage .filter-label input:focus {
    border-color: var(--palette-accent) !important;
    outline: none;
}
#consignmentProductsPage .autocomplete-dropdown {
    border-color: var(--palette-border) !important;
}
#consignmentProductsPage .autocomplete-option.selected,
#consignmentProductsPage .autocomplete-option:hover {
    background: var(--palette-bg) !important;
    color: var(--palette-accent) !important;
}
#consignmentProductsPage .products-filters button[style] {
    background: var(--palette-accent) !important;
    color: var(--palette-bg) !important;
}
#consignmentProductsPage #consignmentLoadMoreBtn {
    background: var(--palette-accent) !important;
    color: var(--palette-bg) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-1) !important;
}

/* Fixed chrome */
.account-btn-small,
.logout-btn-small {
    background: var(--palette-accent) !important;
    color: var(--palette-bg) !important;
    font-family: var(--font-body);
    border-radius: var(--radius-sm);
}
.account-btn-small:hover,
.logout-btn-small:hover {
    background: var(--palette-accent-hover) !important;
}
.favorites-indicator {
    background: var(--palette-accent) !important;
    color: var(--palette-bg) !important;
    box-shadow: var(--shadow-2) !important;
    font-family: var(--font-body);
}
.favorites-indicator:hover {
    background: var(--palette-accent-hover) !important;
    box-shadow: var(--shadow-3) !important;
}
.favorites-indicator-badge {
    background: var(--palette-bg) !important;
    color: var(--palette-accent) !important;
}

/* Autocomplete / search accents site-wide on browse surfaces */
#consignmentProductsPage .search-icon-wrapper {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23800020' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3-3'/%3E%3C/svg%3E");
}
#consignmentProductsPage .search-loading {
    border-top-color: var(--palette-accent);
}