/*  Generated: 2026-10-15 13:45:57 */
/* ============================================================
   Design system — porovnání produktů (Phase 99, vlastník 14. 10. 2026, „takhle" podle náhledu). Jen nový desktop:
   načítá se s $dsPorovnani (@layout.latte, designSystem.desktopCompare); telefon a tablet zůstávají postaru.
   Šablona Porovnani/default.latte zůstává (v novém vzhledu jen tlačítko přes dsBtn a bez inline šířky buněk) — tady
   restyl legacy tabulky .parametry.compare. Mechanika zamrzlého sloupce názvů parametrů (absolutní pozice + odsazení
   .inner o 250 px, výšky řádků srovnává skript šablony) zůstává beze změny, proto se šířky nemění.

   Legacy pravidla míří na .parametry.compare a .table_compare — každý selektor proto začíná html.ds-porovnani
   a vyhrává specificitou.
   ============================================================ */

html.ds-porovnani h1 {
    margin: 20px 0 16px;
    color: var(--ds-text-primary);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
}

/* ---------- buňky: bez mřížky čar, jemný pruh u sudých řádků */
html.ds-porovnani .parametry.compare th,
html.ds-porovnani .parametry.compare td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--ds-divider);
    background: var(--ds-surface);
    color: var(--ds-text-primary);
    font-size: 15px;
    line-height: 1.4;
    vertical-align: middle;
}
html.ds-porovnani .parametry.compare tr.rowA td {
    background: var(--ds-gallery-bg);
}
html.ds-porovnani .parametry.compare th.first {
    border-top: 0;
}
html.ds-porovnani .parametry.compare .space {
    padding: 0;
    border-bottom: 0;
    background: transparent;
}

/* ---------- zamrzlý sloupec názvů parametrů */
html.ds-porovnani .parametry.compare .parametry_nazev {
    background: var(--ds-surface-muted);
    font-weight: 600;
    text-align: left;
}
html.ds-porovnani .parametry.compare th.fixed.first {
    display: flex;            /* buňka je absolutně umístěná (zamrzlý sloupec) — vertical-align na ni nepůsobí */
    align-items: flex-end;
    gap: 6px;
    background: var(--ds-surface);
}
html.ds-porovnani .parametry.compare th.fixed.first label {
    color: var(--ds-text-primary);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
html.ds-porovnani #view-diff-btn {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0 0 1px;
    accent-color: var(--ds-action-primary-bg);
}

/* ---------- hlavička produktu: foto, název, cena, tlačítko, odebrat */
html.ds-porovnani .parametry.compare th.first:not(.fixed) {
    padding: 16px;
    vertical-align: top;
    text-align: left;
}
html.ds-porovnani .parametry.compare th.first img {
    display: block;
    width: 160px;
    max-width: 100%;
    height: 160px;
    padding: 8px;
    border-radius: var(--ds-radius-card);
    background: var(--ds-gallery-bg);
    object-fit: contain;
}
html.ds-porovnani .parametry.compare th.first h3 {
    min-height: calc(4 * 1.35 * 15px);   /* název nejvýš na 4 řádky — ceny a tlačítka všech produktů v jedné výšce */
    margin: 12px 0 6px;
    text-align: left;
}
html.ds-porovnani .parametry.compare th.first h3 a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 0;
    color: var(--ds-text-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}
html.ds-porovnani .parametry.compare th.first h3 a:hover {
    color: var(--ds-text-primary);   /* iOS drží :hover po ťuknutí */
    text-decoration: underline;
}
html.ds-porovnani .parametry.compare th.first .centeredContent {
    text-align: left;
}
html.ds-porovnani .parametry.compare th.first .nase-cena {
    margin: 6px 0 10px;
    color: var(--ds-text-primary);
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}
html.ds-porovnani .parametry.compare th.first button {
    margin-top: 0;
}
html.ds-porovnani .parametry.compare th.first .compare-remove {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    border: 1px solid var(--ds-outline-soft);
    border-radius: var(--ds-radius-pill);
    background: var(--ds-surface);
    color: var(--ds-text-secondary);
    font-size: 14px;
    text-decoration: none;
}
html.ds-porovnani .parametry.compare th.first .compare-remove:hover {
    border-color: var(--ds-text-primary);
    color: var(--ds-text-primary);
}