/* Banner offerte - usato dal sito e dall'anteprima del gestionale */
.offer-slider{
  --b-ink:var(--ink,#14161A); --b-flash:var(--flash,#FFD400);
  position:relative; width:100%; overflow:hidden; background:#fff;
  border-radius:var(--radius,18px); border:1px solid var(--line,#E7E2D8);
  container-type:inline-size;
}
.offer-slides{display:flex; width:100%; transition:transform .6s cubic-bezier(.4,0,.2,1);}
.offer-slide{
  flex:0 0 100%; width:100%; min-height:400px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:space-between; gap:36px;
  position:relative; overflow:hidden; padding:88px 96px 64px;
  text-decoration:none; color:var(--b-ink); cursor:default;
}
a.offer-slide{cursor:pointer;}

/* temi colore */
.t-rosso{background:linear-gradient(120deg,#FFDAD4,#FF8A78);}
.t-acqua{background:linear-gradient(120deg,#C9F3EA,#4FCBB4);}
.t-giallo{background:linear-gradient(120deg,#FFF3B0,#FFD400);}
.t-blu{background:linear-gradient(120deg,#CFE3FF,#7FAEFF);}
.t-crema{background:linear-gradient(120deg,#FFFCF7,#EFE6D2);}
.t-scuro{background:linear-gradient(120deg,#2A2D33,#14161A); color:#fff;}

.slide-badge{
  position:absolute; top:30px; left:96px; z-index:2;
  background:var(--b-ink); color:var(--b-flash);
  font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.95rem;
  padding:9px 22px; border-radius:100px; max-width:60%;
}
.t-scuro .slide-badge,.l-cover .slide-badge{background:var(--b-flash); color:var(--b-ink);}

.slide-content{position:relative; z-index:1; flex:1 1 auto; max-width:620px; min-width:0;}
.slide-brand{
  display:block; margin-bottom:10px; opacity:.65;
  font-family:'JetBrains Mono',monospace; font-size:.85rem; letter-spacing:.08em; text-transform:uppercase;
}
.slide-title{
  font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.02em; line-height:1.1;
  font-size:2rem; font-size:clamp(1.5rem,3cqw,2.2rem); margin:0 0 16px; overflow-wrap:anywhere;
}
.slide-amount{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:1.4rem; font-size:clamp(1.25rem,2.1cqw,1.6rem); margin:0 0 12px;
}
.slide-detail{font-size:1rem; line-height:1.6; opacity:.78; max-width:500px; margin:0;}
.slide-countdown{
  display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:9px 18px;
  border-radius:100px; background:rgba(20,22,26,.9); color:#fff;
  font-family:'JetBrains Mono',monospace; font-size:.85rem;
}
.slide-countdown b{font-weight:600; font-variant-numeric:tabular-nums;}
.t-scuro .slide-countdown,.l-cover .slide-countdown{background:var(--b-flash); color:var(--b-ink);}

.slide-icon{
  font-size:140px; font-size:clamp(80px,14cqw,170px); line-height:1; opacity:.18;
  filter:grayscale(1); flex-shrink:0; user-select:none;
}
.slide-photo{
  flex:0 0 34%; max-width:380px; aspect-ratio:4/3; padding:12px; box-sizing:border-box;
  background:rgba(255,255,255,.6); border-radius:16px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 34px rgba(20,22,26,.14);
}
.slide-photo img{max-width:100%; max-height:100%; object-fit:contain; border-radius:8px; display:block;}

/* foto a tutto banner */
.l-cover{color:#fff; background:#14161A;}
.slide-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.slide-shade{
  position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg,rgba(10,12,16,.82) 0%,rgba(10,12,16,.5) 55%,rgba(10,12,16,.12) 100%);
}

/* frecce e pallini */
.slide-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.35); cursor:pointer;
  background:rgba(20,22,26,.85); color:#fff; font-size:1.5rem; line-height:1;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease, transform .2s ease;
}
.slide-arrow:hover{background:#14161A; transform:translateY(-50%) scale(1.08);}
.arrow-prev{left:20px;}
.arrow-next{right:20px;}
.slide-dots{position:absolute; bottom:18px; left:50%; transform:translateX(-50%); z-index:3; display:flex; gap:10px;}
.slide-dots button{
  width:10px; height:10px; padding:0; border:none; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.8); box-shadow:0 0 0 1px rgba(20,22,26,.4);
  transition:background .2s ease, transform .2s ease;
}
.slide-dots button.active{background:#14161A; box-shadow:0 0 0 2px rgba(255,255,255,.9); transform:scale(1.25);}

/* versione stretta (telefono / colonna piccola) */
@container (max-width:760px){
  .offer-slide{flex-direction:column; align-items:flex-start; justify-content:center; gap:22px; padding:84px 24px 76px; min-height:440px;}
  .slide-badge{left:24px; top:24px; max-width:calc(100% - 48px);}
  .slide-photo{flex:0 0 auto; width:100%; max-width:none; aspect-ratio:16/9;}
  .slide-icon{position:absolute; right:-14px; bottom:50px; font-size:130px; opacity:.12;}
  .arrow-prev,.arrow-next{top:auto; bottom:12px; transform:none;}
  .slide-arrow:hover{transform:scale(1.08);}
  .arrow-prev{left:16px;}
  .arrow-next{right:16px;}
  .slide-dots{bottom:28px;}
}
@media (prefers-reduced-motion:reduce){
  .offer-slides{transition:none;}
}

/* solo immagine: la locandina occupa tutto il banner, senza scritte */
.offer-slide.l-image{min-height:0; padding:0; display:block; background:transparent;}
.slide-full{display:block; width:100%; height:auto; max-height:640px; object-fit:contain; margin:0 auto; background:transparent;}
@container (max-width:760px){
  .offer-slide.l-image{padding:0; min-height:0;}
}