/* Rural King (ruralking) — 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). Values lifted from the legacy
 * sass/template_system/ruralking.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/).
 *
 * Same spec as the Rural King Guns theme (ruralkingguns.css); only the body font differs (no
 * "Open Sans"). px only. Brand colors + radii come from the DB LocatorTheme tokens
 * (scripts/store_locator/ruralking_theme.py); this file adds only the CSS-reachable
 * type/spacing/icon deltas. The action buttons stay outline-emphasis (the DB button_* tokens are
 * blank), so their white fill comes from the base `bg-white` treatment.
 * --locator-color-primary + --locator-font-family are also declared here to satisfy the
 * themed-file guard (store_locator/tests/test_theming.py).
 */
.locator-theme-root {
    /* Brand — DB color_primary (scripts/store_locator/ruralking_theme.py). */
    --locator-color-primary: #bc2927;
    --locator-color-muted: #6a6a6a;

    /* Body font: the Rural King brand stack. The @font-face is applied at the shell layer, not
       here. */
    --locator-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    /* Sidebar search heading: 26px, medium. */
    --locator-text-sidebar-title: 26px;
    --locator-font-weight-sidebar-title: 500;

    /* Search input: no border. */
    --locator-border-style-input: none;
    --locator-color-locate-icon-stroke: var(--locator-color-primary);
    --locator-color-locate-icon-fill: var(--locator-color-primary);
    --locator-color-input-prefix: var(--locator-color-primary);

    /* Results count ("N stores"): 14px default, grey, bold. */
    --locator-color-sidebar-results: var(--locator-color-muted);
    --locator-font-weight-sidebar-results: 700;

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

    /* Detail lines (open hours / address / phone): no leading icon. */
    --locator-card-detail-icon-display: none;

    /* Hide the business-type eyebrow above the store name. */
    --locator-card-eyebrow-display: none;

    /* Open-hours status: brand-red by default (the shared label token), but "Open right now"
       reads green to flag the live status. */
    --locator-color-card-hours-label-open: #1baf5a;

    /* Tighten the attribute/services rows to the legacy spacing (default 24px is too airy). */
    --locator-attributes-card-leading: 16px;

    /* Card action buttons: icon stacked above the label; all buttons white with a dark #262626
       label and the RK-red brand icon. Grid buttons keep their white fill from the outline
       emphasis (bg-white); the featured CTA is made to match (white fill, same dark label). */
    --locator-actions-button-direction: column;
    --locator-actions-button-gap: 4px;
    --locator-color-button-text: #262626;
    --locator-color-button-icon: var(--locator-color-primary);
    --locator-text-button-icon: 24px;
    --locator-color-featured-background: #ffffff;
    --locator-color-featured-text: #262626;

    /* All action buttons share the DB rounded radius (grid buttons otherwise fall back to their
       shape default, not the DB radius) with a light-grey resting border that turns RK-red on
       hover. Featured mirrors the grid buttons. */
    --locator-radius-button-card: var(--locator-radius-button);
    --locator-radius-featured: var(--locator-radius-button);
    --locator-color-button-border: #dbdbdb;
    --locator-color-button-border-hover: var(--locator-color-primary);
    --locator-color-featured-border: #dbdbdb;
    --locator-color-featured-border-hover: var(--locator-color-primary);
}