/* CJP Real Estate — brand theme for vanilla-cookieconsent v3.
   Maps the library's CSS variables onto the site's design tokens (css/main.css).
   Accept all / Reject all are kept at equal visual weight (AEPD symmetry rule). */

#cc-main {
  /* Typography + surfaces */
  --cc-font-family: var(--font-sans, 'Manrope', system-ui, sans-serif);
  --cc-bg: var(--cjp-white, #fff);
  --cc-primary-color: var(--cjp-ink, #2A2722);
  --cc-secondary-color: var(--cjp-stone, #8C8275);
  --cc-link-color: var(--cjp-gold-deep, #8A6A35);

  /* Radii + overlay */
  --cc-modal-border-radius: var(--radius-lg, 10px);
  --cc-btn-border-radius: var(--radius-sm, 4px);
  --cc-pm-toggle-border-radius: var(--radius-pill, 999px);
  --cc-overlay-bg: rgba(15, 14, 12, .55);
  --cc-modal-transition-duration: .3s;

  /* Primary button = "Accept all" → brand gold */
  --cc-btn-primary-bg: var(--cjp-gold, #A78143);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--cjp-gold, #A78143);
  --cc-btn-primary-hover-bg: var(--cjp-gold-light, #C2A165);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: var(--cjp-gold-light, #C2A165);

  /* Secondary button = "Reject all" / "Manage" → equal-weight charcoal outline */
  --cc-btn-secondary-bg: var(--cjp-sand, #F0E9DD);
  --cc-btn-secondary-color: var(--cjp-charcoal, #211E1A);
  --cc-btn-secondary-border-color: var(--cjp-charcoal, #211E1A);
  --cc-btn-secondary-hover-bg: var(--cjp-beige, #E5D8C4);
  --cc-btn-secondary-hover-color: var(--cjp-charcoal, #211E1A);
  --cc-btn-secondary-hover-border-color: var(--cjp-charcoal, #211E1A);

  /* Category blocks + toggles */
  --cc-cookie-category-block-bg: var(--cjp-offwhite, #FAF7F2);
  --cc-cookie-category-block-border: var(--cjp-beige, #E5D8C4);
  --cc-cookie-category-block-hover-bg: var(--cjp-sand, #F0E9DD);
  --cc-cookie-category-expanded-block-bg: var(--cjp-sand, #F0E9DD);
  --cc-separator-border-color: var(--cjp-beige, #E5D8C4);
  --cc-toggle-on-bg: var(--cjp-gold, #A78143);
  --cc-toggle-off-bg: var(--cjp-taupe, #BCAB90);
  --cc-toggle-readonly-bg: var(--cjp-beige, #E5D8C4);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
}

/* Brand border weight on the secondary button so it reads as an equal CTA, not a link */
#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
}

/* Display headers (titles) in the brand serif to match the site */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
  font-weight: 500;
  letter-spacing: .01em;
}

/* "Always on" badge used in the preferences section titles */
#cc-main .pm__badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-family: var(--font-sans, 'Manrope', sans-serif);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--cjp-gold-deep, #8A6A35);
  background: var(--cjp-sand, #F0E9DD);
  border-radius: var(--radius-pill, 999px);
  vertical-align: middle;
}