/* ==========================================================================
   Drobnosti k přístupnosti – úvodní stránka a Nabídka pro firmy

   Do hlavního style.css se nesahá schválně, tyhle úpravy patří jen ke dvěma
   stránkám a mají tam být vidět pohromadě.
   ========================================================================== */

/* ---- Nadpis kroku v „Jak spolupráce probíhá" ----
   Značka se změnila z h4 na h3 (mezi h2 sekce a nadpisem kroku nesmí chybět
   úroveň). Vzhled zůstává stejný jako u původního h4, aby se na stránce nic
   viditelně nezměnilo. */
.fm-timeline__nadpis {
    font-size: 1.08rem;
    line-height: 1.3;
    margin: 0 0 0.4rem;
}

/* ---- Tečky pod sliderem ----
   Tečky měly 10 × 10 px, což je na prst málo – doporučuje se aspoň 24 px.
   Tlačítko se proto zvětší na 24 × 24 px, ale samotná tečka se kreslí až
   v ::before, takže zůstává malá. Zvětší se jen plocha, na kterou jde
   klepnout.

   Neaktivní tečka je poloprůhledná šedá s bílým lemem – šedá je vidět na
   světlé fotce, lem na tmavé. Původní řešení mělo jen bílý lem a na světlých
   slidech tečky prakticky zmizely.

   Pravidlo musí zmínit i .is-active, jinak by barvu tlačítka přebilo
   .photo-slider__dots button.is-active ze style.css a aktivní tečka by
   se roztáhla přes celou zvětšenou plochu. */
.photo-slider__dots button,
.photo-slider__dots button.is-active {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.photo-slider__dots button::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(23, 24, 28, 0.35);
    border: 1.5px solid rgba(255, 255, 255, 0.85);
}

.photo-slider__dots button.is-active::before {
    background: var(--accent);
    border-color: var(--accent);
}

/* Tlačítka jsou teď širší než tečka v nich, rozestup se proto zmenší –
   jinak by se tečky od sebe opticky odtáhly. */
.photo-slider__dots {
    gap: 2px;
}