/* =====================================================================
   AREA CLIENTE (account/account.php): layout desktop
   Attivo solo da 992px e solo su body.acc-d. Mobile invariato.
   Menu dell'area a sinistra, contenuti a destra (grazie a order-md-2).
   ===================================================================== */
@media (min-width: 992px) {
  .acc-d { --acc-line: #e6e8eb; --acc-soft: #f6f7f8; --acc-navy: #102d45; }

  .acc-d .header.account { padding: 48px 0 72px; }
  .acc-d .header.account > .container { max-width: 1140px; padding: 0 24px !important; }
  .acc-d .header.account > .container > .row { align-items: flex-start; flex-wrap: nowrap; column-gap: 40px; margin: 0; }
  .acc-d .header.account .col-md-8 { flex: 1 1 auto; max-width: none; width: auto; padding: 0; }
  .acc-d .header.account .col-md-4 { flex: 0 0 280px; max-width: 280px; padding: 0 !important; }

  /* menu laterale dell'area cliente */
  .acc-d .acc-nav { position: sticky; top: 150px; }
  .acc-d .acc-nav h2 { font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #6b7680; margin: 0 0 12px !important; }
  .acc-d .acc-nav .user-menu { padding: 0; border: 1px solid var(--acc-line); }
  .acc-d .acc-nav .user-menu .nav-link { padding: 14px 20px; font-size: .9rem; letter-spacing: .04em; transition: background-color .15s ease, color .15s ease; }
  .acc-d .acc-nav .user-menu .nav-item:last-child .nav-link { border-bottom: 0; color: #b3261e; }
  .acc-d .acc-nav .user-menu .nav-link:hover { background: var(--acc-soft); color: var(--acc-navy); }

  /* saluto */
  .acc-d .user-info { padding: 0 0 28px !important; border-bottom: 1px solid var(--acc-line); margin-bottom: 28px; }
  .acc-d .user-info h1 { font-size: 2.2rem !important; margin-bottom: 8px; }
  .acc-d .user-info .text-md-center { text-align: left !important; margin-top: 20px !important; }

  /* amici presentati: immagine a sinistra, link a destra */
  .acc-d .friends { display: grid; grid-template-columns: 280px 1fr; grid-template-rows: auto 1fr; border: 1px solid var(--acc-line); }
  .acc-d .friends .yellow { grid-column: 1 / -1; padding: 16px 24px !important; align-items: center; }
  .acc-d .friends .yellow h2 { margin: 0; font-size: 1.2rem; }
  .acc-d .friends > img { grid-column: 1; width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
  .acc-d .friends .gray { grid-column: 2; display: flex; flex-direction: column; justify-content: center; padding: 24px 32px !important; }
  .acc-d .friends .gray #bt_link { margin: 16px 0 0 !important; align-self: flex-start; }

  /* credito */
  .acc-d .userCredit { margin-top: 28px; padding: 18px 24px !important; }
  .acc-d .userCredit + div p { padding: 12px 0 0 !important; color: #55626c; }
}
@media (min-width: 992px) {
  .acc-d .header.account .acc-nav { padding-top: 0 !important; padding-bottom: 0 !important; }
}

/* =====================================================================
   PAGINE INTERNE DELL'AREA CLIENTE (body.acc-page): layout desktop
   dati personali, indirizzi, ordini, ordine, resi, reso, invita amici,
   wishlist, modifica profilo/password/indirizzo, la tua consulente
   ===================================================================== */
@media (min-width: 992px) {
  .acc-page { --acc-line: #e6e8eb; --acc-soft: #f6f7f8; --acc-navy: #102d45; }

  /* colonna di contenuto centrata e leggibile */
  .acc-page main > .container, .acc-page section > .container,
  .acc-page section.header.account > .user-info, .acc-page section.header.account > .friends {
    max-width: 880px; margin-left: auto; margin-right: auto;
  }
  .acc-page section.header { padding-top: 40px !important; }
  .acc-page section.header h1 { font-size: 1.6rem; margin-bottom: 4px; }
  .acc-page section.header h1 a { color: var(--acc-navy); text-decoration: none; }
  .acc-page section.header h1 .arrow-sx { width: 22px; margin-right: 8px; vertical-align: -3px; }
  .acc-page section:last-of-type { padding-bottom: 72px !important; }

  /* pulsanti: larghezza naturale */
  .acc-page section .btn.w-100, .acc-page section button.w-100 { width: auto !important; min-width: 260px; padding-left: 36px; padding-right: 36px; }

  /* dati personali: blocchi con icona */
  .acc-page .order-details .icon-dati { max-width: 56px; }

  /* indirizzi: schede su due colonne */
  .acc-page .indirizzi-box > .container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .acc-page .indirizzi-box > .container > .row { margin: 0; }
  .acc-page .indirizzi-box .col-12 { padding: 0; }
  .acc-page .indirizzi-box .border-wrap { height: 100%; }

  /* ordini e resi: elenco in colonna, righe più compatte */
  .acc-page .orders-loop .month, .acc-page .order-details .mouth { margin-top: 32px; }
  .acc-page .order-details .mod-link { flex: 0 0 100%; max-width: 100%; padding: 0; }
  .acc-page .alert-return, .acc-page .alert-return2 { max-width: none; }

  /* resi vuoti: icona contenuta */
  .acc-page .resi-box .noresi-icon { max-width: 160px; margin: 24px auto; display: block; }
  .acc-page .resi-box .select-resi { max-width: 320px; }

  /* invita amici: come nella pagina account */
  .acc-page section.header.account > .user-info { padding: 8px 0 24px !important; }
  .acc-page section.header.account .user-info .text-md-center { text-align: left !important; }
  .acc-page .friends { display: grid; grid-template-columns: 280px 1fr; border: 1px solid var(--acc-line); margin-bottom: 72px !important; }
  .acc-page .friends .yellow { grid-column: 1 / -1; padding: 16px 24px !important; align-items: center; }
  .acc-page .friends .yellow h2 { margin: 0; font-size: 1.2rem; }
  .acc-page .friends > img { grid-column: 1; width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
  .acc-page .friends .gray { grid-column: 2; display: flex; flex-direction: column; justify-content: center; padding: 24px 32px !important; }
  .acc-page .friends .gray #bt_link { margin: 16px 0 0 !important; align-self: flex-start; }

  /* moduli (modifica profilo, password, indirizzi): campi di larghezza leggibile */
  .acc-page form { max-width: 640px; }
}
@media (min-width: 992px) {
  /* pulsanti a bordo (Modifica, Aggiungi indirizzo): larghezza naturale */
  .acc-page .outline-btn, .acc-page a.btn.w-100.outline-btn { width: auto !important; display: inline-flex; align-items: center; gap: 8px; padding: 10px 28px; }
  .acc-page .border-wrap .outline-btn { width: auto !important; }
  /* resi: elementi in colonna, centrati */
  .acc-page .resi-box .row.mb-4 { flex-direction: column; align-items: center; }
  .acc-page .resi-box .select-resi { width: 320px !important; height: auto !important; align-self: flex-start; }
}