/**
 * MITCORP Consent — banner theming for Silktide Consent Manager v2.
 *
 * MITCORP palette via the manager's CSS variables plus targeted overrides
 * for contrast: vendor defaults put white text on the primary colour,
 * which fails on lime, so text colours are set explicitly here.
 *
 * Charcoal #232729 / Lime #C7EB29 / Dark #171B1D / Light grey #D8D9DC.
 */

#stcm-wrapper {
	--fontFamily: "Montserrat", "Helvetica Neue", arial, sans-serif;
	--primaryColor: #c7eb29;
	--backgroundColor: #fff;
	--textColor: #232729;
	--iconColor: #232729;
	--iconBackgroundColor: #c7eb29;
}

/* Links inside the banner and modal: charcoal, underlined (lime text on
   white would fail contrast). */
#stcm-wrapper a {
	color: #232729;
}

#stcm-wrapper a:hover {
	color: #171b1d;
}

/* Visible keyboard focus: charcoal outer ring reads on white. */
#stcm-wrapper a:focus,
#stcm-wrapper #stcm-banner button:focus,
#stcm-wrapper #stcm-modal button:focus,
#stcm-wrapper #stcm-icon:focus {
	outline: none;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #232729;
	border-radius: 5px;
}

#stcm-wrapper #stcm-icon:focus {
	border-radius: 50%;
}

/* Banner panel */
#stcm-banner {
	border: 1px solid #d8d9dc;
	border-top: 4px solid #c7eb29;
}

#stcm-banner .stcm-banner-heading {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* Primary actions — equal visual weight for Accept and Reject. */
#stcm-wrapper .stcm-button {
	border-radius: 4px;
	font-weight: 600;
}

#stcm-wrapper .stcm-accept-all {
	background-color: #c7eb29;
	border-color: #c7eb29;
	color: #232729;
}

#stcm-wrapper .stcm-accept-all:hover {
	background-color: #b0d41f;
	border-color: #b0d41f;
	color: #232729;
}

#stcm-wrapper .stcm-reject-all {
	background-color: #fff;
	border-color: #232729;
	color: #232729;
}

#stcm-wrapper .stcm-reject-all:hover {
	background-color: #232729;
	border-color: #232729;
	color: #fff;
}

/* "Manage preferences" as a clear text control, matching policy links. */
#stcm-banner .stcm-preferences-button {
	color: #232729;
}

#stcm-banner .stcm-preferences-button span {
	font-weight: 600;
}

#stcm-banner .stcm-logo {
	fill: #232729;
}

/* Preferences modal */

/* The modal title is demoted from h1 to h2 by mitcorp-consent.js so the
page keeps a single h1; mirror the vendor's h1 styling. */
#stcm-modal h2 {
	font-family: var(--fontFamily);
	color: var(--textColor);
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}

#stcm-modal {
	width: 800px;
	border: 1px solid #d8d9dc;
}

#stcm-modal .stcm-modal-save {
	background-color: #c7eb29;
	border-color: #c7eb29;
	color: #232729;
}

#stcm-modal .stcm-modal-save:hover {
	background-color: #b0d41f;
	border-color: #b0d41f;
	color: #232729;
}

/* Toggle "ON" label sits on the lime track — charcoal for contrast.
   ("OFF" stays white on the charcoal unchecked track.) */
#stcm-modal .stcm-toggle input:checked ~ .stcm-toggle-on {
	color: #232729;
}