/* ============================================================
   Ski & Cyklo centrum — GLOBÁLNÍ ÚPRAVY (sloučený soubor, v1)
   Hlavička a horní lišta — platí na celém webu.

   Obsah (v tomto pořadí):
   1) horní lišta — menu (původně na konci payment-tiles-11.css)
   2) hlavicka-porovnavac-11 — pozice ikony porovnávače na mobilu
   3) top-lista-kontakty-1   — telefon + e-mail v horní liště
   ============================================================ */


/* ############################################################
   1) HORNÍ LIŠTA — menu (položky, trigger, šířky)
   (původně samostatný soubor: payment-tiles-11.css (koncový blok))
   ############################################################ */

/* --- Pravidla k horní liště (bez <style> obalu – v CSS souboru nesmí být) --- */
@media only screen and (min-width:1200px){
  .top-navigation-bar-menu li.cropped { display:inline-block !important; }
  .top-menu-trigger-visible .top-navigation-menu-trigger { display:none !important; }
}

.top-navigation-bar .container > div { flex:1 1 70%; }
.top-navigation-bar .container > div:last-child,
.top-navigation-bar .container > div:first-child { flex-basis:7%; }


/* ############################################################
   2) IKONA POROVNÁVAČE V MOBILNÍ HLAVIČCE
   (původně samostatný soubor: hlavicka-porovnavac-11.css)
   ############################################################ */

/* ============================================================
   Ski & Cyklo centrum — ikona porovnávače v mobilní hlavičce
   (v6 — finální, podle skutečného CSS doplňku dkLab)

   Doplněk Porovnávač polohuje ikonu na mobilu (do 767 px)
   absolutně a v šabloně Classic jí dává right: 102–148 px,
   což na našem webu koliduje s lupou vyhledávání. Svislá
   pozice i chování při skrolování (ikona se schová spolu
   s hlavičkou) jsou od doplňku správně — NEPŘEPISUJEME je.
   Měníme JEDINÉ: vodorovnou pozici, aby ikona seděla
   v mezeře mezi lupou a košíkem.

   Ladění: hodnota right = vzdálenost od pravého okraje.
   Lupa sedí zhruba na 107 px, košík na ~90 px — mezera
   mezi nimi je na ikonu moc těsná, proto ikona sedí NALEVO
   od lupy ve volném prostoru. Menší číslo = blíž k lupě,
   větší = blíž ke středu/logu. Hýbej po ~10 px.
   ============================================================ */

@media (max-width: 767px) {
    body.template-11 #dkLabComparerHeaderWrappper,
    body.template-11.dklabFavHeader #dkLabComparerHeaderWrappper,
    body.template-11.mobile-header-version-1 #dkLabComparerHeaderWrappper,
    body.template-11.mobile-header-version-1.dklabFavHeader #dkLabComparerHeaderWrappper {
        right: 170px !important;
    }

    /* Svislé dorovnání do linky s lupou a košíkem.
       Větší číslo = níž, menší = výš. */
    body.template-11 #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn {
        top: 6px !important;
    }
}


/* ############################################################
   3) HORNÍ LIŠTA — telefon + e-mail
   (původně samostatný soubor: top-lista-kontakty-1.css)
   ############################################################ */

/* ============================================================
   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;
    }
}