/* U-867 folyt. (2026-09-07): body.mx-mobile-mode is kell (l. 00-dom-segedek.js) --
   enélkül asztali böngésző-nagyításnál a menük teljes-képernyős, "← Vissza"
   fejlécű mobil-nézetbe váltottak, holott egérrel/hoverrel dolgozó a user. */
@media (max-width: 820px){
  body.mx-mobile-mode .mx-um-panel:not([hidden]){
    position:fixed!important; inset:0!important; left:0!important; top:0!important;
    width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important;
    border-radius:0!important; z-index:10060!important; padding:0!important; gap:0!important;
  }
  body.mx-mobile-mode .mx-um-panel > button,body.mx-mobile-mode .mx-um-panel > select,
  body.mx-mobile-mode .mx-um-panel > .mx-um-row > button,body.mx-mobile-mode .mx-um-panel > .mx-um-row > select{
    padding:.9rem .9rem!important; font-size:1rem!important; min-height:48px;
  }
  body.mx-mobile-mode .mx-um-cat{ padding:14px 14px 6px!important; font-size:.72rem!important; }
  body.mx-mobile-mode .mx-um-back{
    display:flex!important; align-items:center; gap:8px; width:100%; box-sizing:border-box;
    padding:.9rem 1rem!important; font-size:1rem!important; font-weight:600;
    background:var(--panel)!important; border:none!important; border-bottom:1px solid var(--border)!important;
    color:inherit; text-align:left; cursor:pointer; position:sticky; top:0; z-index:1;
  }
}
/* FONTOS (2026-09-07 felfedezve, FÜGGETLEN a fenti mx-mobile-mode javítástól):
   ez a "← Vissza" gomb ASZTALI, TELJES SZÉLESSÉGBEN IS látszott, bármilyen
   zoomtól/szélességtől függetlenül -- a 42-egyseges-menuk.css egy általános,
   !important-es szabálya (".mx-um-panel > button{display:flex!important;...}")
   a .mx-um-back-re is illeszkedik (mert az is a panel KÖZVETLEN gyereke), és
   nagyobb specificitású volt, mint az itteni sima ".mx-um-back{display:none}".
   Elem-szelektorral (button.mx-um-back) + !important-tel most már ez a
   szabály a magasabb specificitású, tehát nyer. */
body:not(.mx-mobile-mode) .mx-um-panel > button.mx-um-back{ display:none!important; }
