/* Ohlasy na homepage — blok `ohlasy` (tpl/homepage.php). Předloha: sections/Testimonials.tsx.
 * Karusel ovládá js/uvod.js (šipky, tažení myší, klávesy); formulář odešle ohlas ke schválení (ohlas.php). */

.ohlasy { padding: 6rem 0; background: var(--c-grafit); color: var(--c-papir); }
.ohlasy__obal { max-width: var(--sirka); margin: 0 auto; padding: 0 var(--okraj); }
.ohlasy__hlava { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem; }
.ohlasy__rukopis { display: inline-block; font-size: 2rem; transform: rotate(-2deg); }
.ohlasy__nadpis { max-width: 20ch; margin: 0.75rem 0 0; font-size: 2.25rem; font-weight: 700; line-height: 1.12; }
.ohlasy__nadpis span { color: var(--c-sampan); }
.ohlasy__prumer {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0 0;
    padding: 0.5rem 1rem;
    border: 1px solid color-mix(in oklab, var(--c-sampan) 40%, transparent);
    border-radius: var(--r-pilulka);
    color: var(--c-sampan);
    font-size: 0.82rem;
    font-weight: 500;
}
.ohlasy__hvezdy { display: inline-flex; gap: 0.25rem; }
.ohlasy__hvezdy .ikona { width: 1rem; height: 1rem; fill: var(--c-sampan); color: var(--c-sampan); }
.ohlasy__ovladani { display: flex; align-items: center; gap: 0.5rem; }
.ohlasy__napoveda { display: none; margin-right: 0.5rem; color: color-mix(in oklab, var(--c-sampan) 80%, transparent); font-size: 1.5rem; }
.ohlasy__sipka {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid color-mix(in oklab, var(--c-sampan) 45%, transparent);
    border-radius: 50%;
    background: transparent;
    color: var(--c-sampan);
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.ohlasy__sipka:hover { background: color-mix(in oklab, var(--c-sampan) 10%, transparent); }
.ohlasy__sipka:disabled { border-color: color-mix(in oklab, var(--c-papir) 10%, transparent); color: color-mix(in oklab, var(--c-papir) 25%, transparent); cursor: not-allowed; background: none; }
.ohlasy__sipka[hidden] { display: none; }
.ohlasy__pas { margin-top: 2.5rem; padding: 2rem 0; border-block: 1px solid color-mix(in oklab, var(--c-papir) 10%, transparent); }
.ohlasy__seznam {
    display: flex;
    gap: 1.25rem;
    padding: 0 var(--okraj) 0.75rem;
    overflow-x: auto;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 2rem, #000 calc(100% - 2rem), transparent);
    mask-image: linear-gradient(to right, transparent, #000 2rem, #000 calc(100% - 2rem), transparent);
}
.ohlasy__seznam::-webkit-scrollbar { display: none; }
.ohlasy__seznam--tah { cursor: grabbing; }
.ohlasy__ohlas {
    display: flex;
    flex-direction: column;
    flex: none;
    width: 78vw;
    padding-left: 1.5rem;
    border-left: 1px solid color-mix(in oklab, var(--c-sampan) 20%, transparent);
}
.ohlasy__ohlas-hlava { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.ohlasy__cislo { color: color-mix(in oklab, var(--c-sampan) 50%, transparent); font-size: 1.3rem; }
.ohlasy__citat { margin: 1.25rem 0 0; font-size: 1.1rem; font-weight: 700; line-height: 1.35; letter-spacing: -0.01em; }
.ohlasy__text { margin: 0.75rem 0 0; color: color-mix(in oklab, var(--c-papir) 65%, transparent); font-size: 0.92rem; line-height: 1.65; }
.ohlasy__jmeno { margin: 1.5rem 0 0; color: var(--c-sampan); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.ohlasy__role { margin: 0; color: color-mix(in oklab, var(--c-papir) 45%, transparent); font-size: 0.78rem; }

.ohlasy__text--hlavni { color: var(--c-papir); font-size: 1rem; }

/* Formulář ohlasu — kompaktní karta (přání zadavatele 2026-10-07); po odeslání poděkování. */
.ohlasy__formular {
    max-width: 40rem;
    margin: 3rem auto 0;
    padding: 1.25rem;
    border: 1px solid color-mix(in oklab, var(--c-papir) 15%, transparent);
    border-radius: var(--r-velky);
    background: color-mix(in oklab, var(--c-papir) 5%, transparent);
}
.ohlasy__formular-obsah { display: grid; gap: 0.75rem; }
.ohlasy__formular-obsah[hidden] { display: none; }
.ohlasy__formular-hlava { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; }
.ohlasy__formular-nadpis { margin: 0; font-size: 1.25rem; font-weight: 700; }
.ohlasy__formular-uvod { margin: 0; color: color-mix(in oklab, var(--c-papir) 70%, transparent); font-size: 0.88rem; line-height: 1.55; }
.ohlasy__hodnoceni { display: flex; align-items: center; gap: 0.125rem; margin: 0; padding: 0; border: 0; }
.ohlasy__hvezda { padding: 0.125rem; cursor: pointer; transition: transform 0.2s ease; }
.ohlasy__hvezda:hover { transform: scale(1.1); }
.ohlasy__hvezda .ikona { width: 1.375rem; height: 1.375rem; color: color-mix(in oklab, var(--c-papir) 25%, transparent); }
.ohlasy__hvezda--plna .ikona { color: var(--c-sampan); fill: var(--c-sampan); }
.ohlasy__hvezda:has(input:focus-visible) { outline: 2px solid var(--c-sampan); outline-offset: 2px; }
.ohlasy__radek { display: flex; flex-direction: column; gap: 0.75rem; }
.ohlasy__vstup {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid color-mix(in oklab, var(--c-papir) 20%, transparent);
    border-radius: 0.75rem;
    background: transparent;
    color: var(--c-papir);
    font: inherit;
    font-size: 0.95rem;
}
textarea.ohlasy__vstup { resize: vertical; min-height: 5.5rem; }
.ohlasy__vstup::placeholder { color: color-mix(in oklab, var(--c-papir) 40%, transparent); }
.ohlasy__vstup:focus { border-color: color-mix(in oklab, var(--c-sampan) 60%, transparent); outline: none; }
.ohlasy__formular .tlacitko { min-height: 2.75rem; padding-block: 0.5rem; white-space: nowrap; }
.ohlasy__formular .tlacitko:disabled { background: color-mix(in oklab, var(--c-sampan) 30%, transparent); box-shadow: none; }
.ohlasy__sipka-rukou { font-family: var(--font-rukopis); font-size: 1.5rem; line-height: 1; }
.ohlasy__chyba { margin: 0; color: color-mix(in oklab, var(--c-chyba) 45%, var(--c-papir)); font-size: 0.85rem; }   /* zesvětlená na tmavém pozadí */
.ohlasy__chyba[hidden] { display: none; }
.ohlasy__poznamka { margin: 0; color: color-mix(in oklab, var(--c-papir) 50%, transparent); font-size: 0.78rem; }
/* lapače robotů — člověk je nevidí (antispam jako kontaktní formulář) */
.ohlasy__past { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ohlasy__dekujeme { display: grid; justify-items: center; gap: 0.625rem; padding: 1rem 0; text-align: center; outline: none; }
.ohlasy__dekujeme[hidden] { display: none; }
.ohlasy__dekujeme-znak {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--c-sampan);
    color: var(--c-cerna-hluboka);
}
.ohlasy__dekujeme-znak .ikona { width: 1.5rem; height: 1.5rem; stroke-width: 2.5; }
.ohlasy__vyzva { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid color-mix(in oklab, var(--c-papir) 10%, transparent); text-align: center; }
.ohlasy__vyzva-nadpis { margin: 0; font-size: 1.5rem; font-weight: 600; }
.ohlasy__vyzva-tlacitko { margin-top: 1.25rem; border-color: color-mix(in oklab, var(--c-sampan) 50%, transparent); color: var(--c-sampan); }

@media (min-width: 640px) {
    .ohlasy__napoveda { display: inline; }
    .ohlasy__ohlas { width: 300px; }
}
@media (min-width: 768px) {
    .ohlasy { padding: 7rem 0; }
    .ohlasy__nadpis { font-size: 3.4rem; }
    .ohlasy__pas { padding: 2.5rem 0; }
    .ohlasy__formular { padding: 1.5rem 1.75rem; }
    .ohlasy__radek { flex-direction: row; }
    .ohlasy__vyzva-nadpis { font-size: 1.9rem; }
}
@media (min-width: 1024px) {
    .ohlasy__ohlas { width: 340px; }
}