/* =========================================================================
   ActiveFactor — cookie consent brand theme
   -------------------------------------------------------------------------
   Brand overrides for vanilla-cookieconsent v3. Loaded AFTER the library
   CSS (cookieconsent.css). This file only themes the consent banner and
   preferences modal — it does NOT touch any existing page styling.

   Theming uses the library's official --cc-* CSS variables, so it stays
   stable across library updates.
   ========================================================================= */

#cc-main {
  /* ---- Type — the site's body typeface ---- */
  --cc-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Surfaces & text ---- */
  --cc-bg: #FFFFFF;
  --cc-primary-color: #0B2545;          /* navy — titles & strong text */
  --cc-secondary-color: #4A6076;        /* muted — body copy */

  /* ---- Primary button — brand energy (coral) pill, navy ink ---- */
  --cc-btn-primary-bg: #FF6F61;
  --cc-btn-primary-color: #0B2545;
  --cc-btn-primary-border-color: #FF6F61;
  --cc-btn-primary-hover-bg: #FF8377;
  --cc-btn-primary-hover-color: #0B2545;
  --cc-btn-primary-hover-border-color: #FF8377;

  /* ---- Secondary button — warm neutral ---- */
  --cc-btn-secondary-bg: #F2EFE6;
  --cc-btn-secondary-color: #0B2545;
  --cc-btn-secondary-border-color: #F2EFE6;
  --cc-btn-secondary-hover-bg: #E9E4D6;
  --cc-btn-secondary-hover-color: #0B2545;
  --cc-btn-secondary-hover-border-color: #E9E4D6;

  /* ---- Radii — pill buttons + rounded modal, like the site ---- */
  --cc-btn-border-radius: 9999px;
  --cc-modal-border-radius: 20px;
  --cc-pm-toggle-border-radius: 9999px;

  /* ---- Toggles — turquoise when on (brand accent) ---- */
  --cc-toggle-on-bg: #1FB6B6;
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-bg: #C2C9D0;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-readonly-bg: #DCE1E5;
  --cc-toggle-readonly-knob-bg: #FFFFFF;
  --cc-toggle-readonly-knob-icon-color: #DCE1E5;
  --cc-toggle-enabled-icon-color: #FFFFFF;
  --cc-toggle-disabled-icon-color: #FFFFFF;

  /* ---- Category blocks ---- */
  --cc-cookie-category-block-bg: #FAF6EE;
  --cc-cookie-category-block-border: #FAF6EE;
  --cc-cookie-category-block-hover-bg: #F4F1E9;
  --cc-cookie-category-block-hover-border: #F4F1E9;
  --cc-cookie-category-expanded-block-bg: #EFEBDF;
  --cc-cookie-category-expanded-block-hover-bg: #EAE5D6;

  /* ---- Lines & links ---- */
  --cc-separator-border-color: #E5DFD2;
  --cc-section-category-border: #E5DFD2;
  --cc-link-color: #1FB6B6;

  /* ---- Modal footer ---- */
  --cc-footer-bg: #FAF6EE;
  --cc-footer-color: #4A6076;
  --cc-footer-border-color: #E5DFD2;

  /* ---- Overlay behind the preferences modal ---- */
  --cc-overlay-bg: rgba(6, 26, 51, 0.55);

  /* ---- Stack above the floating CTA (z-index 9999) and the header ---- */
  --cc-z-index: 2147483600;
}

/* Headings inside the consent UI use the display typeface, like the site */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Bricolage Grotesque', 'Manrope', sans-serif;
  letter-spacing: -0.01em;
}

/* Buttons — bolder weight, echoing the site's CTAs */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Premium soft elevation on the banner + modal, matching the site's cards */
#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 24px 48px -18px rgba(11, 37, 69, 0.32),
              0 10px 22px -10px rgba(11, 37, 69, 0.18);
}