/* Boost Mobile — new-locator visual parity with the legacy locator.
 *
 * Overrides the provider's :where(.locator-theme-root) token vars + the semantic type/spacing
 * fallbacks (see store_locator/frontend/styles/main.css KTD4). Brand values from the QA-signed Boost
 * LocatorTheme (scripts/store_locator/boost_theme.py) + the legacy sass/template_system/boost.scss.
 * Loaded on both paths via store_locator.theming; on the widget this file is cloned into the shadow
 * root by lib/mount.ts (href under /locator_themes/).
 *
 * px only.
 */
.locator-theme-root {
    /* Brand — boost.scss $orange / DB color_primary. */
    --locator-color-primary: #fc5400;
    --locator-color-secondary: #fc5400;
    --locator-color-accent: #fc5400;
    --locator-color-muted: #6a6a6a;

    /* Fonts — the legacy locator's ParagraphFont stack, applied to body and headings alike (legacy
       applied one font to all locator text). ParagraphFont's @font-face is loaded by the base shell. */
    --locator-font-family: ParagraphFont, Lato, Helvetica, Arial, sans-serif;
    --locator-font-family-heading: ParagraphFont, Lato, Helvetica, Arial,
        sans-serif;

    /* Search input: no border (boost.scss). */
    --locator-border-style-input: none;

    /* No locations found banner */
    --locator-notice-icon-display: block;

    /* Card action buttons: icon stacked above the label, 62px tall (legacy). Zero vertical padding so
       the fixed height — not the padding — sets the size (border-box); flex-centering handles vertical
       placement. Orange (primary) border on hover. */
    --locator-actions-button-direction: column;
    --locator-actions-button-height: 62px;
    --locator-actions-button-gap: 2px;
    --locator-space-button-y: 0;
    --locator-color-button-border-hover: var(--locator-color-primary);
    /* Dark label, orange icon (icon defaults to `inherit`, so set it explicitly once text goes dark). */
    --locator-color-button-text: #262626;
    --locator-color-button-icon: var(--locator-color-primary);
    --locator-text-button-icon: 24px;

    /* Featured "View In-Store Offers": outline like the Call/Directions buttons — white fill, primary
       text, matching grey border (not the default solid-orange fill), orange border on hover. */
    --locator-color-featured-background: #ffffff;
    --locator-color-featured-text: #262626;
    --locator-color-featured-border: var(--locator-color-button-border);
    --locator-color-featured-border-hover: var(--locator-color-primary);

    /* Detail lines (clock / pin / phone): icons hidden — the legacy Boost card shows none. */
    --locator-card-detail-icon-display: none;

    /* No-results notice: cream background (legacy). */
    --locator-color-notice-background: #fdf6ec;

    /* Results count ("N stores"): muted grey, bold. */
    --locator-color-sidebar-results: #6a6a6a;
    --locator-font-weight-sidebar-results: 700;

    /* Card title: dark grey, medium weight (legacy). */
    --locator-color-card-title: #333333;
    --locator-font-weight-card-title: 500;

    /* Featured (highlighted) card header: white fill, no bottom border. Eyebrow + distance muted
       grey; the highlight label dark and bold (legacy). */
    --locator-color-card-header-highlight-background: #ffffff;
    --locator-card-header-highlight-border-style: none;
    --locator-color-card-header-highlight-eyebrow: #6a6a6a;
    --locator-color-card-header-highlight-distance: #6a6a6a;
    --locator-color-card-highlight: #333333;
    --locator-font-weight-card-highlight: 700;
    --locator-text-card-highlight: 14px;
    --locator-text-tracking-card-highlight: 0;
    --locator-text-card-highlight-margin-bottom: 0;
    --locator-text-transform-card-highlight: none;

    /* Location attributes */
    --locator-attributes-card-leading: 16px;

    /* FAQ: no divider between panels — the legacy .faq-panel has no border (sass/_faq.scss). */
    --locator-faq-panel-border-style: none;
}