/**
 * Forthien brand overrides for Silktide Consent Manager (D-12)
 *
 * Loaded AFTER silktide-consent-manager.css in GTM Custom HTML tag.
 * Applies Forthien warm corporate aesthetic to the consent banner.
 *
 * Brand colours:
 *   Galactic Blue: #001F5C (banner background)
 *   Crimson Clay: #C25E40 (accept/primary button)
 *   Solar Clay: #D4A76A (accents, links, preferences button)
 *   Warm White: #FAF8F5 (text on dark backgrounds)
 *   Inter: UI font family
 *
 * Silktide uses CSS custom properties on #stcm-wrapper:
 *   --primaryColor, --backgroundColor, --textColor, --fontFamily,
 *   --iconColor, --iconBackgroundColor
 *
 * Button styles use .stcm-button (primary) and .stcm-button-secondary.
 * The accept button is .stcm-button-primary (inherits from .stcm-button).
 */

/* Override Silktide's CSS custom properties for Forthien branding */
#stcm-wrapper {
  --primaryColor: #D4A76A;       /* Solar Clay -- links, preferences, secondary accents */
  --backgroundColor: #001F5C;    /* Galactic Blue -- banner & modal background */
  --textColor: #FAF8F5;          /* Warm White -- body text */
  --fontFamily: 'Inter', system-ui, sans-serif;
  --iconColor: #001F5C;          /* Galactic Blue -- cookie icon background */
  --iconBackgroundColor: #D4A76A; /* Solar Clay -- cookie icon inner (cookie emoji fill) */
}

/* Accept button: Crimson Clay background with white text */
#stcm-wrapper .stcm-button {
  background-color: #C25E40;
  border-color: #C25E40;
  color: #FFFFFF;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
}

#stcm-wrapper .stcm-button-primary:hover {
  background-color: #001F5C;
  color: #C25E40;
}

/* Reject/decline button: outline style, subtle, doesn't compete with accept */
#stcm-wrapper .stcm-button-secondary {
  background-color: transparent;
  border-color: #D4A76A;
  color: #D4A76A;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
}

#stcm-wrapper .stcm-button-secondary:hover {
  background-color: #D4A76A;
  color: #001F5C;
}

/* Modal toggle switch: Crimson Clay when checked */
#stcm-modal .stcm-toggle input:checked + .stcm-toggle-track {
  background: #C25E40;
}

/* Links within banner and modal */
#stcm-wrapper a {
  color: #D4A76A;
}

#stcm-wrapper a:hover {
  color: #FAF8F5;
}

/* Banner link override (Silktide sets explicit background-color on banner links) */
#stcm-banner a {
  color: #D4A76A;
  background-color: #001F5C;
}

#stcm-banner a:hover {
  color: #FAF8F5;
}

/* Preferences button text */
#stcm-banner .stcm-preferences-button {
  color: #D4A76A;
}

#stcm-banner .stcm-preferences-button span:hover {
  color: #FAF8F5;
}