/* ============================================================
   Cookie Consent — vidiny.cz theme override
   Library: orestbida/cookieconsent v3
   Override CSS variables na vidiny tokens (--accent, --text-color, --divider-color).
   Načítá se PO cookieconsent.css.
   ============================================================ */

#cc-main {
  /* Typography */
  --cc-font-family: 'Söhne', 'Söhne fallback', system-ui, -apple-system, sans-serif;

  /* Modal */
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;

  /* Backgrounds — vidiny je dark theme */
  --cc-bg: #000;
  --cc-primary-color: var(--text-color, #fff);
  --cc-secondary-color: rgba(255, 255, 255, 0.6);

  /* Buttons — primary = accent (Přijmout vše) */
  --cc-btn-primary-bg: var(--accent, #c8ff01);
  --cc-btn-primary-color: #000;
  --cc-btn-primary-border-color: var(--accent, #c8ff01);
  --cc-btn-primary-hover-bg: #fff;
  --cc-btn-primary-hover-color: #000;
  --cc-btn-primary-hover-border-color: #fff;

  /* Buttons — secondary = ghost outline */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--text-color, #fff);
  --cc-btn-secondary-border-color: var(--divider-color, rgba(255, 255, 255, 0.2));
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-hover-color: var(--text-color, #fff);
  --cc-btn-secondary-hover-border-color: var(--text-color, #fff);

  /* Separators a toggle */
  --cc-separator-border-color: var(--divider-color, rgba(255, 255, 255, 0.2));
  --cc-toggle-on-bg: var(--accent, #c8ff01);
  --cc-toggle-off-bg: rgba(255, 255, 255, 0.2);
  --cc-toggle-on-knob-bg: #000;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: rgba(255, 255, 255, 0.15);
  --cc-toggle-readonly-knob-bg: rgba(255, 255, 255, 0.4);
  --cc-toggle-readonly-knob-icon-color: #000;
  --cc-toggle-enabled-icon-color: #000;
  --cc-toggle-disabled-icon-color: #000;

  /* Cookie category accordion blocks */
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.05);
  --cc-cookie-category-block-border: var(--divider-color, rgba(255, 255, 255, 0.2));
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.1);
  --cc-cookie-category-block-hover-border: var(--divider-color, rgba(255, 255, 255, 0.2));
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-section-category-border: var(--divider-color, rgba(255, 255, 255, 0.2));

  /* Footer modalu */
  --cc-footer-bg: transparent;
  --cc-footer-border-color: var(--divider-color, rgba(255, 255, 255, 0.2));
  --cc-footer-color: var(--text-color, #fff);

  /* Overlay */
  --cc-overlay-bg: rgba(0, 0, 0, 0.7);

  /* Scrollbar */
  --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.15);
  --cc-webkit-scrollbar-hover-bg: rgba(255, 255, 255, 0.3);

  /* Link color = accent */
  --cc-link-color: var(--accent, #c8ff01);
}

/* Box layout — pevný border + dark bg (žádný glass blur, kdyby ho někdo chtěl tak v projektu klid) */
#cc-main .cm-wrapper .cm,
#cc-main .pm-wrapper .pm {
  background: #000 !important;
  border: 1px solid var(--divider-color, rgba(255, 255, 255, 0.2));
}

/* Preferences modal — dark accordion sekce */
#cc-main .pm__section,
#cc-main .pm__section--expandable {
  background: transparent;
  border-color: var(--divider-color, rgba(255, 255, 255, 0.2));
}
#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(--text-color, #fff);
  background: transparent;
}
#cc-main .pm__section-desc { color: rgba(255, 255, 255, 0.6); }
#cc-main .pm__section-arrow {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-color, #fff);
}
#cc-main .pm__close-btn {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-color, #fff);
}
#cc-main .pm__close-btn:hover { background: rgba(255, 255, 255, 0.2); }
#cc-main .pm__header,
#cc-main .pm__footer { border-color: var(--divider-color, rgba(255, 255, 255, 0.2)); background: transparent; }

/* Linky — underline + hover accent */
#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(--text-color, #fff);
}