/* =====================================================================
   Caricamento al clic per i contenuti di terze parti.
   Niente si collega a YouTube / toubiz / chiemsee finche' il visitatore
   non lo chiede. Cosi' il sito non imposta cookie e non serve il banner.
   ================================================================== */
.tp-consent{
  position:relative; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:28px 22px; box-sizing:border-box;
  background:#f4f4f4 center/cover no-repeat; border:1px solid #dcdcdc;
  min-height:260px; width:100%;
}
.tp-consent--video{ min-height:100%; border:0; }
.tp-consent::before{                 /* velo scuro per leggere il testo sopra la foto */
  content:""; position:absolute; inset:0; background:rgba(255,255,255,.82);
}
.tp-consent--video::before{ background:rgba(20,20,20,.45); }
.tp-consent__inner{ position:relative; max-width:34em; }
.tp-consent__text{
  margin:0 0 1.1em; font-size:.95rem; line-height:1.55; color:#2b2b2b;
}
.tp-consent--video .tp-consent__text{ color:#fff; }
.tp-consent__btn{
  display:inline-block; padding:.78em 2em; cursor:pointer;
  border:1px solid #212529; background:transparent; color:#212529;
  font:inherit; font-size:.78rem; letter-spacing:.07em; text-transform:uppercase;
  transition:background .2s, color .2s;
}
.tp-consent--video .tp-consent__btn{ border-color:#fff; color:#fff; }
.tp-consent__btn:hover, .tp-consent__btn:focus-visible{ background:#212529; color:#fff; }
.tp-consent--video .tp-consent__btn:hover,
.tp-consent--video .tp-consent__btn:focus-visible{ background:#fff; color:#212529; }
.tp-consent__note{ margin:1em 0 0; font-size:.76rem; }
.tp-consent__note a{ color:inherit; opacity:.75; }
.tp-consent--video .tp-consent__note a{ color:#fff; }

/* --- finestra video (si apre solo al clic sul play) ------------------ */
.tp-video{
  position:fixed; inset:0; z-index:99999; display:flex;
  align-items:center; justify-content:center; padding:4vmin;
  background:rgba(0,0,0,.88);
}
.tp-video__frame{ position:relative; width:min(1100px,100%); aspect-ratio:16/9; }
.tp-video__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.tp-video__close{
  position:absolute; top:-2.6em; right:0; background:none; border:0; cursor:pointer;
  color:#fff; font-size:1.5rem; line-height:1; padding:.3em .5em;
}
.tp-video__close:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
@media (max-width:600px){ .tp-video__close{ top:-2.2em; } }
