/* ============================================================
   EUFORIA — Pagine statiche "Euforia World" (Fase 1)
   File:   assets/css/static.css   ·  handle: euforia-static
   Server: wp-content/themes/hello-elementor-child/assets/css/static.css
   Carica SOLO sulle 9 pagine Euforia World (functions-static-APPEND.php).
   ------------------------------------------------------------
   Filosofia: le pagine sono costruite con WIDGET NATIVI Elementor
   (tipografia/colori/sfondi impostati sul widget). Questa CSS copre
   SOLO cio' che il nativo non fa bene:
     · l'accordion della FAQ (Elementor Free non ha il widget Accordion);
     · la caption sulle foto (.euf-ew-mtag);
     · rifiniture hover dei riquadri, cornice mappe, larghezza prosa.
   Font Cormorant/Quicksand gia' self-hosted globalmente. Token :root nel child.
   ============================================================ */
:root{
  --s-paper:#FFFFFF; --s-paper2:#FCFAF6; --s-linen:#F6F1E9; --s-line:#E8E1D5;
  --s-gold:#BE8F39; --s-gold-l:#E0BC5A; --s-teal:#1C9AA1; --s-fucsia:#C42C7B;
  --s-ink:#2B2723; --s-ink-soft:#6E6557; --s-ink-mut:#9C9486; --s-cream:#F7EFD8;
  --s-fd:'Cormorant Garamond',Georgia,serif;
  --s-fb:'Quicksand',system-ui,sans-serif;
  --s-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---- prosa centrata (lead / wrap FAQ): larghezza leggibile, centrata ---- */
.euf-ew-lead{max-width:760px;margin-left:auto;margin-right:auto;}
.euf-ew-faq-wrap{max-width:860px;margin-left:auto;margin-right:auto;width:100%;}
.euf-ew-lead-p a,.euf-ew-contact-v a{color:var(--s-fucsia);text-decoration:underline;text-underline-offset:2px;}

/* ---- riquadri (hub · valori · contatti · b2b): hover morbido ---- */
.euf-ew-card,.euf-ew-contact{transition:border-color .22s var(--s-ease),box-shadow .22s var(--s-ease),transform .22s var(--s-ease);height:100%;}
.euf-ew-card:hover,.euf-ew-contact:hover{border-color:var(--s-gold-l)!important;
  box-shadow:0 14px 30px -20px rgba(43,39,35,.5);transform:translateY(-3px);}
/* la cella riga (colonna grid) si stira: cosi' i box in riga hanno la stessa altezza */
.euf-ew-hub-cell,.euf-ew-cell,.euf-ew-contact-cell,.euf-ew-hub-faqcell{display:flex;}
.euf-ew-hub-cell > .e-con-inner,.euf-ew-cell > .e-con-inner,
.euf-ew-contact-cell > .e-con-inner{width:100%;}

/* ---- caption sulle foto (colonna media a due colonne) ---- */
.euf-ew-2c-media{position:relative;}
.euf-ew-mtag{position:absolute;left:24px;bottom:24px;z-index:2;font-family:var(--s-fb);
  font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  background:rgba(43,39,35,.55);backdrop-filter:blur(4px);padding:8px 14px;border-radius:100px;}

/* ---- foto galleria showroom: ritaglio uniforme ---- */
.euf-ew-sh-img img{width:100%;height:340px;object-fit:cover;border-radius:6px;display:block;}

/* ---- Google Maps: cornice coerente ---- */
.euf-ew-map iframe{border-radius:10px;border:1px solid var(--s-line);}

/* =====================================================
   FAQ — accordion nativo <details>/<summary> (zero JS)
   ===================================================== */
.euf-faq{width:100%;}
.euf-faq-cat{margin:0 0 34px;}
.euf-faq-cat:last-child{margin-bottom:0;}
.euf-faq-cat-h{font-family:var(--s-fd);font-weight:500;text-transform:uppercase;letter-spacing:.03em;
  font-size:22px;line-height:1.1;color:var(--s-ink);margin:0 0 6px;padding-bottom:12px;
  border-bottom:2px solid var(--s-gold-l);}

.euf-faq-item{border-bottom:1px solid var(--s-line);}
.euf-faq-q{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;
  gap:18px;padding:18px 2px;font-family:var(--s-fb);font-size:15px;font-weight:700;line-height:1.4;
  color:var(--s-ink);transition:color .2s var(--s-ease);-webkit-tap-highlight-color:transparent;}
.euf-faq-q::-webkit-details-marker{display:none;}
.euf-faq-q:hover{color:var(--s-gold);}
.euf-faq-item[open] > .euf-faq-q{color:var(--s-gold);}

/* icona "+" che diventa "×" (linee, nessuna dipendenza da font-icone) */
.euf-faq-ic{position:relative;flex:0 0 auto;width:16px;height:16px;margin-top:3px;}
.euf-faq-ic::before,.euf-faq-ic::after{content:"";position:absolute;top:50%;left:50%;
  width:14px;height:1.7px;background:var(--s-ink-mut);transform:translate(-50%,-50%);
  transition:transform .28s var(--s-ease),background .2s;}
.euf-faq-ic::after{transform:translate(-50%,-50%) rotate(90deg);}
.euf-faq-q:hover .euf-faq-ic::before,.euf-faq-q:hover .euf-faq-ic::after{background:var(--s-gold);}
.euf-faq-item[open] .euf-faq-ic::before{transform:translate(-50%,-50%) rotate(45deg);background:var(--s-gold);}
.euf-faq-item[open] .euf-faq-ic::after{transform:translate(-50%,-50%) rotate(-45deg);background:var(--s-gold);}

.euf-faq-a{padding:0 2px 20px;animation:euf-faq-in .28s var(--s-ease);}
.euf-faq-a p{font-family:var(--s-fb);font-size:14.5px;line-height:1.75;color:var(--s-ink-soft);margin:0;}
.euf-faq-a a{color:var(--s-fucsia);text-decoration:underline;text-underline-offset:2px;}
.euf-faq-a b{color:var(--s-ink);font-weight:700;}
@keyframes euf-faq-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}

