/* ============================================================
   Banner promozionale
   Compare quando il visitatore supera la prima schermata.
   Si chiude con la X e non ricompare per 7 giorni.
   Per disattivarlo: togliere il <script> di tt-promo.js dalle pagine.
   ============================================================ */

.ttbar{
  position:fixed; left:0; right:0; bottom:0; z-index:1040;
  background:linear-gradient(100deg,#F59E0B 0%,#FBBF24 100%);
  color:#3B2600;
  transform:translateY(110%);
  transition:transform .42s cubic-bezier(.16,1,.3,1);
  box-shadow:0 -6px 26px rgba(15,23,42,.15);
  font-family:'Thicccboi',Inter,system-ui,-apple-system,sans-serif;
}
.ttbar.is-visible{ transform:translateY(0) }

.ttbar__in{
  max-width:1140px; margin:0 auto; padding:0 22px;
  display:flex; align-items:center; gap:18px; min-height:118px;
}

.ttbar__pic{
  width:112px; flex:none; align-self:flex-end; margin-bottom:-1px;
  max-height:132px; overflow:hidden; display:flex; align-items:flex-end;
}
/* height:auto e indispensabile: senza, l'attributo height dell'immagine
   tiene alta tutta la barra */
.ttbar__pic img{ width:100%; height:auto; display:block }

.ttbar__txt{ flex:1; min-width:0 }
.ttbar__kicker{
  font-size:.68rem; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  color:#7C2D12; margin-bottom:1px;
}
.ttbar__title{
  font-size:1.16rem; font-weight:800; letter-spacing:-.4px; line-height:1.2;
  margin:0 0 2px; color:#3B2600;
}
.ttbar__sub{ font-size:.87rem; opacity:.82; line-height:1.35; margin:0 }

.ttbar__cta{
  background:#0B1220; color:#fff; padding:11px 22px; border-radius:30px;
  font-weight:800; font-size:.87rem; text-decoration:none; white-space:nowrap;
  box-shadow:0 4px 14px rgba(11,18,32,.22); transition:transform .12s;
}
.ttbar__cta:hover{ transform:translateY(-1px); color:#fff }

.ttbar__close{
  position:absolute; top:9px; right:12px;
  background:rgba(0,0,0,.12); border:0; color:#3B2600;
  width:26px; height:26px; border-radius:50%; cursor:pointer;
  display:grid; place-items:center; font-size:.95rem; line-height:1; padding:0;
}
.ttbar__close:hover{ background:rgba(0,0,0,.22) }

@media (max-width:820px){
  .ttbar__pic{ display:none }
  .ttbar__sub{ display:none }
  .ttbar__in{ gap:12px; padding-right:46px; min-height:84px }
  .ttbar__title{ font-size:.98rem }
  .ttbar__cta{ padding:9px 17px; font-size:.82rem }
}

@media (prefers-reduced-motion: reduce){
  .ttbar{ transition:none }
  .ttbar__cta:hover{ transform:none }
}

/* in stampa non serve */
@media print{ .ttbar{ display:none } }