/* ============================================================
   Versione cellulare — parti comuni a tutte le pagine.

   Si carica SOLO sugli schermi stretti, grazie all'attributo media del
   <link> nelle pagine:
     media="(max-width: 760px), (pointer: coarse) and (max-height: 500px)"
   (telefono in verticale, o in orizzontale). Sul desktop il browser non lo
   applica: la versione desktop resta quella di sempre.
   Le regole per le singole pagine stanno in Index/mobile.css,
   product/mobile.css, ordini/mobile.css, vinted/mobile.css,
   scontrino-manuale/mobile.css.
   ============================================================ */

html { -webkit-text-size-adjust: 100%; }

/* Elementi creati solo per il telefono (navbar.css li nasconde sul desktop) */
.solo-mobile { display: block; }

/* ── Barra in alto: menù a tendina + azioni della pagina, una riga ── */
.navbar {
    position: sticky;
    top: 0;
    z-index: 900;
    gap: 6px;
    padding: 4px 6px;
    flex-wrap: nowrap;
}
.navbar [data-navbar-links] a { display: none; }
.navbar [data-navbar-links] { flex: 0 1 auto; min-width: 0; }
.navbar-menu-mobile {
    max-width: 52vw;
    padding: 6px 26px 6px 10px;
    border: 1px solid #4CAF50;
    border-radius: 6px;
    background: #4CAF50 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat right 9px center;
    color: #fff;
    font: 600 14px/1.2 Arial, sans-serif;
    -webkit-appearance: none;
    appearance: none;
}
.navbar-menu-mobile option { background: #fff; color: #111; font-weight: 400; }
/* Azioni della pagina (secondo blocco): a destra, compatte */
.navbar > div:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    gap: 6px;
}
/* Utente + Esci: sul telefono "Esci" è nel menù a tendina */
.navbar [data-navbar-user] { display: none; }

/* ── Schede trasformate in tendina (mobile.js) ── */
.tendina-schede {
    padding: 6px 26px 6px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") no-repeat right 9px center;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #111827;
    -webkit-appearance: none;
    appearance: none;
    min-width: 0;
    max-width: 100%;
}