/* =====================================================
   RESPONSIVE — reti di sicurezza (il resto lo gestisce il nativo Elementor)
   ===================================================== */
@media(max-width:767px){
  /* proof point (nessun override width nativo): impila su mobile */
  .euf-ew-proof-item{width:100%!important;padding:14px 24px!important;}
  .euf-ew-sh-img img{height:240px;}
  .euf-ew-mtag{left:16px;bottom:16px;}
}
@media(prefers-reduced-motion:reduce){
  .euf-ew-card,.euf-ew-contact,.euf-faq-ic::before,.euf-faq-ic::after,.euf-faq-a{
    transition:none!important;animation:none!important;}
}

/* =====================================================
   PAGINE DI SERVIZIO + LEGALI (stesso static.css condiviso)
   Spedizioni · Resi · Pagamenti · Certificato di unicità · Legali(+sotto-pagine)
   ===================================================== */
/* callout "nota" (helper note(): bordo accent a sinistra dal nativo) */
.euf-ew-note{background:var(--s-linen);border-radius:0 8px 8px 0;
  max-width:820px;margin-left:auto;margin-right:auto;width:100%;}
.euf-ew-note-p{margin:0;}
.euf-ew-note-p a{color:var(--s-fucsia);text-decoration:underline;text-underline-offset:2px;}

/* certificato di unicità: cartellino contenuto e incorniciato */
.euf-cert-img{max-width:420px;margin:0 auto;}
.euf-cert-img img{border:1px solid var(--s-line);border-radius:10px;
  box-shadow:0 18px 40px -26px rgba(43,39,35,.5);}

/* blocco "titolare del trattamento" nell'hub legali */
.euf-legal-companywrap{max-width:620px;margin-left:auto;margin-right:auto;}

/* ---- LEGALI: documento = un widget testo, prosa lunga leggibile ---- */
.euf-legal-wrap,.euf-legal-metawrap{max-width:820px;margin-left:auto;margin-right:auto;width:100%;}
.euf-legal-updated{margin:0;}
.euf-legal{font-family:var(--s-fb);color:var(--s-ink-soft);}
.euf-legal h2{font-family:var(--s-fd);font-weight:500;text-transform:uppercase;letter-spacing:.02em;
  font-size:24px;line-height:1.15;color:var(--s-ink);margin:38px 0 10px;
  padding-bottom:10px;border-bottom:1px solid var(--s-line);}
.euf-legal h2:first-child{margin-top:0;}
.euf-legal h3{font-family:var(--s-fb);font-weight:700;font-size:13.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--s-ink);margin:26px 0 8px;}
.euf-legal p{font-size:14.5px;line-height:1.8;margin:0 0 13px;}
.euf-legal ul{margin:0 0 16px;padding-left:20px;}
.euf-legal li{font-size:14.5px;line-height:1.75;margin:0 0 8px;}
.euf-legal a{color:var(--s-fucsia);text-decoration:underline;text-underline-offset:2px;word-break:break-word;}
.euf-legal b,.euf-legal strong{color:var(--s-ink);font-weight:700;}
/* nota in cima al documento (es. cookie): riquadro tenue in corsivo */
.euf-legal-note{background:var(--s-linen);border-left:3px solid var(--s-gold);border-radius:0 8px 8px 0;
  padding:14px 18px!important;font-style:italic;font-size:13.5px!important;
  color:var(--s-ink-soft)!important;line-height:1.7!important;margin:0 0 24px!important;}
@media(max-width:640px){
  .euf-legal h2{font-size:21px;}
}