/* Hotové kombinace — blok `kombinace` (tpl/kombinace.php) uvnitř sekce Dárková balení.
 * Návrh z Lovable je nemá; karty jsou ve stylu karet dárkových balení (Bundles.tsx):
 * papírová karta s linkou, tmavé tlačítko, rozpis cen z class/Kombinace.php.
 * Shrnutí po vložení je blok `vlozeno` v css/17-prekryvy.css.
 */

.kombinace { margin-top: 3.5rem; }
.kombinace__nadpis { margin: 0; color: var(--fg-normal); font-size: 1.75rem; font-weight: 700; line-height: 1.2; }
.kombinace__veta { max-width: 56ch; margin: 0.75rem 0 0; color: var(--fg-muted); font-size: 1rem; line-height: 1.6; }
.kombinace__mrizka { display: grid; gap: 1.5rem; margin-top: 2rem; }
.kombinace__karta {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid var(--c-linka);
    background: var(--c-papir);
    transition: border-color 0.3s ease;
}
.kombinace__karta--vkosiku { border-color: var(--c-cerna); }
.kombinace__pocet { margin: 0; color: var(--c-cerna-mekka); font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.kombinace__nazev { margin: 0.375rem 0 0; color: var(--fg-normal); font-size: 1.3rem; font-weight: 700; line-height: 1.25; }
.kombinace__popis { margin: 0.5rem 0 0; color: var(--fg-muted); font-size: 0.92rem; line-height: 1.5; }
.kombinace__lahve {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    height: 7rem;
    margin-top: 1.25rem;
    padding: 0.5rem;
    overflow-x: auto;
    background: var(--c-papir-tmavsi);
}
.kombinace__lahev { flex: none; height: 100%; }
.kombinace__lahev img { width: auto; height: 100%; mix-blend-mode: multiply; }
.kombinace__lahev--doplnek { height: 60%; }
.kombinace__rozpis {
    display: grid;
    gap: 0.625rem;
    margin: 1.25rem 0 0;
    padding: 1rem 0 0;
    border-top: 1px solid var(--c-linka);
    list-style: none;
    font-size: 0.85rem;
}
.kombinace__rozpis { margin-bottom: 1rem; }
.kombinace__radek { display: grid; grid-template-columns: 1fr auto; gap: 0 1rem; }
.kombinace__co { color: var(--fg-normal); font-weight: 600; }
.kombinace__kc { color: var(--fg-normal); font-weight: 600; white-space: nowrap; text-align: right; }
.kombinace__ks,
.kombinace__min { grid-column: 1 / -1; color: var(--fg-muted); font-size: 0.78rem; }
.kombinace__celkem {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;           /* součet a tlačítko na stejné výšce ve všech kartách */
    padding-top: 1rem;
    border-top: 1px solid var(--c-linka);
    color: var(--fg-muted);
    font-size: 0.85rem;
}
.kombinace__celkem b { color: var(--c-cerna); font-size: 1.4rem; font-weight: 700; }
.kombinace__zalahev { margin: 0.25rem 0 0; color: var(--fg-muted); font-size: 0.78rem; text-align: right; }
.kombinace__vlozit { margin-top: 1.25rem; min-height: 3rem; }
.kombinace__karta--vkosiku .kombinace__vlozit { background: var(--c-sampan); color: var(--c-cerna-hluboka); }
.kombinace__upravy { margin: 0.75rem 0 0; color: var(--fg-muted); font-size: 0.78rem; line-height: 1.5; }
.kombinace__dokosiku { color: var(--c-cerna); font-weight: 600; }

@media (min-width: 1024px) {
    .kombinace__mrizka { grid-template-columns: repeat(3, 1fr); }
}