/* ============================================================ cookie-bar.css — cookie lišta ============================================================ */ /* ============================================================ COOKIE LIŠTA — HTML je ve footer.php, JS v assets/js/cookie-consent.js, nastavení pod Vzhled → Cookie lišta (functions.php). Styl "Klasický spodní pruh". ============================================================ */ /* Lišta je position:fixed přes spodek stránky — JS (cookie-consent.js) proto odsazuje o její skutečnou výšku, ať nezakrývá patičku. Tahle transition zajistí, že se odsazení mění plynule, ne skokem. */ body { transition: padding-bottom 0.3s ease; } .iq-cookie-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(5, 6, 8, 0.96); border-top: 1px solid var(--cyan-dim); box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4); padding: 16px 24px; font-family: 'Open Sans', sans-serif; transition: transform 0.3s ease, opacity 0.3s ease; } .iq-cookie-bar[hidden] { display: none; } .iq-cookie-bar--hide { transform: translateY(100%); opacity: 0; } /* Stejný princip jako .cp-content v patičce — obsah se nerozlévá přes celou šířku ultra širokých monitorů, ale drží se ve vycentrovaném pruhu. */ .iq-cookie-inner { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .iq-cookie-text { flex: 1; min-width: 220px; font-size: 0.88rem; color: rgba(255, 255, 255, 0.82); line-height: 1.5; } .iq-cookie-text strong { color: #fff; } .iq-cookie-text a { color: var(--cyan); text-decoration: none; border-bottom: 1px solid var(--cyan-dim); margin-left: 4px; } .iq-cookie-text a:hover { border-color: var(--cyan); } .iq-cookie-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .iq-cookie-btn { font-family: 'Teko', sans-serif; font-size: 1.05rem; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; border: none; transition: 0.25s ease; white-space: nowrap; padding: 9px 22px; } .iq-cookie-btn-primary { background: var(--cyan); color: #05131a; clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%); } .iq-cookie-btn-primary:hover { box-shadow: 0 0 18px var(--cyan-dim); } .iq-cookie-btn-outline { background: transparent; color: var(--text); border: 1px solid var(--border-glass); } .iq-cookie-btn-outline:hover { border-color: var(--cyan); color: var(--cyan); } @media (max-width: 640px) { .iq-cookie-inner { flex-direction: column; align-items: flex-start; } .iq-cookie-actions { width: 100%; } .iq-cookie-btn { flex: 1; text-align: center; } }