/*
 * avadigital.ai — cookie-consent brand override
 * Re-skins orestbida/vanilla-cookieconsent v3.0.1 to match the AVA dark/mint system.
 * Tokens mirror /assets/colors_and_type.css:
 *   --mint        #8BEAC3   (primary / CTA / "active")
 *   --gold        #D9B671   (accent — used here for the secondary "Reject" border)
 *   --ink         #050607   (near-black background)
 * Type stack mirrors the rest of the site: Inter for UI, JetBrains Mono for meta,
 * Source Serif 4 italic for cinematic moments (not used inside the banner itself).
 *
 * Both Accept and Reject are rendered with equal visual weight (size + height +
 * radius) per Spanish AEPD guidance — `equalWeightButtons: true` is also set in
 * init.js, this CSS just makes sure the dark theme doesn't accidentally re-bias
 * one button against the other.
 */

#cc-main {
  /* ---------- type ---------- */
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---------- surfaces ---------- */
  --cc-bg: #0a0b0f;
  --cc-primary-color: rgba(255, 255, 255, 0.92);
  --cc-secondary-color: rgba(255, 255, 255, 0.62);

  --cc-separator-border-color: rgba(255, 255, 255, 0.08);
  --cc-section-category-border: rgba(255, 255, 255, 0.08);

  /* ---------- primary button (Accept all) ---------- */
  --cc-btn-primary-bg: #8BEAC3;
  --cc-btn-primary-color: #050607;
  --cc-btn-primary-border-color: #8BEAC3;
  --cc-btn-primary-hover-bg: #B4F3D7;
  --cc-btn-primary-hover-color: #050607;
  --cc-btn-primary-hover-border-color: #B4F3D7;

  /* ---------- secondary button (Reject all / Manage preferences) ----------
     Same size as primary (set in init.js), but rendered as an outlined chip so
     it reads as an equal-weight choice — never quieter than the primary. */
  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.04);
  --cc-btn-secondary-color: rgba(255, 255, 255, 0.92);
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.22);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.35);

  --cc-btn-border-radius: 10px;

  /* ---------- toggles (preferences modal) ---------- */
  --cc-toggle-on-bg: #8BEAC3;
  --cc-toggle-on-knob-bg: #050607;
  --cc-toggle-off-bg: rgba(255, 255, 255, 0.18);
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: rgba(139, 234, 195, 0.35);
  --cc-toggle-readonly-knob-bg: #050607;
  --cc-toggle-readonly-knob-icon-color: #8BEAC3;
  --cc-toggle-enabled-icon-color: #050607;
  --cc-toggle-disabled-icon-color: rgba(255, 255, 255, 0.7);

  /* ---------- preferences-modal category blocks ---------- */
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.02);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.07);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.04);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.12);
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.03);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.05);

  /* ---------- preferences-modal footer ---------- */
  --cc-footer-bg: #07080a;
  --cc-footer-color: rgba(255, 255, 255, 0.55);
  --cc-footer-border-color: rgba(255, 255, 255, 0.08);

  /* ---------- links ---------- */
  --cc-link-color: #8BEAC3;

  /* ---------- chrome ---------- */
  --cc-modal-border-radius: 16px;
  --cc-pm-toggle-border-radius: 999px;
  --cc-modal-transition-duration: 0.25s;
  --cc-overlay-bg: rgba(5, 6, 7, 0.65);
  --cc-z-index: 2147483646; /* below the Lilou widget (2147483647) so the chat
                                bubble can always be reached, but above page chrome */

  --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.08);
  --cc-webkit-scrollbar-hover-bg: rgba(255, 255, 255, 0.16);
}

/* Headings inside the modal pick up the AVA serif accent. */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Source Serif 4', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* JetBrains-Mono treatment for inline cookie names inside the preferences modal. */
#cc-main code {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.86em;
  color: #8BEAC3;
  background: rgba(139, 234, 195, 0.07);
  border: 1px solid rgba(139, 234, 195, 0.18);
  border-radius: 4px;
  padding: 1px 5px;
}

/* Keep both primary and secondary buttons exactly equal-height + equal-radius,
   regardless of which the library happens to render first. */
#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: 42px;
  padding: 0 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
}