/* ----------------------------------
   Úpravy nad rámec šablony POFO – jen pro tenhle web.
   Načítá se jako poslední, aby přebilo style.css i responsive.css.
   Do souborů šablony nezasahovat, ať jde knihovna kdykoli aktualizovat.
------------------------------------- */

/* --- Odznaky pod úvodem -------------------------------------------------
   Font Awesome má různě široké glyfy: váhy (fa-scale-balanced) jsou 640
   jednotek, postava i schránka jen 448. Ve stejné velikosti proto váhy
   opticky dominují. Sjednotíme šířku boxu a váhám ubereme na velikosti.   */
.trust-badge i {
    display: inline-block;
    width: 1.5em;              /* stejná šířka pro všechny → text začíná ve stejné vzdálenosti */
    text-align: center;
    font-size: 20px;
}
.trust-badge .fa-scale-balanced {
    font-size: 17px;           /* kompenzace širšího glyfu */
}

/* --- Wordmark loga EHSTICHY ---------------------------------------------
   Textové logo, ne obrázek – šablonové ".logo" počítá s <img> (max-height
   26px), na text se to nevztahuje. Bez vlastní velikosti by padlo na
   text-large (18px), na logo málo. */
.logo-wordmark {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.3px;
}
footer .logo-wordmark {
    font-size: 28px;
}

/* --- Mezera pod fixní hlavičkou na mobilu/tabletu ------------------------
   Nav je .navbar-fixed-top (position:fixed) a šablona nikde nekompenzuje
   jeho výšku marginem/paddingem na obsahu pod ním – na desktopu to schová
   přirozený prostor v hero sekci (cca 130px), ale pod 992px (kdy nastupuje
   hamburger menu) je ta mezera prakticky nulová. Se zvětšeným logem
   (.logo-wordmark) tak nadpis "Bezpečně. Legálně." zajížděl pod menu.
   Přidáváme bezpečnou rezervu jen tam, kde chybí. */
@media (max-width: 991px) {
    #uvod {
        padding-top: 90px;
    }
}