/* ============================================================
   EUFORIA — Footer custom (Fase 1)
   File:   assets/css/footer.css  ·  handle: euforia-footer
   Server: wp-content/themes/hello-elementor-child/assets/css/footer.css
   ------------------------------------------------------------
   Markup: blocco-footer-HFE.html in un widget HTML del template
   Footer di HFE. Contenitore <div class="euf-foot"> (NON <footer>).
   Design: mock approvato site-preview/preview-homepage-v2.html
   (sezione FOOTER, righe ~529-549 + filo maiolica ~82-87).
   Convenzioni Fase 0/1: classi euf-*.
   ------------------------------------------------------------
   Supplemento token: il child (style.css) definisce già i token
   :root "Luce di Sicilia"; qui li ridichiaro con gli stessi valori
   del mock così il file rende bene anche isolato (autosufficienza,
   CLAUDE.md §4). Stessi valori → nessun conflitto col child.
   ============================================================ */
:root{
  --line:#E8E1D5;
  --teal:#1C9AA1;
  --t-sun:#F7EFD6;
  --fucsia:#C42C7B;
  --gold:#BE8F39;
  --font-d:'Cormorant Garamond',Georgia,serif;
  --font-b:'Quicksand',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* filo maiolica (bordo superiore decorativo, come nel mock) */
.euf-foot .euf-maiolica-rule{
  height:3px;border:none;position:relative;z-index:3;
  background:linear-gradient(90deg,
    var(--teal) 0 20%, var(--t-sun) 20% 40%,
    var(--fucsia) 40% 60%, var(--gold) 60% 80%, var(--teal) 80% 100%);
}

/* contenitore: immagine suggestiva + overlay teal ~62→80% */
.euf-foot{position:relative;color:rgba(255,255,255,.82);overflow:hidden;
  font-family:var(--font-b);}
.euf-foot-bg{position:absolute;inset:0;z-index:0;display:block;
  background-position:center 15%;background-size:cover;background-repeat:no-repeat;
  /* fallback se l'immagine manca: un teal profondo coerente col brand */
  background-color:#123c42;}
.euf-foot-overlay{position:absolute;inset:0;z-index:1;display:block;
  background:rgba(255,255,255,.8) 0%;}

/* griglia colonne */
.euf-foot-grid{position:relative;z-index:2;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;
  padding:80px 56px 44px;max-width:1480px;margin:0 auto;}
.euf-foot-brand .euf-fb-logo{height:46px;width:auto;max-width:200px;object-fit:contain;
  display:block;margin-bottom:18px;opacity:.94;}
.euf-foot-brand p{font-size:13px;line-height:1.75;color:black;max-width:300px;}

.euf-foot-col h4{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:#C42C7B;margin-bottom:18px;}
.euf-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.euf-foot-col a{font-size:13px;color:black;transition:color .2s var(--ease);}
.euf-foot-col a:hover{color:#C42C7B;}

/* barra inferiore: copyright · note legali · social */
.euf-foot-bottom{position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:24px 56px;max-width:1480px;margin:0 auto;
  border-top:1px solid rgba(255,255,255,.16);}
.euf-foot-copy{font-size:12px;color:black;letter-spacing:.04em;margin:0;}
.euf-foot-legal{display:flex;gap:16px;flex-wrap:wrap;}
.euf-foot-legal a{font-size:12px;color:black;letter-spacing:.04em;
  transition:color .2s var(--ease);}
.euf-foot-legal a:hover{color:#fff;}
.euf-foot-social{display:flex;gap:18px;}
.euf-foot-social a{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:black;transition:color .2s var(--ease);}
.euf-foot-social a:hover{color:#fff;}

/* ---------- responsive ---------- */
@media(max-width:860px){
  .euf-foot-grid{grid-template-columns:1fr 1fr;gap:32px;padding:56px 28px 32px;}
  .euf-foot-brand{grid-column:1 / -1;}
  .euf-foot-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 28px;}
}
@media(max-width:480px){
  .euf-foot-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .euf-foot *{transition:none!important;}
}