/**
 * COFIS CZ Cookies - stránka nastavení soukromí + tabulka cookies (shortcode)
 *
 * Od 1.8.4 samostatný soubor: tyto styly potřebuje jen stránka nastavení
 * a stránky se shortcodem [cofisczcookies_table] (1-2 URL na shop) — v
 * globálním front.css by byly render-blocking váhou na každé stránce.
 * Načítá se v CofisczcookiesSettingsModuleFrontController::setMedia() a
 * <link> tagem vloženým spolu s tabulkou v hookActionOutputHTMLBefore.
 * Základ (.cofiscz-btn, přepínače) zůstává ve front.css.
 *
 * @author COFIS CZ (www.cofis.cz)
 * @copyright 2026 COFIS CZ, s.r.o.
 * @license Proprietary
 */

/* ---------- Stránka nastavení soukromí (balíček 2, redesign 1.6.4) ----------
   Renderuje se v theme layoutu (světlé pozadí). Kategorie = karty, akce
   zrcadlí druhou vrstvu pop-upu (2 tlačítka), zásady jsou odkaz v úvodu. */
.cofiscz-settings-page {
    max-width: 860px;
}

.cofiscz-settings-saved {
    padding: 14px 18px;
    margin-bottom: 20px;
    background: #f0fdf4;
    border: 1px solid #15803d;
    border-radius: 10px;
    color: #15803d;
    font-weight: 600;
}

.cofiscz-settings-intro {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 1.6;
}

.cofiscz-settings-intro a {
    color: inherit;
    text-decoration: underline;
}

.cofiscz-settings-category {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    background: #ffffff;
}

.cofiscz-settings-category-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.cofiscz-settings-category-head h2 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
}

.cofiscz-settings-always {
    font-weight: 600;
    font-size: 13px;
    color: #15803d;
    white-space: nowrap;
}

.cofiscz-settings-category-desc {
    margin: 6px 0 0;
    font-size: 14px;
    opacity: 0.8;
}

.cofiscz-settings-table {
    width: 100%;
    margin-top: 14px;
    border-collapse: collapse;
    font-size: 13px;
}

/* Sdílená typografie obou tabulek (vnější + vnořená cookies) — rozdíl je
   jen v paddingu buněk níže. */
.cofiscz-settings-table th,
.cofiscz-settings-cookies-table th {
    padding: 8px 10px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.cofiscz-settings-table td,
.cofiscz-settings-cookies-table td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.cofiscz-settings-table td {
    padding: 10px;
}

.cofiscz-settings-cookies-table td {
    padding: 8px 10px;
}

.cofiscz-settings-table tr:last-child td,
.cofiscz-settings-cookies-table tr:last-child td {
    border-bottom: 0;
}

/* Kořen tabulky (stránka nastavení i shortcode). Shortcode se vkládá do
   CMS obsahu, kde zástupka snadno skončí uvnitř podtrženého/odkazového
   textu z WYSIWYG — text-decoration předka se propisuje do všech inline
   potomků a NEJDE vypnout descendantem. Atomický inline-block kontejner
   propagaci utne; podtržené pak je jen to, co podtrhneme sami (odkazy). */
.cofiscz-cookie-table {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

/* Odkaz na zásady partnera — musí VYPADAT jako odkaz i v šablonách, které
   potlačují podtržení, a dlouhé URL se smí zalomit. */
.cofiscz-settings-policy {
    font-size: 12px;
    text-decoration: underline !important;
    word-break: break-all;
    color: inherit;
    opacity: 0.8;
}

/* Plochá statická tabulka (1.9.1): název služby = odkaz na zásady partnera. */
.cofiscz-settings-service {
    color: inherit;
    text-decoration: underline !important;
    white-space: nowrap;
}

.cofiscz-settings-table-wrap {
    overflow-x: auto;
}

/* Rozklik „X cookies" — tlačítko stylované jako odkaz se šipkou. */
.cofiscz-settings-cookies-toggle {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

.cofiscz-settings-cookies-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.cofiscz-settings-cookies-toggle::before {
    content: "\25B8\00A0"; /* ▸ */
}

.cofiscz-settings-cookies-toggle.cofiscz-open::before {
    content: "\25BE\00A0"; /* ▾ */
}

/* Rozbalená tabulka cookies partnera přes celou šíři. */
.cofiscz-settings-cookies-row > td {
    padding: 0 0 14px;
    background: rgba(0, 0, 0, 0.02);
}

.cofiscz-settings-cookies-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: 0;
}

/* Dvě tlačítka jako v pop-upu: Povolit vše + Potvrdit můj výběr. */
.cofiscz-settings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 16px;
}

.cofiscz-settings-actions .cofiscz-btn {
    flex: 1 1 0;
    text-align: center;
    padding: 14px 18px;
    font-size: 14px;
}

/* Přepínače na světlé stránce potřebují viditelnou "off" barvu. */
.cofiscz-settings-page .cofiscz-switch-track {
    --cofiscz-toggle-off: #cbd5e1;
}

/* Naskládání akcí na užších displejích (1.10.2): stránka má přepínače,
   primární je „Potvrdit můj výběr" — stejná logika jako 2. vrstva lišty. */
@media (max-width: 767px) {
    .cofiscz-settings-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cofiscz-settings-actions .cofiscz-btn-save {
        order: -1;
    }
}