/* ------------------------------------------------------------
   Theme Accent Override (Banner + Buttons)
   ------------------------------------------------------------
   Change ONLY --theme-accent (and optionally --theme-accent-text)
   to update the site accent color everywhere:
     - 50% OFF announcement banner
     - Main CTA buttons (Book Now, Check out, Send, etc.)
   ------------------------------------------------------------ */

:root {
  --theme-accent: #800020;       /* <-- CHANGE THIS */
  --theme-accent-text: #ffffff; /* text on accent background */
  --theme-secondary-bg: #ffffff;/* background for secondary buttons */
}

/* 50% OFF / announcement bar */
[class*="announcement-bar--inner"] {
  background-color: var(--theme-accent) !important;
}

/* ------------------------------------------------------------
   Primary buttons (default .button + .button--primary)
   Excludes .button--secondary and .button--tertiary
   ------------------------------------------------------------ */
.button:not(.button--secondary):not(.button--tertiary),
.button:not(.button--secondary):not(.button--tertiary):hover,
.button:not(.button--secondary):not(.button--tertiary):focus,
.button:not(.button--secondary):not(.button--tertiary):active {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}

/* Dawn-style button layers */
.button:not(.button--secondary):not(.button--tertiary)::before,
.button:not(.button--secondary):not(.button--tertiary):hover::before,
.button:not(.button--secondary):not(.button--tertiary):focus::before,
.button:not(.button--secondary):not(.button--tertiary):active::before {
  background: var(--theme-accent) !important;
  background-color: var(--theme-accent) !important;
  opacity: 1 !important;
}

.button:not(.button--secondary):not(.button--tertiary)::after,
.button:not(.button--secondary):not(.button--tertiary):hover::after,
.button:not(.button--secondary):not(.button--tertiary):focus::after,
.button:not(.button--secondary):not(.button--tertiary):active::after {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 0.1rem var(--theme-accent) inset !important;
}

.button:focus-visible,
a:focus-visible {
  outline-color: var(--theme-accent) !important;
}

/* ------------------------------------------------------------
   Secondary buttons (e.g. Book Now on product pages)
   Keep the lighter style but recolor border/text to the theme.
   ------------------------------------------------------------ */
.button.button--secondary,
.button.button--secondary:focus,
.button.button--secondary:active {
  background-color: var(--theme-secondary-bg) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent) !important;
}

.button.button--secondary::before,
.button.button--secondary:focus::before,
.button.button--secondary:active::before {
  background-color: var(--theme-secondary-bg) !important;
  opacity: 1 !important;
}

.button.button--secondary::after,
.button.button--secondary:focus::after,
.button.button--secondary:active::after {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 0.1rem var(--theme-accent) inset !important;
}

/* Secondary hover: fill with accent */
.button.button--secondary:hover {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}
.button.button--secondary:hover::before {
  background-color: var(--theme-accent) !important;
}
.button.button--secondary:hover::after {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 0.1rem var(--theme-accent) inset !important;
}

/* ------------------------------------------------------------
   Tertiary buttons (outline / minimal)
   ------------------------------------------------------------ */
.button.button--tertiary,
.button.button--tertiary:focus,
.button.button--tertiary:active {
  background-color: transparent !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent) !important;
}

.button.button--tertiary::after,
.button.button--tertiary:focus::after,
.button.button--tertiary:active::after {
  border-color: var(--theme-accent) !important;
  box-shadow: 0 0 0 0.1rem var(--theme-accent) inset !important;
}

.button.button--tertiary:hover {
  background-color: var(--theme-accent) !important;
  border-color: var(--theme-accent) !important;
  color: var(--theme-accent-text) !important;
}
.button.button--tertiary:hover::before {
  background-color: var(--theme-accent) !important;
  opacity: 1 !important;
}