/**
 * Pure Function — store color config (replaces Sm/autostore config_default.css).
 *
 * This file is loaded LAST in the head via the override config.phtml, so it
 * authoritatively sets --theme-color and overrides the global red button rule
 * that Sm's compiled config_default.css would otherwise apply.
 */

:root {
  --theme-color: #3B7DFF;
  --theme-color-darker: #2B6AE6;
  --theme-color-lighter: #5B9AFF;
}

a, a:focus, a:visited { color: #C8C8D0; }
a:hover { color: #3B7DFF; }

/* Global button repaint — match the selector list from Sm's config_default.css
   so this rule lands at the same specificity and wins by source order. */
button:not(.owl-prev),
button:not(.owl-next),
button:not(.slick-arrow),
button:not(.slick-arrow):focus,
button:not(.owl-prev):focus,
button:not(.owl-next):focus,
.cart-container .action.continue,
a.action.primary,
.modal-footer .action-primary.action-accept {
  background-color: #3B7DFF;
}

button:not(.owl-prev):hover,
button:not(.owl-next):hover,
button:not(.slick-arrow):hover,
button:not(.slick-arrow):focus:hover,
button:not(.owl-prev):focus:hover,
button:not(.owl-next):focus:hover,
.cart-container .action.continue:hover,
a.action.primary:hover,
.modal-footer .action-primary.action-accept:hover {
  background-color: #2B6AE6;
}

/* PF buttons (defined in pf-theme.css) must keep their own backgrounds */
button.btn-shop,
button.btn-ghost,
button.fitment-bar-change,
button.fitment-go,
button.nlh-ymm__apply,
button.pdp-qty-btn,
button.pdp-atc,
button.pdp-sec-btn,
button.recipe-atc,
button.freq-add-all,
button.garage-part-add,
button.garage-install-btn,
button.consult-submit,
button.reco-add,
button.product-quick-btn,
button.filter-price-go,
button.toolbar-pp-opt,
button.page-btn,
button.garage-slider-btn {
  background-color: inherit;
}

/* Restore each known PF button's intended background */
.btn-shop { background: #3B7DFF; }
.btn-shop:hover { background: #5B9AFF; }
.btn-ghost { background: transparent; }
.btn-ghost:hover { background: transparent; }
.fitment-bar-change { background: #FFFFFF; color: #2B6AE6; }
.fitment-bar-change:hover { background: #111113; color: #FFFFFF; }
.fitment-go,
.nlh-ymm__apply { background: #FFFFFF; color: #2B6AE6; }
.fitment-go:hover,
.nlh-ymm__apply:hover { background: #111113; color: #FFFFFF; }
button.pdp-atc { background: linear-gradient(135deg, rgba(59,125,255,0.08) 0%, rgba(59,125,255,0.18) 100%) !important; border: 1px solid rgba(59,125,255,0.5) !important; color: #EAEAEF !important; }
button.pdp-atc:hover { background: linear-gradient(135deg, rgba(59,125,255,0.18) 0%, rgba(59,125,255,0.30) 100%) !important; border-color: #3B7DFF !important; color: #FFFFFF !important; box-shadow: 0 0 26px rgba(59,125,255,0.18) !important; }
.pdp-qty-btn { background: #1C1C20; color: #8A8A98; }
.pdp-qty-btn:hover { background: rgba(59,125,255,0.12); color: #3B7DFF; }
.pdp-sec-btn { background: transparent; color: #8A8A98; }
button.recipe-atc { background: transparent; color: #3B7DFF; border: 1px solid #3B7DFF; }
button.recipe-atc:hover { background: #3B7DFF; color: #FFFFFF; border-color: #3B7DFF; }
.freq-add-all { background: #3B7DFF; color: #FFFFFF; }
.garage-part-add { background: #3B7DFF; color: #FFFFFF; }
.garage-part-add:hover { background: #5B9AFF; }
.garage-install-btn { background: #3B7DFF; color: #FFFFFF; }
.consult-submit { background: #3B7DFF; color: #FFFFFF; }
.reco-add { background: transparent; color: #8A8A98; }
.product-quick-btn { background: #3B7DFF; color: #FFFFFF; }

/* Sm-theme links that hover-red should hover blue instead */
.post-content.post-custom .post-description .post-title a:hover,
.theme-color { color: #3B7DFF; }
.block-minicart .header-minicart { background-color: #3B7DFF; }
.block-minicart .minicart-items .product-item-details .price-container .price { color: #3B7DFF; }
.block-minicart .block-content > .actions a:hover { background-color: #3B7DFF; }
.block-minicart .subtotal .price-container .price-wrapper:first-child .price { color: #3B7DFF; }

/* Slider/dot/control accents */
.owl-controls .owl-nav div:hover,
.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active,
.smcqp-btn,
.spcqp-count { background-color: #3B7DFF; }

/* Body base (keep dark, override the white that Sm's config sets) */
body { background-color: #111113; color: #C8C8D0; font-family: 'Outfit', sans-serif; }