/* ============================================================
   Ski & Cyklo centrum — horní lišta: telefon + e-mail
   Oprava rozhozeného zobrazení kontaktů v .top-navigation-bar.
   Výchozí varianta: telefon a e-mail VEDLE SEBE na jednom
   řádku. Varianta POD SEBOU je zakomentovaná níže.
   ============================================================ */

/* Nadpis „Zákaznická podpora:" nezobrazovat */
.top-navigation-bar .top-navigation-contacts > strong,
.top-navigation-bar .top-navigation-contacts > b,
.top-navigation-bar .top-navigation-contacts .customer-support {
    display: none !important;
}

/* Kontaktní blok jako jeden vodorovný řádek */
.top-navigation-bar .top-navigation-contacts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 18px;
}

/* Jednotlivé položky (telefon, e-mail) — ikona a text
   drží pohromadě na jednom řádku */
.top-navigation-bar .top-navigation-contacts > a,
.top-navigation-bar .top-navigation-contacts > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin: 0;
    float: none;
}

/* Ikony (ať jsou řešené jako <img>, svg nebo ::before)
   zarovnat na střed textu */
.top-navigation-bar .top-navigation-contacts img,
.top-navigation-bar .top-navigation-contacts svg {
    display: inline-block;
    vertical-align: middle;
    flex: 0 0 auto;
}

/* ------------------------------------------------------------
   VARIANTA POD SEBOU — pokud chceš telefon na prvním
   a e-mail na druhém řádku, odkomentuj tento blok
   (přebije flex-wrap výše):

.top-navigation-bar .top-navigation-contacts {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
   ------------------------------------------------------------ */

/* Na mobilu nechat zalamování povolené, aby se lišta
   nerozjížděla do šířky */
@media (max-width: 767px) {
    .top-navigation-bar .top-navigation-contacts > a,
    .top-navigation-bar .top-navigation-contacts > span {
        white-space: normal;
    }
}