/* ============================================================
   L'Aura by PennyElle — tema wellness (Doc verde 17/07)
   Caricato DOPO app.css solo nel layout aura: sovrascrive gli
   accenti corallo con il Verde Salvia e la filigrana naturale.
   Tinta: Salvia classica #6E8F77 — scelta di Laura (Doc rosso 25/07).
   ============================================================ */

body.aura{
  --corallo:      #6E8F77;
  --corallo-cupo: #55755F;
  --corallo-velo: rgba(110,143,119,.10);
  --salvia-velo-pieno: #EEF3EE;
}

/* filigrana naturale al posto dei capi intimo */
body.aura::before{ background-image:url('../assets/filigrana-aura.svg'); }

/* le ombre/cuciture corallo hardcoded diventano salvia */
body.aura .btn-pieno{ box-shadow:0 10px 24px -12px rgba(85,117,95,.75); }
body.aura .cucitura::before,
body.aura .cucitura::after{ border-top-color:rgba(85,117,95,.45); }
body.aura .link-angolo{ border-color:rgba(85,117,95,.5); }

/* ---- header L'Aura ---- */
.aura-brand{ display:flex; align-items:baseline; gap:.55rem; text-decoration:none; }
.aura-brand .nome{ font-family:var(--script); font-size:1.9rem; color:var(--corallo-cupo); line-height:1; }
.aura-brand .by{ font-family:var(--sans); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--inchiostro); }
.aura-rientro{ font-size:.8rem; color:var(--inchiostro); text-decoration:none; border-bottom:1px dotted var(--tortora); }
.aura-rientro:hover{ color:var(--corallo-cupo); border-color:var(--corallo-cupo); }

/* logo ufficiale L'Aura come titolo hero (file Laura 25/07) */
.aura-logo-h1{ margin:.2rem 0 .8rem; }
.aura-logo-h1 img{ width:min(420px, 78vw); height:auto; display:inline-block; }

/* ---- hero home ---- */
.aura-hero{
  position:relative;
  min-height:68vh; /* 23/08 Laura: foto piu' grandi */
  display:grid; align-items:center; justify-items:center;
  overflow:hidden;
  background:var(--salvia-velo-pieno);
}
.aura-hero img.sfondo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:1; } /* 23/08; 07/09 foto vera di Laura: piena */
.aura-hero .scheda{
  position:relative; z-index:1;
  background:rgba(253,251,246,.92);
  border:1px solid rgba(28,27,26,.08);
  border-radius:22px;
  padding:2.4rem 2.8rem;
  max-width:640px; margin-inline:1rem;
  text-align:center;
  box-shadow:0 18px 50px rgba(28,27,26,.10);
}

