/* ==========================================================================
 * afx-store.css — per-store colour/asset VALUES for the spares_usa (USA, red) store.
 * The RULES live in the shared afx-base.css and consume these CSS variables;
 * only the values differ per store. Loaded body-end (after custom.css) via
 * getViewFileUrl in legacy_fixes.phtml, so it wins the cascade like afx-base.css.
 * Extracted from the old inline <style> $isUsa PHP ternaries.
 * ========================================================================== */
:root {
    --color-primary: #DA0000;
    --color-primary-lighter: #ff3333;
    --color-primary-darker: #A80000;
    --focus-ring: rgba(218, 0, 0, 0.25);

    --sticky-bg: linear-gradient(165deg, #043c50 24%, #153645 50%, #043c50 75%);
    --sticky-shadow: 0 2px 12px rgba(0,0,0,0.3);

    --mmt-arrow-on: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23ffffff'/%3E%3Cpath d='M8 11l5 5 5-5' fill='none' stroke='%23DA0000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --mmt-arrow-off: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23ffffff' fill-opacity='0.45'/%3E%3Cpath d='M8 11l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --mmt-arrow-up-on: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23ffffff'/%3E%3Cpath d='M8 15l5-5 5 5' fill='none' stroke='%23DA0000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --mmt-opt-disabled-color: #f4c9c9;
    --mmt-option-bg: #b60000;
    --mmt-panel-bg: linear-gradient(180deg,#e5201f 0%,#DA0000 100%);
    --mmt-panel-accent: #e5201f;
}