/* ITALMEDIA — contatto WhatsApp e avviso cookie (tutte le pagine) */

/* ===== WhatsApp: un pulsante discreto che compare solo dopo la hero ===== */
.wa{ position:fixed; z-index:990; right:calc(2.4rem + env(safe-area-inset-right, 0px)); bottom:calc(2.4rem + env(safe-area-inset-bottom, 0px)); display:flex; flex-direction:column; align-items:flex-end; gap:1.2rem;
  opacity:0; transform:translateY(1.6rem); pointer-events:none; transition:opacity .5s ease, transform .6s var(--ease) }
.wa.is-on{ opacity:1; transform:none; pointer-events:none }   /* il contenitore non blocca i clic sotto: solo bottone e scheda aperta sono cliccabili */
.wa.is-on .wa__btn, .wa.is-on.is-open .wa__card{ pointer-events:auto }
.wa__btn{ display:inline-flex; align-items:center; gap:0; padding:.55rem; border-radius:99rem; cursor:pointer;
  font:500 1.5rem var(--body); color:var(--paper); background:rgba(20,18,18,.92); border:1px solid rgba(242,240,234,.14);
  box-shadow:0 1.4rem 4rem rgba(0,0,0,.45); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:border-color .3s, padding .5s var(--ease) }
.wa__btn:hover, .wa.is-open .wa__btn{ border-color:rgba(158,216,181,.5) }
.wa__ico{ width:4rem; height:4rem; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--salvia); color:#000 }
.wa__ico svg{ width:2.1rem; height:2.1rem }
.wa__lab{ max-width:0; overflow:hidden; white-space:nowrap; transition:max-width .5s var(--ease), padding .5s var(--ease) }
.wa__btn:hover .wa__lab, .wa.is-open .wa__lab, .wa.is-hint .wa__lab{ max-width:22rem; padding:0 1.2rem 0 1rem }

.wa__card{ width:32rem; max-width:calc(100vw - 4.8rem); padding:2.2rem; border-radius:1.6rem; background:#141212;
  border:1px solid rgba(242,240,234,.12); box-shadow:0 2rem 6rem rgba(0,0,0,.55);
  transform-origin:100% 100%; opacity:0; transform:translateY(.8rem) scale(.97); visibility:hidden;
  transition:opacity .35s ease, transform .45s var(--ease), visibility 0s linear .45s }
.wa.is-open .wa__card{ opacity:1; transform:none; visibility:visible; transition-delay:0s }
.wa__t{ font:600 1.8rem var(--disp); color:var(--paper); margin-bottom:1.4rem }
.wa__s{ font-size:1.35rem; color:#a8a39c; margin-bottom:1.6rem }
.wa__opts{ display:flex; flex-direction:column; gap:.7rem }
.wa__opt{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 1.3rem; border-radius:1rem;
  font:500 1.45rem var(--body); color:var(--paper); background:rgba(242,240,234,.04); border:1px solid rgba(242,240,234,.1);
  text-align:left; cursor:pointer; transition:background .3s, border-color .3s }
.wa__opt:hover, .wa__opt:focus-visible{ background:rgba(158,216,181,.1); border-color:rgba(158,216,181,.45) }
.wa__opt svg{ width:1.5rem; height:1.5rem; flex:none; opacity:.55; transition:transform .35s var(--ease), opacity .3s }
.wa__opt:hover svg{ transform:translate(.2rem,-.2rem); opacity:1 }
.wa__opt em{ display:block; font-style:normal; font-size:1.2rem; color:var(--salvia); margin-top:.2rem }
.wa__free{ display:block; margin-top:1.2rem; font-size:1.3rem; color:#a8a39c; text-align:center }
.wa__free:hover{ color:var(--paper) }

/* ===== avviso cookie: una scheda piccola, in basso a sinistra, una volta sola ===== */
.ck{ position:fixed; z-index:991; left:2.4rem; bottom:calc(2.4rem + env(safe-area-inset-bottom, 0px)); width:38rem; max-width:calc(100vw - 4.8rem); padding:2rem 2.2rem;
  border-radius:1.4rem; background:#141212; border:1px solid rgba(242,240,234,.12); box-shadow:0 2rem 6rem rgba(0,0,0,.5);
  opacity:0; transform:translateY(1.2rem); transition:opacity .5s ease, transform .6s var(--ease) }
.ck.is-on{ opacity:1; transform:none }
.ck__t{ display:flex; align-items:center; gap:.8rem; font:600 1.5rem var(--body); color:var(--paper); margin-bottom:.6rem }
.ck__t i{ width:.8rem; height:.8rem; border-radius:50%; background:var(--salvia) }
.ck p{ font-size:1.35rem; line-height:1.55; color:#a8a39c }
.ck__a{ display:flex; align-items:center; gap:1.4rem; margin-top:1.4rem }
.ck__ok{ font:500 1.4rem var(--body); color:#000; background:#e8e4de; border:0; border-radius:.9rem; padding:.8rem 1.6rem; cursor:pointer; transition:background .3s }
.ck__ok:hover{ background:var(--salvia) }
.ck__a a{ font-size:1.35rem; color:#a8a39c; text-decoration:underline; text-underline-offset:.3em }
.ck__a a:hover{ color:var(--paper) }

@media (max-width:767px){
  .wa{ right:1.6rem; bottom:calc(1.6rem + env(safe-area-inset-bottom, 0px)) }
  .wa__btn{ padding:.45rem } .wa__ico{ width:4rem; height:4rem }
  .ck{ left:1.6rem; right:1.6rem; bottom:calc(1.6rem + env(safe-area-inset-bottom, 0px)); width:auto; max-width:none }
}
@media (prefers-reduced-motion:reduce){ .wa, .wa__card, .ck, .wa__lab{ transition:none } }
@media print{ .wa, .ck{ display:none } }