/* 13/10/2026 — Barra del sito su mobile: fissa, compatta, si nasconde scorrendo verso il basso
   e torna scorrendo verso l'alto. Il sottomenu del prodotto le resta attaccato sotto e scorre
   in orizzontale. Non tocca il gestionale (body.menu-workspace). */
@media (max-width: 768px) {
  /* 23/10/2026: solo la barra (.qrg-barra). Prima valeva per ogni .container-100: nelle pagine che
     avvolgono tutto il contenuto in .container-100 (chatbot, WhatsApp Manager…) scorrendo verso il basso
     si spostava fuori schermo l'intera pagina e lo schermo diventava bianco. */
  body:not(.menu-workspace) .container-100.qrg-barra {
    position: sticky;
    top: 0;
    transition: transform .22s ease;
    will-change: transform;
  }
  body:not(.menu-workspace).qrg-header-nascosto .container-100.qrg-barra {
    transform: translateY(-100%);
  }
  body:not(.menu-workspace) .container-menu {
    min-height: 56px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  body:not(.menu-workspace) .container-logo img {
    width: 112px;
    height: auto;
  }

  /* sottomenu del prodotto: una riga che scorre, attaccata sotto la barra */
  body:not(.menu-workspace) .menu-digitale-subnav-wrap {
    position: sticky;
    top: var(--qrg-header-h, 57px);
    z-index: calc(var(--z-site-header, 500) - 2);
    padding: 6px 0;
    background: var(--colore-bianco, #fff);
    border-bottom: 1px solid #e5e7eb;
    transition: top .22s ease;
  }
  body:not(.menu-workspace).qrg-header-nascosto .menu-digitale-subnav-wrap {
    top: 0;
  }
  body:not(.menu-workspace) .menu-digitale-subnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  body:not(.menu-workspace) .menu-digitale-subnav::-webkit-scrollbar { display: none; }
  body:not(.menu-workspace) .menu-digitale-subnav__link {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }

  /* i link interni (#scarica-ordina…) non finiscono sotto le barre */
  html { scroll-padding-top: 120px; }
}

/* 13/10/2026 — Invito «Entra gratis» (pagina Ordina, solo telefono): un pannello in basso
   che compare UNA volta dopo il primo scorrimento della pagina e si chiude. Niente barra fissa. */
.qrg-invito { display: none; }
@media (max-width: 768px) {
  .qrg-invito {
    display: block;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2147483000; /* sopra cookie e chatbot, ma solo per pochi secondi e chiudibile */
    padding: 18px 18px 16px;
    border-radius: 18px;
    background: #1B1B1F;
    color: #fff;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .35);
    transform: translateY(130%);
    transition: transform .3s ease;
  }
  .qrg-invito.is-aperto { transform: translateY(0); }
  .qrg-invito__titolo { margin: 0 36px 6px 0; font-size: 1.15rem; font-weight: 800; line-height: 1.25; color: #fff; }
  .qrg-invito__testo { margin: 0 0 14px; font-size: .95rem; line-height: 1.45; color: #E4E4E7; }
  .qrg-invito__btn {
    display: flex; align-items: center; justify-content: center; min-height: 48px;
    border-radius: 12px; background: #D7372A; color: #fff !important; font-weight: 800;
    text-decoration: none;
  }
  .qrg-invito__chiudi {
    position: absolute; top: 8px; right: 8px; width: 44px; height: 44px;
    border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 26px; line-height: 1; cursor: pointer;
  }
}

/* 13/10/2026 — Sottomenu che scorre: frecce ai lati e sfumatura quando ci sono voci nascoste */
.qrg-subnav-freccia { display: none; }
@media (max-width: 768px) {
  body:not(.menu-workspace) .menu-digitale-subnav { scroll-behavior: smooth; }
  .qrg-subnav-freccia {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #fff;
    color: var(--color-primary, #1a62a8);
    box-shadow: 0 4px 12px rgba(17, 24, 39, .15);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .qrg-subnav-freccia--sx { left: 4px; }
  .qrg-subnav-freccia--dx { right: 4px; }
  .menu-digitale-subnav-wrap.qrg-scorre-sx .qrg-subnav-freccia--sx,
  .menu-digitale-subnav-wrap.qrg-scorre-dx .qrg-subnav-freccia--dx { display: inline-flex; }
  /* sfumatura sul lato dove ci sono altre voci */
  .menu-digitale-subnav-wrap.qrg-scorre-dx .menu-digitale-subnav {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 64px), transparent);
            mask-image: linear-gradient(to right, #000 calc(100% - 64px), transparent);
  }
  .menu-digitale-subnav-wrap.qrg-scorre-sx .menu-digitale-subnav {
    -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 64px), transparent);
            mask-image: linear-gradient(to left, #000 calc(100% - 64px), transparent);
  }
  .menu-digitale-subnav-wrap.qrg-scorre-sx.qrg-scorre-dx .menu-digitale-subnav {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent);
            mask-image: linear-gradient(to right, transparent, #000 64px, #000 calc(100% - 64px), transparent);
  }
}