/* * cookies.css – lišta souhlasu s cookies (Google Analytics / GA4). * Samostatný soubor, načítaný přímo v každé stránky vedle main.css * (viz cookies.js pro logiku zobrazování/ukládání souhlasu). */ .cookie-banner { position: fixed; inset-inline: 0; bottom: 0; z-index: 1000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background-color: var(--color-bg-900); color: var(--color-cream-2); border-top: 1px solid rgba(247, 243, 234, 0.15); box-shadow: 0 -8px 28px rgba(3, 26, 32, 0.4); /* Skrytá pod dolním okrajem obrazovky, dokud jí cookies.js nepřidá .cookie-banner--visible (podle stavu v localStorage, nebo po kliknutí na "Nastavení cookies" v patičce). */ transform: translateY(110%); transition: transform 0.35s ease; } .cookie-banner--visible { transform: translateY(0); } .cookie-banner__text { flex: 1 1 340px; margin: 0; font-size: 0.9rem; line-height: 1.55; } .cookie-banner__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); } /* Tlačítka lišty jsou schválně jen zmenšená varianta stávajících .btn tříd (viz components.css) – lišta tak barevně i tvarově sedí ke zbytku webu, aniž by bylo nutné styl tlačítek duplikovat. */ .cookie-banner .btn { padding: 0.65rem 1.5rem; font-size: 0.85rem; } @media (max-width: 620px) { .cookie-banner { justify-content: stretch; text-align: center; } .cookie-banner__actions { width: 100%; justify-content: center; } } @media (prefers-reduced-motion: reduce) { .cookie-banner { transition: none; } }