/* EasyCookieConsent — tema kroz CSS varijable biblioteke. --ecc-* varijable ispisuje Frontend::theme_style() iz appearance.* postavki (wp_add_inline_style, prije advanced.custom_css). Ovdje su na njih naslonjene --cc-* varijable koje čita sama biblioteka, uvijek s fallbackom — banner mora ispravno izgledati i kad --ecc-* iz bilo kojeg razloga nije ispisan. */ #cc-main { --cc-font-family: inherit; --cc-bg: var( --ecc-background-color, #ffffff ); --cc-primary-color: var( --ecc-text-color, #1f2933 ); --cc-secondary-color: #52606d; --cc-btn-primary-bg: var( --ecc-primary-color, #1a6fb4 ); --cc-btn-primary-color: #ffffff; --cc-btn-primary-hover-bg: #155a93; --cc-btn-secondary-bg: #eef2f6; --cc-btn-secondary-color: #1f2933; --cc-btn-secondary-hover-bg: #dde5ed; --cc-separator-border-color: #e4e7eb; --cc-modal-border-radius: var( --ecc-border-radius, 8px ); --cc-btn-border-radius: var( --ecc-border-radius, 6px ); --cc-z-index: 99999; } @media ( prefers-color-scheme: dark ) { #cc-main { --cc-bg: var( --ecc-background-color, #1f2933 ); --cc-primary-color: var( --ecc-text-color, #f5f7fa ); --cc-secondary-color: #cbd2d9; --cc-btn-secondary-bg: #323f4b; --cc-btn-secondary-color: #f5f7fa; --cc-btn-secondary-hover-bg: #3e4c59; --cc-separator-border-color: #3e4c59; } } /* Blokirani ugrađeni sadržaj — imena atributa moraju odgovarati onima koje Pure\Html_Rewriter::rewrite_iframes() piše u markup (Task 12): data-ecc-src, data-ecc-service, data-ecc-placeholder. Crtanje gumba/teksta radi JS sloj (Task 14); ovdje je samo vizualni okvir prije i poslije odblokiravanja. */ iframe[data-ecc-placeholder] { display: block; min-height: 200px; border: 1px dashed var(--ecc-placeholder-border, #cbd2d9); background: var(--ecc-placeholder-bg, #f5f7fa); } .ecc-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; padding: 2rem 1rem; min-height: 200px; text-align: center; border: 1px dashed #cbd2d9; border-radius: 8px; background: #f5f7fa; color: #1f2933; font-family: inherit; } .ecc-placeholder__text { margin: 0; max-width: 34em; line-height: 1.5; } .ecc-placeholder__button { padding: 0.6rem 1.2rem; border: 0; border-radius: 6px; background: #1a6fb4; color: #fff; font: inherit; cursor: pointer; } .ecc-placeholder__button:hover { background: #155a93; } .ecc-placeholder__button:focus-visible { outline: 2px solid #1a6fb4; outline-offset: 2px; } @media ( prefers-color-scheme: dark ) { .ecc-placeholder { border-color: #3e4c59; background: #232f3b; color: #f5f7fa; } } /* Plutajući gumb "Promijeni privolu" (public/Settings_Button.php) — trajan put do preference modala. z-index ispod #cc-main (--cc-z-index: 99999 postavljen gore), iznad uobičajenog sadržaja stranice. */ .ecc-settings-btn { position: fixed; bottom: 1rem; z-index: 9999; display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding: 0; border: 0; border-radius: 50%; background: var( --ecc-primary-color, #1a6fb4 ); color: #fff; cursor: pointer; box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.25 ); } .ecc-settings-btn:hover { filter: brightness( 0.9 ); } .ecc-settings-btn:focus-visible { outline: 2px solid var( --ecc-primary-color, #1a6fb4 ); outline-offset: 2px; } .ecc-settings-btn__icon { width: 1.5rem; height: 1.5rem; } .ecc-settings-btn--bottom-left { left: 1rem; } .ecc-settings-btn--bottom-right { right: 1rem; } /* * Gumb se ne smije preklapati s bannerom dok posjetitelj nije donio prvu * odluku (Task specifikacija). Rješenje je čisti CSS, ne JS: vendorirana * biblioteka (public/js/cookieconsent.umd.js — ne diramo je) sama dodaje * klasu show--consent na dok je modal prve odluke otvoren, i * show--preferences dok je otvoren preference modal — isti signal koji * biblioteka već koristi interno za vlastite tranzicije. Oslanjanje na taj * postojeći signal je pouzdanije od dupliciranja te logike u našem JS-u * (nema race conditiona s trenutkom kad se modal stvarno pojavi/nestane) i * radi i kad JS iz bilo kojeg razloga ne učita. */ html.show--consent .ecc-settings-btn, html.show--preferences .ecc-settings-btn { display: none; } /* [ecc_settings_link] (public/Shortcode.php) — vizualno poveznica, tehnički