/* ==========================================================================
   POPRAWKA: MENU USTAWIENIA (Twoja oryginalna sekcja - bez zmian)
   ========================================================================== */
#menu_settings {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#menu_settings:hover form { display: none !important; }

#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;
}

#menu_settings .menu_settings__group.--settings:hover form,
#menu_settings .menu_settings__group.--settings:focus-within form {
    display: block !important;
}

#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;
}

#menu_settings #menu_additional .account_link,
#menu_settings #menu_additional .wishlist_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

@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: 200px !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; }
}

/* ==========================================================================
   POPRAWKA: KOSZYK (Twoja oryginalna sekcja - bez zmian)
   ========================================================================== */
#menu_basket {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
}

#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;
}

/* ==========================================================================
   POPRAWKA: LOGO (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 duża wysokość */
    }

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

/* 5. Sticky Header (gdy przewijasz stronę) */
/* Zazwyczaj chcemy, żeby logo było nieco mniejsze przy scrollowaniu */
header.sticky img.logo,
header.--fixed img.logo {
    height: 90px !important; 
    transition: height 0.3s ease;
}