/* ============================================================
   Ski & Cyklo centrum — ikona porovnávače v hlavičce (v4)
   Doplněk Porovnávač (dkLab) polohuje ikonu v mobilní
   hlavičce fixně (překrývala ikony a jela se skrolováním).
   v4: ikona se kotví přímo k obalu košíku
   (.navigation-buttons), takže sdílí jeho svislý střed —
   sedí ve stejné výšce jako košík, hned nalevo od něj
   (tj. napravo od lupy). Čistě CSS. Desktop se nemění.

   Ladění: hodnota v right určuje mezeru mezi ikonou
   a košíkem — větší číslo = dál od košíku (blíž k lupě).
   ============================================================ */

@media (max-width: 991.98px) {

    /* Kotva: obal košíku v hlavičce. Overflow musí být
       visible — ikona sedí VLEVO MIMO tento box a při
       overflow:hidden by ji obal ořízl (= neviditelná) */
    .header-top .navigation-buttons {
        position: relative;
        overflow: visible !important;
    }

    /* Obal ikony — nalevo od košíku, svisle na jeho středu.
       Vzdálenost od košíku: větší px = blíž ke středu/lupě */
    #dkLabComparerHeaderWrappper {
        position: absolute !important;
        right: calc(100% + 24px) !important;
        left: auto !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        z-index: 5;
    }

    /* Samotná ikona — zákaz vlastního fixního polohování
       doplňku; relative kvůli počítadlu položek */
    #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        margin: 0 !important;
        transform: none !important;
        display: inline-flex;
        align-items: center;
    }
}