/*
 * COGNITIVA — override-i dodataka koji su na svim stranicama (standard, poglavlja 5, 8 i 13).
 * Scope je na vlastitim klasama dodatka, ne na predlošku.
 * Ponavljajuća provjera: nakon svakog ažuriranja CookieYES-a banner i panel postavki na mobitelu i desktopu.
 */

/* ===================== CookieYES (banner i panel postavki) =====================
 * Besplatni plan ne dopušta boje u sučelju (standard, poglavlje 13).
 * !important samo na bojama: CookieYES ih JavaScriptom upisuje u style atribut elementa.
 * Oba izbora (Odbiti / Prihvatiti) jednake težine: privola mora biti jednako laka za odbiti.
 * Bez zlatnog gumba: zlatni CTA ostaje jedini u kadru (vizualni smjer, pravilo 5).
 * v1.0.2, 12.10.2026.
 */

.cky-consent-container,
.cky-modal{
  color-scheme:only light;
  font-family:var(--font-body);
}

/* ---- traka bannera ---- */
.cky-consent-container .cky-consent-bar{
  background-color:var(--color-surface) !important; /* inline iz CookieYES-a */
  border-color:var(--color-line) !important;        /* inline iz CookieYES-a */
  border-width:1px 0 0;
  box-shadow:0 -16px 30px -22px var(--color-shadow);
}
.cky-consent-container .cky-title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:1.25rem;
  letter-spacing:-0.01em;
  color:var(--color-ink) !important;                /* inline iz CookieYES-a */
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p{
  color:var(--color-ink-soft) !important;           /* inline iz CookieYES-a */
  font-size:.94rem;
  line-height:1.6;
}
.cky-consent-container .cky-notice-des a.cky-policy,
.cky-modal .cky-preference-content-wrapper a{
  color:var(--color-accent-deep) !important;        /* inline iz CookieYES-a */
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---- gumbi (banner i panel) ---- */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn{
  font-family:var(--font-body);
  font-weight:600;
  font-size:.94rem;
  line-height:1.2;
  border-width:1px;
  border-radius:var(--radius-sm);
  padding:13px 20px;
  min-height:44px;
  color:var(--color-ink) !important;                /* inline iz CookieYES-a */
  background-color:transparent !important;          /* inline iz CookieYES-a */
  border-color:var(--color-ink) !important;         /* inline iz CookieYES-a */
  transition:background-color .2s ease,color .2s ease;
}
.cky-consent-container .cky-btn:hover,
.cky-modal .cky-btn:hover{
  color:var(--color-on-ink) !important;
  background-color:var(--color-ink) !important;
  opacity:1;
}

/* ---- fokus kao na ostatku weba ---- */
.cky-consent-container :focus-visible,
.cky-modal :focus-visible{
  outline:2px solid var(--color-accent-deep) !important; /* CookieYES ima #1863dc u svom CSS-u s jačim selektorima */
  outline-offset:2px;
}

/* ---- panel postavki ---- */
.cky-modal .cky-preference-center{
  background-color:var(--color-surface) !important; /* inline iz CookieYES-a */
  border-color:var(--color-line) !important;        /* inline iz CookieYES-a */
  color:var(--color-ink-soft) !important;           /* inline iz CookieYES-a */
  border-radius:var(--radius);
  box-shadow:0 30px 60px -30px var(--color-shadow);
}
.cky-modal .cky-preference-title,
.cky-modal .cky-preference-header .cky-preference-title{
  font-family:var(--font-display);
  font-weight:500;
  font-size:1.3rem;
  color:var(--color-ink);
}
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-accordion-header-des{
  color:var(--color-ink-soft) !important;           /* inline iz CookieYES-a */
}
.cky-modal .cky-accordion-header .cky-accordion-btn{
  font-family:var(--font-body);
  font-weight:600;
  color:var(--color-ink);
}
/* CookieYES: button.cky-show-desc-btn:not(:hover):not(:active) — selektor jači za jednu klasu, bez !important */
.cky-modal button.cky-show-desc-btn:not(:hover):not(:active),
.cky-modal button.cky-show-desc-btn{
  color:var(--color-accent-deep);
}
.cky-modal .cky-always-active{
  color:var(--color-positive);
}
.cky-modal .cky-audit-table{
  background-color:var(--color-bg-alt) !important;  /* inline iz CookieYES-a */
  border-color:var(--color-line) !important;        /* inline iz CookieYES-a */
  color:var(--color-ink) !important;                /* inline iz CookieYES-a */
}
.cky-modal .cky-horizontal-separator,
.cky-modal .cky-footer-wrapper{
  border-color:var(--color-line-soft);
}
.cky-modal .cky-switch input[type="checkbox"]:checked{
  background:var(--color-ink);
}
.cky-modal .cky-footer-shadow{
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--color-surface) 100%);
}