/*
 * Episode booking — CMP visual theme (loads after silktide-consent-manager.css).
 * White frame/panels, blue typography, blue floating cookie button with white icon.
 */
#stcm-wrapper {
  --fontFamily: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  --primaryColor: #25449f;
  --backgroundColor: #ffffff;
  --textColor: #25449f;
  --iconColor: #25449f;
  --iconBackgroundColor: #ffffff;
  --backdropBackgroundColor: rgba(30, 58, 138, 0.25);
  --backdropBackgroundBlur: 4px;
}

#stcm-wrapper a:hover,
#stcm-banner .stcm-preferences-button span:hover {
  color: #1d4ed8;
}

#stcm-wrapper #stcm-banner button:focus,
#stcm-wrapper #stcm-modal button:focus,
#stcm-wrapper #stcm-icon:focus {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--primaryColor);
}

#stcm-modal .stcm-toggle:focus-within {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--primaryColor);
}

/* Full-opacity body copy on white */
#stcm-modal p,
#stcm-modal .stcm-consent-description {
  opacity: 1;
  color: var(--textColor);
}

#stcm-banner p {
  color: var(--textColor);
}

/* Primary actions: Accept all, Reject non-essential, Save and close (blue fill, white label) */
#stcm-banner .stcm-button.stcm-button-primary,
#stcm-modal .stcm-button.stcm-button-primary {
  color: #ffffff !important;
}

#stcm-banner .stcm-button.stcm-button-primary:hover,
#stcm-modal .stcm-button.stcm-button-primary:hover {
  background-color: #1d3d8c !important;
  border-color: #1d3d8c !important;
  color: #ffffff !important;
}

/* Modal title — larger than body / category descriptions */
#stcm-modal h1 {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 26px;
  text-transform: uppercase;
}

/* Category titles (Necessary / Analytics / Marketing) — between title and description */
#stcm-modal legend {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 17px;
  text-transform: uppercase;
}

/* Paragraphs and legal/body lines */
#stcm-banner p,
#stcm-modal p {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 14px;
  text-transform: uppercase;
}

/* Long-form descriptions: same size as intro but readable sentence case */
#stcm-modal .stcm-consent-description {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
  text-transform: none;
}

#stcm-modal .stcm-toggle-off,
#stcm-modal .stcm-toggle-on {
  color: #ffffff;
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 14px;
  text-transform: uppercase;
}

#stcm-banner .stcm-preferences-button,
#stcm-banner .stcm-preferences-button span {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 14px;
  text-transform: uppercase;
}

#stcm-modal .stcm-credit-link {
  color: var(--Principal-Azul, #25449f);
  font-family: "ABC ROM Condensed", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: 14px;
  text-transform: uppercase;
}

/* Toggle: off = neutral track, on = blue; labels stay light on track */
#stcm-modal .stcm-toggle-track {
  background: #94a3b8;
}

#stcm-modal .stcm-toggle-thumb {
  background: #ffffff;
}