/* Vložená data */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,400;0,600;0,900;1,200;1,400;1,600;1,900&display=swap');

/* Blokace posuvu stránky při otevřeném nastavení */
html.cookies-lock, html.cookies-lock body { overflow: hidden;}

/* Vlastní vrstva / ve výchozím stavu skrytá, zobrazuje ji script.js */
#cookies { display: none; font-family: 'Nunito Sans', sans-serif; text-align: left;}
#cookies.cookies-open { display: block;}

/* ---------- Základní lišta ---------- */
.cookies-lista { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9000; background: #171c2c; border-top: 2px solid #D8233C; box-shadow: 0 -10px 40px rgba(0,0,0,.35); transform: translateY(100%); transition: transform .35s ease-in-out;}
#cookies.cookies-open .cookies-lista { transform: translateY(0);}
#cookies.cookies-lista-skryta .cookies-lista { transform: translateY(100%);}

.cookies-lista-obsah { width: auto; max-width: 1160px; margin: 0 auto; padding: 30px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px;}

.cookies-text { flex: 1 1 460px;}
.cookies-nadpis { margin: 0 0 8px 0; font-size: 22px; font-weight: 900; color: #fff; letter-spacing: 1px;}
#cookies p { margin: 0 0 10px 0; font-size: 15px; font-weight: 200; line-height: 1.55; color: rgba(255,255,255,.75);}
#cookies p:last-child { margin: 0;}
#cookies a { color: #fff; font-weight: 600; text-decoration: underline; transition: all 0.35s ease-in-out;}
#cookies a:hover { color: #D8233C;}

/* Tlačítka / souhlas a odmítnutí mají shodnou velikost i váhu */
.cookies-tlacitka { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end;}
.cookies-btn { width: 175px; height: 46px; margin: 0; padding: 0 10px; font-family: 'Nunito Sans', sans-serif; font-size: 15px; font-weight: 900; letter-spacing: 1px; text-align: center; cursor: pointer; border-radius: 23px; transition: all 0.35s ease-in-out;}
.cookies-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px;}

.cookies-btn-ano { color: #fff; background: #D8233C; border: 1px solid #D8233C;}
.cookies-btn-ano:hover { color: #D8233C; background: #fff; border: 1px solid #fff;}
.cookies-btn-ne { color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.55);}
.cookies-btn-ne:hover { color: #171c2c; background: #fff; border: 1px solid #fff;}
.cookies-btn-vlastni { width: 100%; height: 34px; color: rgba(255,255,255,.6); background: none; border: none; text-decoration: underline; font-size: 14px; font-weight: 600;}
.cookies-btn-vlastni:hover { color: #fff;}

/* ---------- Podrobné nastavení ---------- */
.cookies-zaves { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9010; opacity: 0; visibility: hidden; background: rgba(0,0,0,.8); transition: opacity .35s ease-in-out, visibility .35s ease-in-out;}
#cookies.cookies-panel-open .cookies-zaves { opacity: 1; visibility: visible;}

.cookies-panel { width: calc(100% - 40px); max-width: 720px; max-height: 84vh; position: fixed; top: 50%; left: 50%; z-index: 9020; overflow-y: auto; background: #171c2c; border-top: 2px solid #D8233C; opacity: 0; visibility: hidden; transform: translate(-50%, -46%); transition: opacity .35s ease-in-out, visibility .35s ease-in-out, transform .35s ease-in-out;}
#cookies.cookies-panel-open .cookies-panel { opacity: 1; visibility: visible; transform: translate(-50%, -50%);}

.cookies-panel-obsah { padding: 30px;}
.cookies-panel-nadpis { margin: 0 0 10px 0; font-size: 26px; font-weight: 900; color: #fff; letter-spacing: 1px;}

/* Jednotlivé kategorie */
.cookies-kategorie { margin: 20px 0 0 0; padding: 18px 0 0 0; border-top: 1px solid rgba(255,255,255,.12);}
.cookies-kategorie-hlavicka { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 6px 0;}
.cookies-kategorie-nazev { font-size: 18px; font-weight: 900; color: #fff;}
.cookies-kategorie-stav { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.4);}

/* Přepínač */
.cookies-prepinac { width: 52px; height: 28px; position: relative; flex: 0 0 auto; display: block;}
.cookies-prepinac input { width: 52px; height: 28px; position: absolute; top: 0; left: 0; margin: 0; opacity: 0; cursor: pointer; z-index: 2;}
.cookies-prepinac input:disabled { cursor: not-allowed;}
.cookies-prepinac-kolejnice { width: 52px; height: 28px; display: block; border-radius: 14px; background: rgba(255,255,255,.15); transition: all 0.35s ease-in-out;}
.cookies-prepinac-kolejnice:before { content: ''; width: 22px; height: 22px; position: absolute; top: 3px; left: 3px; border-radius: 50%; background: #fff; transition: all 0.35s ease-in-out;}
.cookies-prepinac input:checked + .cookies-prepinac-kolejnice { background: #D8233C;}
.cookies-prepinac input:checked + .cookies-prepinac-kolejnice:before { left: 27px;}
.cookies-prepinac input:disabled + .cookies-prepinac-kolejnice { background: rgba(216,35,60,.4);}
.cookies-prepinac input:focus-visible + .cookies-prepinac-kolejnice { outline: 2px solid #fff; outline-offset: 3px;}

/* Tlačítka nastavení */
.cookies-panel-tlacitka { margin: 26px 0 0 0; display: flex; flex-wrap: wrap; gap: 10px;}
.cookies-panel-tlacitka .cookies-btn { flex: 1 1 160px; width: auto;}
.cookies-panel-info { margin: 18px 0 0 0; font-size: 13px;}

/* ---------- Odkaz na zásady a znovuotevření nastavení ---------- */
.cookies-odkaz { font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 600; text-decoration: underline; transition: all 0.35s ease-in-out;}
a.cookies-odkaz { color: rgba(255,255,255,.4);}
a.cookies-odkaz:hover { color: #fff;}
/* V navigaci na světlém podkladu */
.navicontent a.cookies-odkaz { color: rgba(23,28,44,.5);}
.navicontent a.cookies-odkaz:hover { color: #D8233C;}

/* Umístění v patičce / kopíruje rozvržení #bottom-face */
.cookies-patka { width: 300px; height: 20px; position: absolute; margin: 72px 0 0 25px; font-size: 14px; color: rgba(255,255,255,.25);}
.cookies-patka-delic { margin: 0 6px;}

/* ---------- Stránka se zásadami cookies ---------- */
.cookies-zasady h2 { margin: 0 0 10px 0; font-size: 26px; font-weight: 900; color: #171c2c;}
.cookies-zasady .classic-txt-seznam { margin: 0 0 6px 0; font-weight: 200;}
a.cookies-odkaz-obsah { color: #D8233C; font-weight: 800; text-decoration: none; transition: all 0.35s ease-in-out;}
a.cookies-odkaz-obsah:hover { color: #D8233C; text-decoration: underline;}

/* Přehled používaných cookies */
.cookies-tabulka-pozice { width: 100%; overflow-x: auto;}
.cookies-tabulka { width: 100%; border-collapse: collapse; font-size: 15px; font-weight: 200; text-align: left;}
.cookies-tabulka th { padding: 10px 12px; font-size: 14px; font-weight: 900; letter-spacing: 1px; color: #fff; background: #171c2c; border-right: 1px solid rgba(255,255,255,.1); white-space: nowrap;}
.cookies-tabulka th:last-child { border-right: none;}
.cookies-tabulka td { padding: 10px 12px; vertical-align: top; border-bottom: 1px solid rgba(23,28,44,.12);}
.cookies-tabulka td:first-child { font-weight: 600; color: #D8233C; white-space: nowrap;}
.cookies-tabulka tr:hover td { background: rgba(216,35,60,.06);}

/* Rozhraní pro tablety */
@media screen and (max-width: 1099px) {
    .cookies-lista-obsah { padding: 25px 20px; gap: 20px;}
    .cookies-nadpis { font-size: 20px;}
    .cookies-zasady h2 { font-size: 24px;}
    .cookies-tabulka { min-width: 640px;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 676px) {
    .cookies-patka { width: 400px; height: 18px; margin: 45px 0 0 30px; text-align: center;}
    .cookies-odkaz { font-size: 13px;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    .cookies-patka { width: 310px; height: 16px; margin: 45px 0 0 0; text-align: center;}
    .cookies-odkaz { font-size: 12px;}
}

/* Rozhraní pro smartphone + mobil */
@media screen and (max-width: 767px) {
    .cookies-lista { max-height: 88vh; overflow-y: auto;}
    .cookies-lista-obsah { padding: 20px 15px; gap: 15px;}
    .cookies-nadpis { font-size: 18px;}
    #cookies p { font-size: 14px;}

    .cookies-tlacitka { width: 100%; justify-content: stretch;}
    .cookies-btn { flex: 1 1 130px; width: auto; height: 44px; font-size: 14px;}

    .cookies-panel { width: calc(100% - 20px); max-height: 88vh;}
    .cookies-panel-obsah { padding: 20px 15px;}
    .cookies-panel-nadpis { font-size: 22px;}
    .cookies-kategorie-nazev { font-size: 16px;}

    .cookies-zasady h2 { font-size: 20px;}
    .cookies-tabulka { font-size: 13px;}
    .cookies-tabulka th, .cookies-tabulka td { padding: 8px 10px;}
}

/* Omezené animace dle nastavení systému */
@media (prefers-reduced-motion: reduce) {
    .cookies-lista, .cookies-panel, .cookies-zaves, .cookies-btn, .cookies-prepinac-kolejnice, .cookies-prepinac-kolejnice:before { transition-duration: .1s;}
}