/* cc-theme.css — CookieConsent tema usklađena sa DNK Lucky Home sajta. * * DNK izvor: assets/css/nekretnine.css — primarna boja je brand zlato .btn-gold * primarna #c9a84c (.btn-gold background, linkovi, akcenti) * primarna hover #b8952e (.btn-gold:hover) * tekst na dugmetu: #222 (TAMNI — WCAG AA, kontrast 9:1; sajt koristi belo ali to je ~2.2:1) * font: inherit (sajt koristi Manrope iz Google Fonts na ) */ #cc-main { /* ── Tipografija i geometrija ───────────────────────────────────────────── */ --cc-font-family: inherit; /* prati body font sajta (Manrope) */ --cc-modal-border-radius: 1rem; /* uz rounded-4 stil sajta */ --cc-btn-border-radius: 0.5rem; --cc-modal-transition-duration: 0.25s; --cc-z-index: 2147483647; /* ── Tijelo modala i tekst ─────────────────────────────────────────────── */ --cc-bg: #ffffff; --cc-primary-color: #222222; /* glavni tekst (sajt koristi tamno #222) */ --cc-secondary-color: #5e6266; /* prigušeni tekst */ /* ── Primarno dugme = BREND ZLATO ──────────────────────────────────────── */ --cc-btn-primary-bg: #c9a84c; /* << BREND PRIMARY (zlato) */ --cc-btn-primary-color: #222222; /* tamni tekst za WCAG kontrast */ --cc-btn-primary-border-color: var(--cc-btn-primary-bg); --cc-btn-primary-hover-bg: #b8952e; /* << zlato hover (sa sajta) */ --cc-btn-primary-hover-color: #222222; --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg); /* ── Sekundarno dugme (neutralno) ──────────────────────────────────────── */ --cc-btn-secondary-bg: #eef0f2; --cc-btn-secondary-color: var(--cc-primary-color); --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg); --cc-btn-secondary-hover-bg: #e0e3e6; --cc-btn-secondary-hover-color: #000000; --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg); /* ── Linkovi i toggle = brend zlato ────────────────────────────────────── */ --cc-link-color: #b8952e; /* tamnije zlato radi čitljivosti na bijeloj */ --cc-toggle-on-bg: #c9a84c; --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 u "Podešavanjima" ──────────────────────────────── */ --cc-cookie-category-block-bg: #f6f3ec; --cc-cookie-category-block-border: #f6f3ec; --cc-cookie-category-block-hover-bg: #f0ebdf; --cc-cookie-category-block-hover-border: #f0ebdf; --cc-cookie-category-expanded-block-bg: #efe9da; --cc-cookie-category-expanded-block-hover-bg: #e8e0cc; /* ── 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); }