/**
 * talkonautai theme for orestbida CookieConsent (v3).
 * Loaded alongside the library's own cookieconsent.css; these overrides map the
 * plugin's CSS variables onto the site (refactor) coral/dark palette so the
 * banner + preferences modal match the project design.
 *
 * Rendered by inc/cookie/cookie_block.php on every environment.
 */
#cc-main {
  /* Palette */
  --tkc-accent: #FF8B72;
  --tkc-accent-hover: #FF9A83;
  --tkc-accent-text: #120D17;
  --tkc-bg: #1a1420;
  --tkc-bg-raised: #241a2b;
  --tkc-bg-raised-hover: #2b2033;
  --tkc-border: rgba(255, 247, 238, 0.12);
  --tkc-border-strong: rgba(255, 247, 238, 0.22);
  --tkc-text: #FFF7EE;
  --tkc-text-muted: #BFB3C0;

  /* --- Plugin variable mapping --- */
  --cc-font-family: inherit;
  --cc-z-index: 2147483000;

  --cc-bg: var(--tkc-bg);
  --cc-primary-color: var(--tkc-text);
  --cc-secondary-color: var(--tkc-text-muted);

  --cc-link-color: var(--tkc-accent);
  --cc-separator-border-color: var(--tkc-border);
  --cc-overlay-bg: rgba(9, 6, 12, 0.62);

  /* Rounded card + rounded-rectangle buttons; pill toggles */
  --cc-modal-border-radius: 14px;
  --cc-btn-border-radius: 8px;
  --cc-pm-toggle-border-radius: 999px;

  /* Primary button: filled coral ("Allow all") */
  --cc-btn-primary-bg: var(--tkc-accent);
  --cc-btn-primary-border-color: var(--tkc-accent);
  --cc-btn-primary-color: var(--tkc-accent-text);
  --cc-btn-primary-hover-bg: var(--tkc-accent-hover);
  --cc-btn-primary-hover-border-color: var(--tkc-accent-hover);
  --cc-btn-primary-hover-color: var(--tkc-accent-text);

  /* Secondary buttons: outlined dark ("Deny" / "Customize") */
  --cc-btn-secondary-bg: var(--tkc-bg-raised);
  --cc-btn-secondary-border-color: var(--tkc-border-strong);
  --cc-btn-secondary-color: var(--tkc-text);
  --cc-btn-secondary-hover-bg: var(--tkc-bg-raised-hover);
  --cc-btn-secondary-hover-border-color: var(--tkc-border-strong);
  --cc-btn-secondary-hover-color: var(--tkc-text);

  /* Category rows in the preferences modal */
  --cc-cookie-category-block-bg: var(--tkc-bg-raised);
  --cc-cookie-category-block-border: var(--tkc-border);
  --cc-cookie-category-block-hover-bg: var(--tkc-bg-raised-hover);
  --cc-cookie-category-block-hover-border: var(--tkc-border-strong);
  --cc-cookie-category-expanded-block-bg: var(--tkc-bg-raised-hover);
  --cc-cookie-category-expanded-block-hover-bg: var(--tkc-bg-raised-hover);
  --cc-section-category-border: var(--tkc-border);

  /* Footer (powered-by / links strip) */
  --cc-footer-bg: transparent;
  --cc-footer-color: var(--tkc-text-muted);
  --cc-footer-border-color: var(--tkc-border);

  /* Toggle switches */
  --cc-toggle-on-bg: var(--tkc-accent);
  --cc-toggle-off-bg: var(--tkc-border-strong);
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: var(--tkc-accent-text);
  --cc-toggle-disabled-icon-color: var(--tkc-bg);
  /* "Strictly necessary" — always on, read-only */
  --cc-toggle-readonly-bg: rgba(255, 139, 114, 0.45);
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: var(--tkc-accent);

  /* Scrollbar inside the modal */
  --cc-webkit-scrollbar-bg: var(--tkc-border-strong);
  --cc-webkit-scrollbar-hover-bg: var(--tkc-text-muted);

  font-family: inherit;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 700;
}

/* Preferences modal: "Deny" is filled teal like "Allow all" (matches design).
   Scoped to .pm__btn so the banner's outlined "Deny" (.cm__btn) is unaffected. */
#cc-main .pm__btn[data-role="necessary"] {
  background: var(--tkc-accent);
  border-color: var(--tkc-accent);
  color: var(--tkc-accent-text);
}
#cc-main .pm__btn[data-role="necessary"]:hover {
  background: var(--tkc-accent-hover);
  border-color: var(--tkc-accent-hover);
}

/* ---------------- Persistent "Cookie settings" pill ---------------- */
/* Hidden until a consent decision has been made (banner covers first visit). */
.tk-cookie-settings {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: none;
  appearance: none;
  border: 1px solid rgba(255, 247, 238, 0.22);
  background: #1a1420;
  color: #BFB3C0;
  font: inherit;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease;
}
.tk-cookie-settings:hover {
  color: #FFF7EE;
  border-color: #FF8B72;
}
body.cookie-decided .tk-cookie-settings {
  display: inline-flex;
}