/* Header color scheme 3 - Slate grey background with white text */
.color-scheme-3 {
  --color-background: 67,67,67; /* #434343 */
  --color-foreground: 252,252,252; /* #fcfcfc - white */
  --color-button: 252,252,252; /* white */
  --color-button-text: 16,57,72; /* dark teal */
  --color-link: 252,252,252; /* white */
}

/* Force header background color - override shopify_base.css and gradient */
.header-wrapper.color-scheme-3,
.header-wrapper.color-scheme-3.gradient,
.color-scheme-3.header-wrapper,
.color-scheme-3.header-wrapper.gradient {
  background-color: rgb(67, 67, 67) !important; /* #434343 slate grey */
  background: rgb(67, 67, 67) !important; /* #434343 slate grey - override gradient */
  background-image: none !important; /* Remove any gradient background */
}

.color-scheme-3 .header-wrapper {
  background-color: rgb(67, 67, 67) !important; /* #434343 slate grey */
  background: rgb(67, 67, 67) !important; /* #434343 slate grey */
  background-image: none !important; /* Remove any gradient background */
}

/* Also ensure the header itself doesn't override */
.color-scheme-3 .header {
  background-color: transparent !important;
}

.color-scheme-3 .header__heading-link,
.color-scheme-3 .header__heading-link .h2,
.color-scheme-3 .header__back-link a,
.color-scheme-3 .header__back-link a.link {
  color: rgb(252, 252, 252) !important; /* #fcfcfc white */
}

.color-scheme-3 .header__heading-link:hover,
.color-scheme-3 .header__back-link a:hover {
  color: rgba(252, 252, 252, 0.8) !important; /* slightly transparent white on hover */
}

/* Announcement bar styling - same color scheme as header */
.color-scheme-3.utility-bar,
.utility-bar.color-scheme-3 {
  background-color: rgb(67, 67, 67) !important; /* #434343 slate grey */
  background: rgb(67, 67, 67) !important;
  background-image: none !important;
}

.color-scheme-3 .announcement-bar__message,
.color-scheme-3 .announcement-bar__link {
  color: rgb(252, 252, 252) !important; /* #fcfcfc white */
  font-family: 'Montserrat', sans-serif !important;
}

/* Ensure header uses Montserrat font */
.color-scheme-3 .header__heading-link,
.color-scheme-3 .header__back-link a {
  font-family: 'Montserrat', sans-serif !important;
}