/* Cookie consent — Love Ventures brand theme.
 * Overrides vanilla-cookieconsent v3's CSS custom properties. Loaded AFTER site-prefs.css
 * and scoped to #cc-main (the same selector the library defines its base vars on) so these win. */
#cc-main {
  --cc-font-family: 'Supreme', system-ui, -apple-system, sans-serif;

  --cc-bg: var(--color-white, #fff);
  --cc-primary-color: var(--color-black, #000);
  --cc-secondary-color: hsla(0, 0%, 0%, 0.55);
  --cc-link-color: var(--color-blue, hsl(213, 64%, 37%));

  /* Accept = brand blue */
  --cc-btn-primary-bg: var(--color-blue, hsl(213, 64%, 37%));
  --cc-btn-primary-border-color: var(--color-blue, hsl(213, 64%, 37%));
  --cc-btn-primary-color: var(--color-white, #fff);
  --cc-btn-primary-hover-bg: hsl(213, 64%, 30%);
  --cc-btn-primary-hover-border-color: hsl(213, 64%, 30%);
  --cc-btn-primary-hover-color: var(--color-white, #fff);

  /* Reject / manage = quiet offwhite */
  --cc-btn-secondary-bg: var(--color-offwhite, #f9f9f9);
  --cc-btn-secondary-border-color: hsla(0, 0%, 0%, 0.15);
  --cc-btn-secondary-color: var(--color-black, #000);
  --cc-btn-secondary-hover-bg: #ececec;
  --cc-btn-secondary-hover-border-color: hsla(0, 0%, 0%, 0.25);
  --cc-btn-secondary-hover-color: var(--color-black, #000);

  /* Analytics toggle */
  --cc-toggle-on-bg: var(--color-blue, hsl(213, 64%, 37%));
  --cc-toggle-off-bg: hsla(0, 0%, 0%, 0.25);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;

  /* Preferences-modal category blocks */
  --cc-cookie-category-block-bg: var(--color-offwhite, #f9f9f9);
  --cc-cookie-category-block-border: hsla(0, 0%, 0%, 0.08);
  --cc-cookie-category-block-hover-bg: #f0f0f0;
  --cc-cookie-category-block-hover-border: hsla(0, 0%, 0%, 0.15);
  --cc-separator-border-color: hsla(0, 0%, 0%, 0.1);

  /* Shape + stacking (above the site header/nav and transition cover) */
  --cc-modal-border-radius: 8px;
  --cc-btn-border-radius: 4px;
  --cc-overlay-bg: hsla(0, 0%, 0%, 0.5);
  --cc-z-index: 2147483000;
}

/* Footer "Cookie settings" trigger — styled to sit alongside the bottom-banner links. */
.bottom-banner-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.cookie-settings-link {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.cookie-settings-link:hover {
  text-decoration: underline;
}