/* ===== SETTINGS: dropdown tylko z ikonki (nie z całego #menu_settings) ===== */

#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 */
#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 */
#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 */
@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: wyrównanie napisu “Koszyk” do reszty ===== */

#menu_basket{
  display:flex !important;
  align-items:center !important;
  gap:12px !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;
}

/* ===== LOGO: tylko .logo ma być widoczne i duże; .logo_right ukryj ===== */

/* Ukryj wersję prawą (logo_right) */
img.logo_right,
#menu_basket img.logo_right,
header img.logo_right{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  max-width:0 !important;
  max-height:0 !important;
}

/* Wymuś duże logo po lewej (img.logo) */
img.logo,
header img.logo,
#menu_basket img.logo,
#menu_basket a img.logo{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  width:auto !important;
  height:110px !important;     /* bazowo duże */
  max-width:none !important;
  max-height:none !important;
  flex-shrink:0 !important;
}

/* Rodzic nie może ściskać logo */
#menu_basket > a{
  display:flex !important;
  align-items:center !important;
  height:auto !important;
  line-height:normal !important;
}

/* Desktop – jeszcze większe */
@media (min-width:979px){
  img.logo,
  header img.logo,
  #menu_basket img.logo,
  #menu_basket a img.logo{
    height:140px !important;
  }

  #menu_basket{
    min-height:140px !important;
  }
}

/* LOGO: twarde nadpisanie wysokości */
header img.logo,
#menu_basket img.logo,
#menu_basket a > img.logo{
  height: 110px !important;
  width: auto !important;
  max-height: none !important; /* ważne jeśli szablon daje max-height:33px */
}

/* jeśli szablon ma osobne reguły dla sticky header */
header.--fixed img.logo,
header.fixed img.logo,
header.sticky img.logo{
  height: 110px !important;
  max-height: none !important;
}

/* rodzic nie może ściskać */
#menu_basket{
  min-height: 110px !important;
  overflow: visible !important;
}
#menu_basket > a{
  height: auto !important;
  line-height: normal !important;
}