/* ---- doppia porta d'ingresso ---- */
.aura-porte{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; }
@media (max-width:760px){ .aura-porte{ grid-template-columns:1fr; } }
.aura-porta{
  background:var(--carta);
  border:1.5px solid rgba(28,27,26,.10);
  border-radius:18px;
  padding:2rem 1.8rem;
  text-align:center;
  display:grid; gap: .8rem; justify-items:center;
  transition:transform .25s ease, box-shadow .25s ease;
}
.aura-porta:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(28,27,26,.09); }
.btn.btn-tortora{ background:var(--tortora); color:#fff; border-color:var(--tortora); }
.btn.btn-tortora:hover{ background:#a4937f; border-color:#a4937f; }

/* ---- griglia prodotti ---- */
.aura-prodotti{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
@media (max-width:960px){ .aura-prodotti{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .aura-prodotti{ grid-template-columns:1fr; } }
.aura-card{
  background:var(--carta);
  border:1.5px solid rgba(28,27,26,.10);
  border-radius:18px;
  overflow:hidden;
  display:flex; flex-direction:column;
  position:relative;
}
.aura-card.consigliato{ border-color:var(--corallo); grid-column:1 / -1; }
@media (min-width:961px){
  .aura-card.consigliato{ flex-direction:row; }
  .aura-card.consigliato .aura-foto{ width:46%; aspect-ratio:auto; }
}
.aura-card .fascia-consigliato{
  position:absolute; top:14px; left:-8px; z-index:2;
  background:var(--corallo-cupo); color:#fff;
  font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  padding:.4rem .9rem; border-radius:0 999px 999px 0;
}
.aura-foto{ aspect-ratio:4/3; flex:none; background:var(--panna-scura); position:relative; overflow:hidden; } /* 23/08 Laura: foto piu' grandi */
.aura-foto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aura-foto .badge-demo{
  position:absolute; right:8px; bottom:8px; top:auto; left:auto;
  font-family:var(--sans); font-size:.62rem; letter-spacing:.1em; text-transform:uppercase;
  background:rgba(253,251,246,.85); color:#8d7f71;
  padding:.15rem .5rem; border-radius:999px;
}
.aura-foto.segnaposto{
  display:grid; place-items:center;
  border-bottom:1.5px dashed var(--tortora);
  color:#8d7f71; font-family:var(--sans); font-size:.8rem;
}
.aura-card .corpo{ padding:1.1rem 1.2rem 1.3rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.aura-card h3{ margin:0; font-size:1.25rem; }
/* testo per intero, senza puntini: richiesta Laura 25/07 (le card non si aprono al clic) */
.aura-card .descr{ font-size:.88rem; }
/* foto del completo nella scelta consigliata (home) */
.aura-consigliato-foto{
  position:relative;
  max-width:480px; margin:1.2rem auto;
  aspect-ratio:4/3; border-radius:18px; overflow:hidden;
  background:var(--panna-scura);
  box-shadow:0 16px 40px -18px rgba(28,27,26,.35);
}
.aura-consigliato-foto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* guida taglie */
.aura-guida-taglie{ max-width:640px; margin:2.6rem auto 0; }
.aura-guida-taglie .tabella-scroll{ overflow-x:auto; }
.aura-guida-taglie table{
  width:100%; border-collapse:collapse;
  background:var(--carta);
  border:1.5px solid rgba(28,27,26,.1);
  border-radius:16px; overflow:hidden;
  font-size:.9rem;
}
.aura-guida-taglie th{
  background:var(--salvia-velo-pieno);
  color:var(--corallo-cupo);
  font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
  padding:.7rem .9rem; text-align:left;
}
.aura-guida-taglie td{ padding:.65rem .9rem; border-top:1px dashed rgba(110,143,119,.35); }

.aura-prezzo{ font-family:var(--serif); font-size:1.45rem; font-weight:700; color:var(--corallo-cupo); }
.aura-prezzo .pieno{ font-size:1.05rem; font-weight:500; color:#8d7f71; text-decoration:line-through; margin-left:.5rem; }
.aura-acquisto{ margin-top:auto; display:grid; gap:.7rem; }
.aura-acquisto .riga{ display:flex; gap:.7rem; align-items:center; flex-wrap:wrap; }
.aura-acquisto select, .aura-acquisto input[type="number"]{
  background:var(--panna);
  border:1.5px solid rgba(28,27,26,.16);
  border-radius:12px;
  padding:.6rem .8rem;
  font-family:var(--sans); font-size:.9rem; color:var(--inchiostro);
}
.aura-acquisto input[type="number"]{ width:5.2rem; }

/* ---- carrello ---- */
.aura-tab{ width:100%; border-collapse:collapse; }
.aura-tab th{ font-family:var(--sans); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:#8d7f71; text-align:left; padding:.6rem .5rem; border-bottom:1.5px solid rgba(28,27,26,.12); }
.aura-tab td{ padding: .9rem .5rem; border-bottom:1px solid rgba(28,27,26,.08); vertical-align:middle; }
.aura-tab .tot{ font-family:var(--serif); font-size:1.25rem; font-weight:700; color:var(--corallo-cupo); }
.aura-totale-riga td{ border-bottom:none; padding-top:1.2rem; }

/* ---- B2B ---- */
.aura-b2b-punti{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
@media (max-width:960px){ .aura-b2b-punti{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .aura-b2b-punti{ grid-template-columns:1fr; } }
/* rosso 25/07: quadranti in riquadri verdi con hover come il sito principale */
.aura-b2b-punto{
  text-align:center; display:grid; gap:.5rem; justify-items:center;
  background:var(--salvia-velo-pieno);
  border:1px solid rgba(110,143,119,.4);
  border-radius:22px;
  padding:1.8rem 1.4rem;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.aura-b2b-punto:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 36px -20px rgba(85,117,95,.55);
  border-color:var(--corallo);
}
.aura-b2b-punto .pe-ic{ font-size:1.9rem; color:var(--corallo-cupo); }
.aura-fascia-salvia{ background:var(--salvia-velo-pieno); }

/* ---- mussola ---- */
.aura-mussola-punto{ display:grid; grid-template-columns:1.15fr 1fr; gap:2.4rem; align-items:center; } /* 23/08 Laura: foto piu' grandi */
@media (max-width:760px){ .aura-mussola-punto{ grid-template-columns:1fr; } }
.aura-mussola-punto:nth-child(even){ direction:rtl; }
.aura-mussola-punto:nth-child(even) > *{ direction:ltr; }
.aura-mussola-foto{ aspect-ratio:5/4; border-radius:18px; overflow:hidden; background:var(--panna-scura); min-height:340px; } /* 23/08 */
.aura-mussola-foto img{ width:100%; height:100%; object-fit:cover; }


/* ---- gallery scorrevole nella scheda capo (richiesta Laura 23/08) ---- */
.aura-foto-gallery{ position:relative; }
.aura-gallery-pista{
  position:absolute; inset:0;
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.aura-gallery-pista::-webkit-scrollbar{ display:none; }
.aura-gallery-pista img{
  position:static;
  flex:0 0 100%;
  width:100%; height:100%;
  object-fit:cover;
  scroll-snap-align:start;
}
.aura-gallery-freccia{
  position:absolute; top:50%; transform:translateY(-50%);
  z-index:3;
  width:38px; height:38px;
  display:grid; place-items:center;
  border-radius:50%;
  border:1.5px solid rgba(110,143,119,.5);
  background:rgba(253,251,246,.92);
  color:var(--corallo-cupo);
  cursor:pointer;
  box-shadow:0 8px 18px -10px rgba(28,27,26,.45);
  transition:background .25s ease, opacity .3s ease, transform .25s ease;
}
.aura-gallery-freccia:hover{ background:#fff; transform:translateY(-50%) scale(1.08); }
.aura-gallery-freccia.sx{ left:.6rem; }
.aura-gallery-freccia.dx{ right:.6rem; }
.aura-gallery-freccia.sx .pe-ic{ transform:scaleX(-1); }
.aura-gallery-freccia .pe-ic{ width:1.1em; height:1.1em; }
.aura-gallery-freccia.nascosta{ opacity:0; pointer-events:none; }
.aura-gallery-punti{
  position:absolute; left:0; right:0; bottom:.7rem;
  z-index:3;
  display:flex; justify-content:center; gap:.4rem;
}
.aura-gallery-punti span{
  width:7px; height:7px; border-radius:50%;
  background:rgba(253,251,246,.6);
  border:1px solid rgba(28,27,26,.2);
  transition:background .3s ease, transform .3s ease;
}
.aura-gallery-punti span.attivo{ background:var(--corallo); transform:scale(1.25); }

/* ---- 07/09/2026: pagina unica /wellness (accordo con Laura del 29/08) ---- */
.aura-mussola-griglia{ display:flex; flex-wrap:wrap; justify-content:center; gap:1.6rem; }
.aura-mussola-card{ flex:0 1 calc((100% - 3.2rem) / 3); min-width:280px; }
@media (max-width:1100px){ .aura-mussola-card{ flex-basis:calc((100% - 1.6rem) / 2); } }
.aura-mussola-card{ background:var(--carta); border:1px solid rgba(28,27,26,.1); border-radius:22px; padding:0 1.5rem 1.5rem; overflow:hidden; }
.aura-mussola-card .foto{ aspect-ratio:4/3; margin:0 -1.5rem 1.2rem; background:var(--panna-scura); }
.aura-mussola-card .foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.aura-mussola-card h3{ font-size:1.25rem; margin:.4rem 0 .5rem; text-wrap:balance; }
.aura-mussola-card p{ margin:0; font-size:.95rem; }
.aura-taglie{ font-size:.85rem; color:#8d7f71; margin:0 0 .9rem; }
.aura-oppure{ font-size:.85rem; color:#8d7f71; margin:.7rem 0 0; }
.aura-card .corpo .btn{ align-self:flex-start; }
/* 09/09/2026: acquisto diretto del singolo capo (taglia + tasto), WhatsApp resta come seconda via */
.aura-acquisto{ display:flex; align-items:flex-end; gap:.7rem; flex-wrap:wrap; margin-top:.2rem; }
.aura-acquisto .btn{ margin:0; }
.aura-acquisto-taglia{ display:flex; flex-direction:column; gap:.25rem; font-family:var(--sans,inherit); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:#8d7f71; }
.aura-acquisto-taglia select{ font-family:inherit; font-size:.9rem; color:var(--inchiostro,#3A352E); background:#fff; border:1.5px solid var(--tortora); border-radius:999px; padding:.55rem .9rem; min-width:6.5rem; }
.aura-acquisto-taglia select:focus-visible{ outline:2px solid var(--corallo-cupo); outline-offset:2px; }
.aura-card .corpo .aura-acquisto + .btn{ margin-top:.6rem; }
@media (max-width:560px){ .aura-acquisto{ width:100%; } .aura-acquisto .btn{ width:100%; text-align:center; box-sizing:border-box; } .aura-acquisto-taglia{ width:100%; } .aura-acquisto-taglia select{ width:100%; box-sizing:border-box; } }
.aura-contatto-dedicato{ margin-top:var(--spazio-sezione); background:var(--carta); border:1.5px dashed rgba(85,117,95,.5); border-radius:24px; padding:2.2rem 2rem; text-align:center; max-width:760px; margin-inline:auto; }
.aura-contatto-dedicato h3{ font-size:1.5rem; margin:.3rem 0 .6rem; text-wrap:balance; }
.aura-contatto-dedicato .azioni{ display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; margin-top:1.2rem; }
@media (max-width:760px){ .aura-mussola-card{ flex-basis:100%; min-width:0; } }

/* 07/09 collaudo 7 larghezze della pagina unica */
@media (max-width:1100px){ .aura-prodotti{ grid-template-columns:repeat(2,1fr); } .aura-b2b-punti{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .aura-prodotti{ grid-template-columns:1fr; } }
@media (max-width:560px){ .aura-b2b-punti{ grid-template-columns:1fr; } }
@media (max-width:760px){ .aura-mussola-foto{ min-height:0; } /* aspect-ratio + min-height allargava la foto oltre lo schermo */
  .aura-hero .scheda{ padding:1.8rem 1.3rem; } }
@media (max-width:560px){ .aura-hero .azioni .btn, .aura-contatto-dedicato .azioni .btn, .aura-card .corpo .btn{ width:100%; text-align:center; box-sizing:border-box; } }