/* nav-mobil.css — menú de navegació plegat en mòbil (≤768px), compartit per
   totes les pàgines-app (v22.14). Es fa servir el mateix <nav class="app-nav">
   de cada pàgina (no es dupliquen enllaços): en mòbil s'amaga i el botó «···»
   (creat per nav-mobil.js) l'obre com a desplegable sota la capçalera.
   Selectors amb "header " al davant perquè guanyin al CSS propi de cada pàgina
   (que té .app-nav{display:grid…} dins del seu @media mòbil). */
.nm-btn{display:none}
@media(max-width:768px){
  header{position:sticky;top:0;z-index:100}
  header .header-h1,header .header-sep,header .logo-sub{display:none}
  header .logo{font-size:15px}
  header .hdr-right .lang-sw,header #auth-wrap{margin-left:0}
  header .app-nav{display:none}
  header .app-nav.nm-open{
    display:flex;flex-direction:column;gap:2px;
    position:absolute;top:calc(100% + 6px);right:10px;left:auto;width:auto;min-width:200px;
    order:0;padding:4px;background:#2a2520;border:1px solid #3a322a;border-radius:6px;
    box-shadow:0 4px 16px rgba(0,0,0,.35);z-index:300
  }
  header .app-nav.nm-open>*{
    grid-column:auto;display:flex;align-items:center;justify-content:flex-start;text-align:left;
    min-height:44px;padding:0 14px;font-size:12px;white-space:nowrap
  }
  header .nm-btn{
    display:flex;align-items:center;justify-content:center;order:20;margin-left:auto;
    background:#2a2520;border:none;color:#aaa;font-size:18px;font-weight:700;cursor:pointer;
    min-width:44px;min-height:36px;padding:0 8px;border-radius:4px;font-family:var(--mono);
    letter-spacing:2px;touch-action:manipulation
  }
  header .nm-btn[aria-expanded="true"]{color:#fff;background:var(--accent)}
  /* Pestanyes pròpies de la pàgina: enganxades just sota la capçalera */
  body .mob-tabs,body .eti-mob-tabs{top:var(--nm-h,0px)}
}