/* ==========================================================================
   MENU USTAWIENIA (Twoja oryginalna sekcja)
   ========================================================================== */

#menu_settings {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Wyłącz standardowy hover na CAŁYM kontenerze */
#menu_settings:hover form { 
    display: none !important; 
}

/* Grupa ustawień jako osobny “hotspot” */
#menu_settings .menu_settings__group.--settings {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

#menu_settings .menu_settings__group.--settings form {
    display: none !important;
    margin: 0 !important;
}

/* Otwieranie dropdownu tylko z tej grupy */
#menu_settings .menu_settings__group.--settings:hover form,
#menu_settings .menu_settings__group.--settings:focus-within form {
    display: block !important;
}

/* Trigger (przycisk z globusem/flagą) */
#menu_settings .menu_settings__group.--settings .open_trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    line-height: 1 !important;
}

/* Wyrównanie linków Konto / Ulubione (podstawowe) */
#menu_settings #menu_additional .account_link,
#menu_settings #menu_additional .wishlist_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Dropdown desktop – tylko pozycjonowanie i wygląd */
@media (min-width:768px) {
    #menu_settings .menu_settings__group.--settings form {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        z-index: 9999 !important;
        min-width: 280px !important;
        background: #fff !important;
        border: 1px solid rgba(0,0,0,.12) !important;
        border-radius: 10px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
        padding: 12px 12px 6px !important;
    }

    #menu_settings { 
        gap: 8px !important; 
    }
}

/* ==========================================================================
   KOSZYK (Twoja oryginalna sekcja)
   ========================================================================== */

#menu_basket {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
}

/* Blok wewnątrz z ikoną i napisem "Koszyk" */
#menu_basket .topBasket__sub {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#menu_basket .topBasket__label {
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

/* ==========================================================================
   LOGO (Twoja zmodyfikowana sekcja)
   ========================================================================== */

/* 1. Ukryj niechciane wersje logo */
img.logo_right,
#menu_basket img.logo_right,
header img.logo_right,
.projector_logo_right { /* standardowa klasa idosell */
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 2. Odblokuj kontenery nadrzędne (To jest najczęściej powód małego logo) */
#logo, 
.logo_container, 
header .logo_wrapper,
#menu_basket > a.logo-link { /* Jeśli logo jest linkiem w koszyku */
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important; /* Nie pozwalaj ściskać kontenera */
    display: flex !important;
    align-items: center !important;
}

/* 3. Stylowanie samego obrazka - BAZA (Mobile i ogólne) */
img.logo,
header img.logo,
#menu_basket img.logo,
#logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    
    /* Ustawienia wielkości */
    height: 80px !important; /* Mniejsze na mobile, żeby nie rozwalić nagłówka */
    width: auto !important;  /* Auto zachowa proporcje */
    
    /* Reset ograniczeń */
    max-width: none !important;
    max-height: none !important;
    min-height: 0 !important;
    
    /* Zabezpieczenie przed spłaszczaniem */
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

/* 4. Stylowanie dla DESKTOPU (powyżej 979px) */
@media (min-width: 979px) {
    img.logo,
    header img.logo,
    #menu_basket img.logo,
    #logo img {
        height: 70px !important; /* Docelowa wysokość */
    }

    /* Jeśli logo jest w koszyku, musimy powiększyć też koszyk */
    #menu_basket {
        min-height: 140px !important;
    }
}

/* 5. Sticky Header (gdy przewijasz stronę) */
header.sticky img.logo,
header.--fixed img.logo {
    height: 90px !important; 
    transition: height 0.3s ease;
}

/* ==========================================================================
   DODATKOWA POPRAWKA: NAPIS "SETTINGS", FLAGA, TEKST "pl | zł"
   ========================================================================== */

/* Ukryj tekst "Settings" */
#menu_settings .menu_settings__group.--settings .open_trigger .settings_fallback {
    display: none !important;
}

/* Upewnij się, że flagi w triggerze są domyślnie widoczne */
#menu_settings .menu_settings__group.--settings .open_trigger .flag {
    display: inline-block !important;
}

/* Schowaj DRUGĄ flagę w triggerze:
   ... <i class="icon-angle-down d-none d-md-inline-block"></i>
       <span class="flag flag_pol"></span>   <-- tę chowamy */
#menu_settings .menu_settings__group.--settings .open_trigger
    .icon-angle-down.d-none.d-md-inline-block + .flag {
    display: none !important;
}

/* Schowaj zbędne "zł" przed tekstem "pl | zł"
   (to jest <span class="d-none d-md-inline-block">zł</span> w open_trigger) */
#menu_settings .menu_settings__group.--settings .open_trigger span.d-none.d-md-inline-block {
    display: none !important;
}

/* Delikatnie mniejsza przerwa po schowaniu tekstów */
#menu_settings .menu_settings__group.--settings .open_trigger {
    gap: 6px !important;
}

/* ==========================================================================
   WYRÓWNANIE TEKSTÓW: LOGOWANIE / ULUBIONE / KOSZYK
   ========================================================================== */

/* Kontener z dodatkowymi linkami: LOGOWANIE + ULUBIONE */
#menu_settings #menu_additional {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;          /* odstęp LOGOWANIE <-> ULUBIONE */
}

/* LOGOWANIE – link z ikoną i tekstem w jednej linii */
#menu_settings #menu_additional .account_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* ULUBIONE – jest wewnątrz .shopping_list_top */
#menu_settings #menu_additional .shopping_list_top {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;   /* baza dla dymka */
}

/* Sam link ULUBIONE – tak samo jak LOGOWANIE */
#menu_settings #menu_additional .shopping_list_top .wishlist_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Ikony SVG przy LOGOWANIE i ULUBIONE – bez dodatkowej wysokości */
#menu_settings #menu_additional .account_link svg,
#menu_settings #menu_additional .wishlist_link svg {
    flex-shrink: 0 !important;
    display: block !important;
}

/* Tekst KOSZYK – ten sam line-height i rozmiar co LOGOWANIE / ULUBIONE */
#menu_basket .topBasket__label {
    font-size: 14px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

/* Cały blok z koszykiem – ikona + napis */
#menu_basket .topBasket__sub {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Ikona koszyka (jeśli SVG) – też bez dodatkowej wysokości */
#menu_basket .topBasket__sub svg {
    flex-shrink: 0 !important;
    display: block !important;
}

/* RÓWNY ODSTĘP ULUBIONE <-> KOSZYK:
   taki sam jak LOGOWANIE <-> ULUBIONE (32px) */
#menu_basket {
    margin-left: 32px !important;
}

/* ==========================================================================
   ULUBIONE: DROPDOWN (.slt_lists) JAKO WARSTWA NAD NAGŁÓWKIEM
   ========================================================================== */

/* Sama ramka z listami życzeń – absolutnie nad nagłówkiem,
   tak aby jej wysokość NIE zmieniała położenia ULUBIONE / LOGOWANIE / KOSZYK */
#menu_settings #menu_additional .shopping_list_top .slt_lists {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    z-index: 9999 !important;

    min-width: 260px !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
    padding: 12px 16px !important;
}