/* A felső menü javítása (Tomi kérése, 2026-11-03). A hiba: asztali szélességen a 258×100-as logó és a nyolc menüpont nem fért egy sorba,
   a menü két sorra tört, a kereső-ikon kiesett a fejléc alá, a lenyíló takarta a második sort, és a fejléc a tartalomra lógott.
   A menü tartalma nem változik, csak a méretek. */
@media (min-width: 981px) {
  #logo { height: 64px !important; max-height: 64px !important; width: auto !important; max-width: none !important; }
  .et_fixed_nav #main-header { min-height: 0; }
}
@media (min-width: 1280px) {
  #et-top-navigation { padding-left: 190px !important; }
  #top-menu { white-space: nowrap; }
  #top-menu > li { padding-right: 16px; }
  #top-menu > li > a { font-size: 15px !important; }
  #top-menu > li.menu-item-has-children > a { padding-right: 16px; }
  #top-menu > li > ul { white-space: normal; }
  #top-menu > li:nth-last-child(-n+2) > ul { left: auto; right: 0; }
  #et_top_search { margin-left: 6px !important; }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  #top-menu > li { padding-right: 12px; }
  #top-menu > li > a { font-size: 14px !important; }
  #et-top-navigation { padding-left: 176px !important; }
}
@media (min-width: 1500px) {
  #top-menu > li { padding-right: 22px; }
  #top-menu > li > a { font-size: 16px !important; }
}
/* A lenyíló szélesebb, a hosszabb pontok sem törnek két sorba */
@media (min-width: 1280px) {
  #top-menu li ul { width: 320px; }
  #top-menu li li a { width: 270px; }
}
/* 981–1279 px között nem fér ki egy sorban: a mobil menü jelenik meg (ugyanazokkal a pontokkal) */
@media (min-width: 981px) and (max-width: 1279px) {
  #top-menu-nav { display: none !important; }
  #et_mobile_nav_menu { display: block !important; }
  #et-top-navigation { padding-left: 0 !important; margin-right: 0; float: right; padding-top: 28px !important; }
  #et_top_search { float: right; margin: 3px 0 0 22px; }
  .et_mobile_menu { top: 83px; }
}
/* Telefonon és táblagépen a kosár eddig nem volt elérhető a felső sávból. A sáv magassága nem változik. */
@media (max-width: 980px) {
  #top-header { position: relative; }
  #top-header .container { position: static; }
  #et-secondary-menu { display: block !important; position: absolute; right: 8px; top: 4px; float: none; width: auto; }
  #et-secondary-menu .et-cart-info { color: #fff; padding: 0; display: inline-block; font-size: 12px; }
  #et-secondary-menu .et-cart-info span { font-size: 12px; }
}
