/* cookie-css-doplnek.css v2 — lišta souhlasu, panel nastavení a modal zásad na VŠECH stránkách.
   Základ (dřív jen inline v index.php/en.php) je tu zopakovaný, aby lišta fungovala i na podstránkách (menu, skupiny,
   poukazy); na index/en jsou pravidla shodná s inline, takže se nic nemění. */
.modal-overlay, .cookie-settings { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 10000; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; }
.modal-content { background: #1a1d27; border: 1px solid rgba(155, 157, 183, 0.2); border-radius: 12px; padding: 30px 35px; max-width: 650px; width: 100%; max-height: 85vh; overflow-y: auto; position: relative; color: #e2e4ea; box-sizing: border-box; }
.modal-content h2 { font-size: 20px; margin-bottom: 20px; color: #00cfff; }
.modal-content p { font-size: 13px; line-height: 1.7; color: #9b9db7; }
.modal-content a { color: #00cfff; }
.modal-close { position: absolute; top: 12px; right: 16px; background: none; border: none; color: #9b9db7; font-size: 28px; cursor: pointer; line-height: 1; padding: 4px 8px; transition: color 0.2s; }
.modal-close:hover { color: #ff02ff; }
.cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(26, 29, 39, 0.97); backdrop-filter: blur(10px); border-top: 1px solid rgba(155, 157, 183, 0.15); padding: 15px 25px; z-index: 9998; display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }
.cookie-text { font-size: 13px; color: #9b9db7; max-width: 600px; }
.cookie-text a { color: #00cfff; }
.cookie-btn { font-size: 12px; font-weight: bold; text-transform: uppercase; border: rgba(0, 0, 0, 0.25) 1px solid; border-radius: 4px; padding: 8px 20px !important; white-space: nowrap; cursor: pointer; }
@media (max-width: 480px) { .modal-content { padding: 20px; } }
.cookie-banner { flex-direction: column; align-items: stretch; gap: 12px; }
.cookie-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.cookie-btn-ghost { background: transparent; color: #9b9db7; border: 1px solid rgba(155, 157, 183, .4) !important; }
.cookie-btn-ghost:hover { color: #fff; border-color: #fff !important; }
@media (min-width: 768px) {
  .cookie-banner { flex-direction: row; align-items: center; justify-content: space-between; }
  .cookie-text { max-width: 640px; }
}
.cookie-settings-content { max-width: 560px; }
.cookie-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid rgba(155, 157, 183, .2); cursor: pointer; }
.cookie-row input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; }
.cookie-row.is-locked { opacity: .75; cursor: default; }
.cookie-row-text small { color: #9b9db7; line-height: 1.5; }
.cookie-settings-more { margin: 12px 0; font-size: 13px; }
.cookie-settings .cookie-actions { margin-top: 16px; }