/**
 * MW Cookie Consent — Brand Overrides
 *
 * Matches the Meridian West theme:
 *   Primary:   #2F31FC
 *   Dark:      #0D0C33
 *   Font:      "Meridian West", sans-serif
 *   Radius:    4px (buttons), 16px (panels)
 *   Transition: 0.3s ease
 */

/* ── CSS custom-property overrides ──────────────────────── */
:root {
	/* Primary accent */
	--cc-btn-primary-bg:           #2F31FC;
	--cc-btn-primary-hover-bg:     #1a1cd9;
	--cc-btn-primary-color:        #ffffff;
	--cc-btn-primary-hover-color:  #ffffff;

	/* Secondary button */
	--cc-btn-secondary-bg:         #F3F3F7;
	--cc-btn-secondary-hover-bg:   #e5e5ec;
	--cc-btn-secondary-color:      #0D0C33;
	--cc-btn-secondary-hover-color:#0D0C33;

	/* Toggle switch */
	--cc-toggle-on-bg:             #2F31FC;
	--cc-toggle-off-bg:            #cccccc;
	--cc-toggle-on-knob-bg:        #ffffff;
	--cc-toggle-off-knob-bg:       #ffffff;
	--cc-toggle-readonly-bg:       #a0a0d0;
	--cc-toggle-readonly-knob-bg:  #ffffff;

	/* Panel backgrounds & text */
	--cc-bg:                       #ffffff;
	--cc-primary-color:            #0D0C33;
	--cc-secondary-color:          #555555;

	/* Separator / borders */
	--cc-separator-border-color:   #f0f0f0;

	/* Overlay */
	--cc-overlay-bg:               rgba(13, 12, 51, 0.5);

	/* Cookie category block */
	--cc-cookie-category-block-bg: #F3F3F7;

	/* Links */
	--cc-link-color:               #2F31FC;

	/* Section border */
	--cc-section-border:           #f0f0f0;

	/* Focus ring */
	--cc-focus-ring-color:         rgba(47, 49, 252, 0.3);

	/* Footer */
	--cc-footer-bg:                #F3F3F7;
	--cc-footer-color:             #555555;
	--cc-footer-border-color:      #f0f0f0;
}

/* ── Typography ─────────────────────────────────────────── */
#cc-main {
	font-family: "Meridian West", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#cc-main .cm__title,
#cc-main .pm__title {
	font-family: "Meridian West", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #0D0C33;
}

#cc-main .cm__desc,
#cc-main .pm__body {
	color: #555555;
	line-height: 1.55;
}

/* ── Border radius — match site's panel/button style ───── */
#cc-main .cm {
	border-radius: 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

#cc-main .pm {
	border-radius: 16px;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	border-radius: 4px;
	font-weight: 500;
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

/* ── Button hover / focus states ────────────────────────── */
#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible {
	box-shadow: 0 0 0 3px rgba(47, 49, 252, 0.3);
	outline: none;
}

/* ── Toggle focus ring ──────────────────────────────────── */
#cc-main .pm__section--toggle .toggle__input:focus-visible + .toggle__label {
	box-shadow: 0 0 0 3px rgba(47, 49, 252, 0.3);
}

/* ── Links inside the modals ────────────────────────────── */
#cc-main a {
	color: #2F31FC;
	text-decoration: none;
	transition: color 0.3s ease;
}

#cc-main a:hover {
	color: #1a1cd9;
}