atomic-facet::part(label-button) {
    color: #002269 !important;
    font-size: calc(14px + 4 * (100vw - 300px) / 1300) !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
}


atomic-facet::part(value-label) {
    font-size: 0.95rem;
    color: #444;
    font-weight: 600;
    text-transform: none;
}

atomic-facet::part(value-count) {
    font-size: 0.85rem;
    color: #da2696;
    font-weight: 600;
    display: none;
}
/* Result titles */
atomic-result::part(result-title) {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 600;
}

/* Buttons like "Load More", "Clear Filters", etc. */
atomic-load-more-results::part(button),
atomic-breadcrumb-manager::part(clear-button) {
    background-color: #002269;
    color: white;
    font-weight: 500;
}

atomic-search-layout atomic-layout-section[section='pagination']:has(:only-child) {
    justify-content: flex-end;
}

atomic-result-link a {
    color: var(--atomic-on-background);
    font-weight: 700;
}

@media (width >= 1024px) {
    :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-list.image-icon atomic-product-section-visual {
        width: 2rem;
        height: 5rem;
    }
}

#icon-container {
    display: flex !important;
}

atomic-result-fields-list > *::after {
    display: block;
    content: ' ';
    width: 0px !important;
    height: 1rem;
    margin: 0 1rem;
    background-color: var(--atomic-neutral);
    vertical-align: middle;
}

.inline-coveo-labels *::after {
    display: none;
}

atomic-result-multi-value-text.pill-badges::part(result-text) {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

atomic-result-multi-value-text.pill-badges::part(value) {
    background-color: #f0f4f8;
    color: #333;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid #d0d7de;
}

atomic-result-link.hidden-link {
    display: none !important;
}

atomic-result-badge svg {
    fill: #0072ce; /* your custom color */
}

.value-count {
    display: none;
}

.search-grid {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    align-content: center;
    grid-column-gap: 3em;
    justify-content: center;
    align-self: center;
    align-items: center;

    @media only screen and (max-width:62.5em) {
        grid-template-columns: 1fr;
        grid-row-gap: 2em;
    }
}

atomic-facet[field="wb_state"]::part(facet) {
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    height: 75px;
    padding: 0 !important;
}

atomic-facet[field="wb_state"]::part(values) {
    display: flex;
}

atomic-facet[field="wb_state"]::part(label-button) {
    display: none;
}

atomic-facet[field="wb_state"]::part(clear-button-icon) {
    display: none;
}

atomic-sort-dropdown::part(label) {
    display: none; /* Add spacing if needed */
}

atomic-sort-dropdown::part(select) {
    height: 70px;
}

.top-form-labels {
    text-transform: uppercase;
    color: #002269;
    font-size: calc(14px + 4 * (100vw - 300px) / 1300);
    margin-bottom: 1em;
}

.hidden-link-disclaimer-true {
    display: none;
}

atomic-result-fields-list > *::after {
    display: block;
    content: ' ';
    width: 0px !important;
    height: 0rem !important;
    margin: 0 1rem;
    background-color: var(--atomic-neutral);
    vertical-align: middle;
}
/* Carrier badge pill background & text */
atomic-result-badge[field="wb_carrier"]::part(result-badge-element) {
    background-color: blue;
    border: 1px solid #335;
}

/* Label span inside the pill */
atomic-result-badge[field="wb_carrier"]::part(result-badge-label) {
    font-weight: 600;
    letter-spacing: .3px;
}

.bg-neutral-light {
    background-color: red;
}
/* Minimal styling; aligns visually with Atomic’s neutral buttons */
#last-page-btn {
    margin-left: .5rem;
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px solid var(--atomic-neutral, #d1d5db);
    background: var(--atomic-background, #fff);
    color: var(--atomic-on-background, #111827);
}

    #last-page-btn[disabled] {
        opacity: .5;
        cursor: not-allowed;
    }

.pager-expand {
    display: inline-flex;
}
/* Hide ONLY the clear button inside the wb_state facet */
atomic-facet[field="wb_state"]::part(clear-button) {
    display: none !important;
}

atomic-quickview-modal::part(quickview-modal-header-title) {
    text-decoration: underline !important;
    text-underline-offset: 2px; /* optional, looks nicer */
}

atomic-result-badge svg[slot="icon"] {
    color: blue !important;
}
/* Global CSS (e.g., in your main stylesheet) */
atomic-result-badge::part(result-badge-icon) {
    width: 64px !important; /* bump as needed */
    height: 64px !important;
    color: red; /* controls SVG fill when using fill="currentColor" */
}
/* Optional: nudge spacing if the text crowds the bigger icon */
atomic-result-badge::part(result-badge-element) {
    gap: .5rem;
    align-items: center;
}

atomic-result-fields-list::part(field-list-separator) {
    background-color: transparent !important;
}

atomic-result-fields-list > *::after {
    background-color: transparent !important; /* or none */
}

atomic-result-fields-list > *::after {
    display: none !important;
}
/* Change the Clear All button color (breadbox) */
atomic-breadbox::part(clear) {
    color: #DC2697; /* text color */
    background-color: transparent; /* breadbox uses a text-style button by default */
    border-radius: 8px;
    text-decoration: underline;
    font-weight: bold;
}

.multiselect-backdrop.active {
    display: block;
    z-index: 99 !important;
}
/* Optional hover/focus styles */
atomic-breadbox::part(clear):hover,
atomic-breadbox::part(clear):focus-visible {
    background-color: rgba(176, 0, 32, 0.12);
    text-decoration: none;
}

atomic-quickview::part(button) {
    padding: 0 !important; /* beats the internal p-2 class */
    min-height: 0 !important; /* optional: remove extra vertical space */
}

/* optional: tighten icon spacing too */
atomic-quickview::part(icon) {
    margin: 0 !important;
}

atomic-search-interface::part(*) {
    font-family: museo-sans, sans-serif !important;
}

atomic-search-box::part(textarea),
atomic-breadbox::part(clear),
atomic-breadbox::part(label),
atomic-facet::part(label),
atomic-result::part(result-text) {
    font-family: museo-sans, sans-serif !important;
}

    /* Hide the built-in "Clear" text inside the button */
    atomic-breadbox::part(clear) .truncate {
        display: none !important;
    }

/* Show your custom label */
atomic-breadbox::part(clear) {
    position: relative;
}

    atomic-breadbox::part(clear)::after {
        content: " All Filters"; /* <-- your new label */
    }
