/* ------------------------------------------------------------
   Forest Green theme override
   Primary accent: #2E5D4F  (RGB: 46, 93, 79)
   Purpose: Replace the old purple theme accent across the site
   by overriding the theme's CSS variables (color schemes).
   ------------------------------------------------------------ */

:root {
  --pro-accent-rgb: 46, 93, 79;
  --pro-accent-hex: #2E5D4F;
}

/* Default scheme (white background pages) */
:root,
.color-background-1 {
  --color-button: var(--pro-accent-rgb) !important;
  --color-secondary-button-text: var(--pro-accent-rgb) !important;
  --color-link: var(--pro-accent-rgb) !important;
}

/* Accent scheme (was purple) */
.color-accent-1 {
  --color-background: var(--pro-accent-rgb) !important;
  --gradient-background: var(--pro-accent-hex) !important;

  /* Button/text accents inside accent sections */
  --color-button-text: var(--pro-accent-rgb) !important;
  --color-secondary-button: var(--pro-accent-rgb) !important;

  /* Badges and misc UI */
  --color-badge-background: var(--pro-accent-rgb) !important;
  --payment-terms-background-color: rgb(var(--pro-accent-rgb)) !important;
}

/* Any custom color scheme blocks (Shopify generates these as color-scheme-<id>) */
[class*="color-scheme-"] {
  --color-button: var(--pro-accent-rgb) !important;
  --color-secondary-button-text: var(--pro-accent-rgb) !important;
  --color-link: var(--pro-accent-rgb) !important;
}

/* Header (some pages hard-code the old purple) */
.localization-selector.link,
.site-header-transparent .header__icon,
.site-header-transparent .header__menu-item span,
.site-header-transparent .header__menu-item svg,
.site-header-transparent .header__active-menu-item,
.site-header-transparent .header__active-menu-item span,
.site-header-transparent .header__active-menu-item svg {
  color: rgb(var(--pro-accent-rgb)) !important;
  fill: rgb(var(--pro-accent-rgb)) !important;
  stroke: rgb(var(--pro-accent-rgb)) !important;
}

/* Announcement bar inner wrapper */
[class*="announcement-bar--inner"] {
  background-color: rgb(var(--pro-accent-rgb)) !important;
}

/* Focus ring polish */
.button:focus-visible,
a:focus-visible {
  outline-color: rgb(var(--pro-accent-rgb)) !important;
}

/* Product page: regular price on sale was hard-coded purple */
.product__info-container .price--on-sale .price-item--regular {
  color: rgb(var(--pro-accent-rgb)) !important;
}