/* =========================================================
 * FOOTER — wordmark, social, riga legale (iubenda)
 * + bottone WhatsApp flottante (globale).
 * Markup in footer.php.
 * ========================================================= */

footer{
  border-top: 1px solid rgba(250,247,242,.2);
  padding: clamp(40px, 5vw, 64px) 0 24px;
  background:
    linear-gradient(rgba(20,16,14,.86), rgba(20,16,14,.86)),
    url('https://hairstylemerka.it/wp-content/uploads/2026/04/negozio-img-marsel.jpg') center/cover no-repeat;
  background-color: var(--ink);
  color: var(--bg);
  text-align:center;
}
footer .wordmark{
  font-family:"Italianno", cursive; font-weight: 600;
  font-size: clamp(44px, 6vw, 88px); line-height:1.1;
  margin: 0 0 4px; color: var(--bg);
  padding-bottom: 0.12em;
}
footer .footer-portrait{
  display: block;
  margin: 4px auto 4px;
  width: clamp(120px, 16vw, 200px);
  height: auto;
  opacity: 0.6;
  filter: invert(1) grayscale(1) contrast(1.1);
  pointer-events: none;
  user-select: none;
}
footer .ornament{ display:flex; align-items:center; justify-content:center; gap: 12px; margin: 8px 0 20px;}
footer .ornament .dash{ width: clamp(40px, 8vw, 100px); height:1px; background: var(--bg); opacity:.6;}
footer .ornament .glyph{ font-family:"Cormorant Garamond", serif; font-style:italic; font-size: 18px;}
footer .socials{
  display:flex; justify-content:center; gap: 10px; flex-wrap:wrap;
  margin: 0 auto 32px;
}
footer .socials a{
  display:inline-flex; align-items:center; justify-content:center;
  width: 54px; height: 54px;
  border: 1px solid rgba(250,247,242,.3);
  color: var(--bg);
  border-radius: 50%;
  transition: background .25s, color .25s, border-color .25s;
}
footer .socials a:hover{
  background: var(--bg); color: var(--ink); border-color: var(--bg);
}
footer .socials svg{ width: 18px; height: 18px;}

footer .footrow{
  display:flex; justify-content:space-between; gap: 18px; flex-wrap:wrap;
  border-top: 1px solid rgba(250,247,242,.25); padding-top: 18px; margin-top: 24px;
  font-family:"Inter", sans-serif; font-size: 11px; letter-spacing:0.22em; text-transform:uppercase;
  color: rgba(250,247,242,.7);
}
footer .footrow .right{ display:flex; gap: 18px; flex-wrap:wrap;}
footer .footrow .legal-link,
footer .footrow a.iubenda-nostyle{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: color .25s ease;
  cursor: pointer;
}
footer .footrow .legal-link:hover,
footer .footrow a.iubenda-nostyle:hover{ color: var(--bg) !important; }

/* Nascondi il badge persistente di gestione consenso iubenda — */
/* l'utente lo gestisce dal link "Gestisci cookie" nel footer.    */
#iubenda-cs-banner ~ [class*="iubenda-tp"],
.iubenda-tp-btn,
.iubenda-cs-cp-btn,
#iub-cp-btn,
[id^="iubenda-tp-"],
[class*="iubenda-cookie-tab"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ——— WhatsApp floating button ——— */
.wa-float{
  position: fixed;
  right: clamp(16px, 2.5vw, 28px);
  bottom: clamp(16px, 2.5vw, 28px);
  z-index: 900;
  width: clamp(52px, 6vw, 60px);
  height: clamp(52px, 6vw, 60px);
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .35), 0 2px 6px rgba(0,0,0,.2);
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
  text-decoration: none;
}
.wa-float:hover,
.wa-float:focus-visible{
  transform: scale(1.06);
  background: #1ebe5b;
  box-shadow: 0 10px 28px rgba(37, 211, 102, .45), 0 3px 8px rgba(0,0,0,.25);
}
.wa-float svg{
  width: 56%;
  height: 56%;
  display: block;
}

 @media screen and (max-width:767px) {
    .footrow span{
        display: none;
    }
 }