/* cc-theme.css — CookieConsent v3 tema usklađena sa DNK sajta Hotel Ruzmarin.
 *
 * Primarna boja (#8cc9b9) uzeta iz .dugme { background-color } u assets/css/ruzmarin.css.
 * Font: "Lato" (body font sajta). Radijus: 7px dugme / 5px modal (iz ruzmarin.css).
 *
 * Jedina linija koju treba promijeniti ako se brend boja promijeni: << DNK
 */

#cc-main {
  /* ── Tipografija i geometrija ─────────────────────────────────────────────── */
  --cc-font-family: "Lato", sans-serif;
  --cc-modal-border-radius: 5px;
  --cc-btn-border-radius: 7px;
  --cc-modal-transition-duration: 0.25s;
  --cc-z-index: 2147483647;

  /* ── Tijelo modala i tekst ────────────────────────────────────────────────── */
  --cc-bg: #ffffff;
  --cc-primary-color: #2c2f31;
  --cc-secondary-color: #6c757d;

  /* ── Primarno dugme = PRIMARNA BOJA BRENDA ──────────────────────────────── */
  --cc-btn-primary-bg:               #8cc9b9;  /* << DNK — mint/tirkiz iz .dugme */
  --cc-btn-primary-color:            #ffffff;
  --cc-btn-primary-border-color:     var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:         #7bb1a3;  /* << DNK ~12% tamnije */
  --cc-btn-primary-hover-color:      #ffffff;
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

  /* ── Sekundarno dugme (neutralno) ────────────────────────────────────────── */
  --cc-btn-secondary-bg:             #eaeff2;
  --cc-btn-secondary-color:          var(--cc-primary-color);
  --cc-btn-secondary-border-color:   var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:       #d4dae0;
  --cc-btn-secondary-hover-color:    #000000;
  --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);

  /* ── Linkovi i toggle = brend primarna ───────────────────────────────────── */
  --cc-link-color:                   var(--cc-btn-primary-bg);
  --cc-toggle-on-bg:                 var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:                #667481;
  --cc-toggle-on-knob-bg:            #ffffff;
  --cc-toggle-off-knob-bg:           #ffffff;
  --cc-toggle-readonly-bg:           #d5dee2;
  --cc-toggle-readonly-knob-bg:      #ffffff;

  /* ── Blokovi kategorija ───────────────────────────────────────────────────── */
  --cc-cookie-category-block-bg:           #f0f4f7;
  --cc-cookie-category-block-border:       #f0f4f7;
  --cc-cookie-category-block-hover-bg:     #e9eff4;
  --cc-cookie-category-block-hover-border: #e9eff4;
  --cc-cookie-category-expanded-block-bg:  #e7eef3;
  --cc-cookie-category-expanded-block-hover-bg: #dfe7ee;

  /* ── Linije, footer, overlay ──────────────────────────────────────────────── */
  --cc-separator-border-color: #f1f3f5;
  --cc-footer-bg:              #f9fafb;
  --cc-footer-border-color:    #e9ecef;
  --cc-overlay-bg:             rgba(0, 0, 0, 0.65);
}