/* ============================================================
   Cookie Consent — futuretouch theme override
   Library: orestbida/cookieconsent v3
   Override CSS variables na futuretouch tokens (font, barvy, radius).
   Načítá se PO cookieconsent.css.
   ============================================================ */

#cc-main {
  /* Typography */
  --cc-font-family: var(--font-body);

  /* Modal */
  --cc-modal-border-radius: var(--radius-main);     /* 12px */
  --cc-btn-border-radius: var(--radius-mini);       /* 6px */

  /* Backgrounds */
  --cc-bg: var(--color-bg-soft);                    /* #1a1717 */
  --cc-primary-color: var(--color-fg);              /* white */
  --cc-secondary-color: var(--color-muted);         /* perex muted */

  /* Buttons — primary = gold (Akcept all) */
  --cc-btn-primary-bg: var(--color-accent-pressed); /* #a67638 — Button Gold */
  --cc-btn-primary-color: var(--color-fg);
  --cc-btn-primary-border-color: var(--color-accent-pressed);
  --cc-btn-primary-hover-bg: var(--color-accent);   /* #d8a058 brighter on hover */
  --cc-btn-primary-hover-color: var(--color-bg);
  --cc-btn-primary-hover-border-color: var(--color-accent);

  /* Buttons — secondary = ghost glass */
  --cc-btn-secondary-bg: var(--color-glass-i);
  --cc-btn-secondary-color: var(--color-fg);
  --cc-btn-secondary-border-color: var(--color-glass-ii);
  --cc-btn-secondary-hover-bg: var(--color-accent-subtle);
  --cc-btn-secondary-hover-color: var(--color-accent);
  --cc-btn-secondary-hover-border-color: var(--color-accent-subtle);

  /* Separators a toggle */
  --cc-separator-border-color: var(--color-glass-ii);
  --cc-toggle-on-bg: var(--color-accent);
  --cc-toggle-off-bg: var(--color-muted);
  --cc-toggle-on-knob-bg: var(--color-fg);
  --cc-toggle-off-knob-bg: var(--color-fg);
  --cc-toggle-readonly-bg: var(--color-glass-ii);
  --cc-toggle-readonly-knob-bg: var(--color-muted);
  --cc-toggle-readonly-knob-icon-color: var(--color-bg);
  --cc-toggle-enabled-icon-color: var(--color-bg);
  --cc-toggle-disabled-icon-color: var(--color-bg);

  /* Cookie category accordion blocks (klíčové pro tmavý look v preferences modal) */
  --cc-cookie-category-block-bg: var(--color-glass-i);
  --cc-cookie-category-block-border: var(--color-glass-ii);
  --cc-cookie-category-block-hover-bg: var(--color-accent-subtle);
  --cc-cookie-category-block-hover-border: var(--color-accent-subtle);
  --cc-cookie-category-expanded-block-bg: var(--color-glass-ii);
  --cc-cookie-category-expanded-block-hover-bg: var(--color-glass-ii);
  --cc-section-category-border: var(--color-glass-ii);

  /* Footer modalu (action buttons row) */
  --cc-footer-bg: transparent;
  --cc-footer-border-color: var(--color-glass-ii);
  --cc-footer-color: var(--color-fg);

  /* Overlay (dim za modalem) */
  --cc-overlay-bg: rgba(16, 15, 15, 0.7);

  /* Scrollbar uvnitř modalu */
  --cc-webkit-scrollbar-bg: var(--color-glass-ii);
  --cc-webkit-scrollbar-hover-bg: var(--color-accent-subtle);

  /* Link color = gold */
  --cc-link-color: var(--color-accent);
}

/* Glass look — průhledné pozadí + border + backdrop blur (sjednoceno s ostatními boxy ve webu) */
#cc-main .cm-wrapper .cm,
#cc-main .pm-wrapper .pm {
  background: var(--color-glass-i) !important;
  border: 1px solid var(--color-glass-ii);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

/* Preferences modal — accordion sekce: tmavé pozadí + bílé fonty (default lib mívá white/black themed) */
#cc-main .pm__section,
#cc-main .pm__section--expandable {
  background: transparent;
  border-color: var(--color-glass-ii);
}
#cc-main .pm__section-title,
#cc-main .pm__section-title-wrapper,
#cc-main .pm__section-desc,
#cc-main .pm__section-desc-wrapper,
#cc-main .pm__title,
#cc-main .pm__service-title,
#cc-main .pm__service-counter,
#cc-main .pm__service {
  color: var(--color-fg);
  background: transparent;
}
#cc-main .pm__section-desc { color: var(--color-muted); }
#cc-main .pm__section-arrow {
  background: var(--color-glass-ii);
  color: var(--color-fg);
}
#cc-main .pm__close-btn {
  background: var(--color-glass-ii);
  color: var(--color-fg);
}
#cc-main .pm__close-btn:hover { background: var(--color-accent-subtle); }
#cc-main .pm__header,
#cc-main .pm__footer { border-color: var(--color-glass-ii); background: transparent; }

/* Linky uvnitř popisů — underline + hover gold */
#cc-main a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.2em;
  transition: color 0.15s ease;
}
#cc-main a:hover {
  color: var(--color-fg);
}