/* CookieConsent (v3.x) theme overrides to match VIP CLUB palette */

:root {
  /* Use site variables when available, fallback to hardcoded */
  --vip-bg: var(--main-bg-color, #080209);
  --vip-text: var(--color-white, #ffffff);
  --vip-text-muted: var(--color-white-50-percent, rgba(255, 255, 255, 0.65));
  --vip-gold: var(--color-gold, #e4c066);
  --vip-gold-2: var(--color-gold-2, #f4b63f);
}

/* Override CookieConsent CSS variables */
#cc-main {
  --cc-font-family: 'Roboto', sans-serif;

  --cc-bg: color-mix(in srgb, var(--vip-bg) 92%, #000 8%);
  --cc-primary-color: var(--vip-text);
  --cc-secondary-color: var(--vip-text-muted);

  --cc-btn-primary-bg: var(--vip-gold);
  --cc-btn-primary-color: #232323;
  --cc-btn-primary-border-color: rgba(255, 255, 255, 0.18);
  --cc-btn-primary-hover-bg: var(--vip-gold-2);
  --cc-btn-primary-hover-color: #232323;
  --cc-btn-primary-hover-border-color: rgba(255, 255, 255, 0.18);

  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.06);
  --cc-btn-secondary-color: var(--vip-text);
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.18);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.1);
  --cc-btn-secondary-hover-color: var(--vip-text);
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.18);

  --cc-link-color: var(--vip-gold);

  --cc-toggle-on-bg: var(--vip-gold);
  --cc-toggle-on-knob-bg: #232323;
  --cc-toggle-off-bg: #667481;
  --cc-toggle-off-knob-bg: #ffffff;

  --cc-separator-border-color: rgba(255, 255, 255, 0.12);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.06);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.1);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.12);

  --cc-overlay-bg: rgba(0, 0, 0, 0.65);

  --cc-btn-border-radius: 999px;
  --cc-modal-border-radius: 18px;
}

/* Small typography tweaks */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.3px;
}