/* Rural King (ruralking) — new-locator visual parity with the legacy locator.
 *
 * Sets the semantic type/spacing vars (see store_locator/frontend/styles/main.css KTD4). The
 * LocatorTheme tokens come from the DB, so this file does not set them. 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); 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 background
 * token is blank), so their white fill comes from the base `bg-white` treatment.
 * --locator-font-family is also declared here to satisfy the themed-file guard
 * (store_locator/tests/test_theming.py).
 */
.locator-theme-root {
    /* Body font: the Rural King brand stack. The @font-face is applied at the shell layer, not
       here. */
    --locator-font-family: "Open Sans", "Helvetica Neue", 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;

    /* 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;

    /* The featured button matches the grid buttons: the DB button radius and a light grey border
       that turns RK red on hover. */
    --locator-radius-featured: var(--locator-radius-button);
    --locator-color-featured-border: #dbdbdb;
    --locator-color-featured-border-hover: var(--locator-color-primary);
}