/* PROMO - regole comuni alle pagine promo mostrate in news.php (components/promo/<nome>/pagina.inc.php).
   Ex style_2_3.css. Le classi .offerte-img, .offerte-promozioni, .div-bg-offerte, .div-text-offerte,
   .div-titolo-offerte, .h1-offerte* oggi non sono usate da nessuna pagina (vecchia card offerte). */

/* =========================================
   Web Browser setting
   "Offerte e Promozioni" (index & news)
   ========================================= */

/* ----- Blocchi generali ----- */
.mobile-transparent {
  height: 120px;
  background-color: black;
}

.offerte-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

/* Centraggi overlay */
.div-text-offerte,
.div-titolo-offerte {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  transition: .5s ease;
}

.div-text-offerte {
  opacity: 0;
  color: #fff;
  font-size: 3em;
  padding: 16px 32px;
}

.div-titolo-offerte {
  color: #fff;
  opacity: 1;
  transition: .3s ease;
}

/* Titoli */
.h1-offerte {
  color: #fff;
  margin: 0;
  width: max-content;
  font-size: 3rem;
  padding: 1rem 3rem;
}

.h1-offerte-sm {
  color: #fff;
  margin: 0;
  font-size: 3rem;
}

/* Hover states contenitore offerte */
.offerte-promozioni:hover .offerte-img {
  opacity: .3;
}

.div-bg-offerte {
  background-color: #54B948;
  position: absolute;
  height: 94%;
  width: 94%;
  transition: .7s ease;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.div-bg-offerte:hover {
  opacity: .3;
}

.offerte-promozioni:hover .div-text-offerte {
  opacity: 1;
}

.offerte-promozioni:hover .div-titolo-offerte {
  opacity: 0;
}

/* =========================================
   News page / sezioni promozioni
   ========================================= */

.background-news {
  width: 100%;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
  min-height: 90vh;
}

.stile-offerte {
  border-radius: 25px;
  margin-top: 3em;
  padding-top: 2rem;
  padding-bottom: 2rem;
  /* background-color: rgba(255,255,255,0.2); */
}

.offerte-center {
  justify-content: space-around;
  text-align: center;
}

/* Box descrizioni */
.descrizione-offerta {
  justify-content: space-around;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.descrizione-offerta .box-lasergame,
.descrizione-offerta .box-vr,
.descrizione-offerta .box-cocktail {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 1rem;
}

.descrizione-offerta .box-cocktail {
  padding: 2rem 1rem;
}

/* Link VR evidenziati */
.descrizione-offerta .box-vr .titolo-promo-vr a {
  text-decoration: none;
  color: #00bcf5;
  cursor: pointer;
  text-shadow: -2px 2px 0px #03D318;
}

/* Titoli & date */
.box-titolo {
  margin-bottom: 2rem;
  font-family: 'Game Of Squids';
}

.box-titolo h1 {
  font-family: 'Game Of Squids';
}

.box-titolo .date-offerta {
  color: #00bcf5;
  text-shadow: -2px 2px 0px #03D318;
}

.titolo-offerte {
  font-family: 'Carter One', cursive;
  font-size: 70px;
  color: #00bcf5;
  text-shadow: -3px 3px 0px #03D318;
}

/* Headings con stesso stile */
.offerte-center h2,
.offerte-center h3,
.offerte-center h5,
.offerte-center h6 {
  text-align: center;
  color: #03D318;
  font-family: 'Carter One', cursive;
}

.descrizione-offerta .d-i-b {
  display: inline-block;
}

.descrizione-offerta .prezzo-partite {
  justify-content: center;
}

.descrizione-offerta .prezzi-cocktail {
  justify-content: space-around;
}

.descrizione-offerta .prezzi-cocktail h3 {
  color: #00bcf5;
  text-shadow: -2px 2px 0px #03D318;
}

/* Bottoni prenota */
.descrizione-offerta .box-lasergame .row-btn-prenota,
.descrizione-offerta .box-vr .row-btn-prenota {
  justify-content: center;
  margin-bottom: .5rem;
}

.descrizione-offerta .box-lasergame .row-btn-prenota {
  margin-top: 1rem;
}

.descrizione-offerta .box-vr .row-btn-prenota {
  margin-top: 1.5rem;
}

.descrizione-offerta .box-lasergame .btn-prenota,
.descrizione-offerta .box-vr .btn-prenota {
  font-size: 14px;
  font-family: 'Carter One', cursive;
}

/* Link riapertura */
.offerte-center .riapertura-link {
  padding: 2rem;
}

.offerte-center .riapertura-link h5 {
  color: #58b74e;
}

.offerte-center .riapertura-link .text {
  font-size: 20px;
  font-family: 'Carter One', cursive;
}

/* Box categorie */
.row-box {
  justify-content: space-around;
}

.box-laser,
.box-escape,
.box-arcade {
  border-radius: 10px;
  text-align: center;
  border-width: 5px;
  border-style: solid;
}

.box-laser {
  border-color: #58b74e;
}

.box-escape {
  border-color: #ac9b3d;
}

.box-arcade {
  border-color: #2c427c;
}

/* Natale */
.titolo-natale {
  font-family: 'Mountains of Christmas', cursive;
  color: red;
  font-size: 3rem;
}

/* Modal offerte */
.modal-offerte {
  border-radius: 20px;
  border: 5px solid #17a2b8;
  background-color: #e0dcdc;
}

/* Pulse animation */
.pulse {
  animation: 1s pulse infinite ease;
}

@keyframes pulse {
  0%   { transform: scale(1); }
  15%  { transform: scale(1.2); color: #ffc107; }
  30%  { transform: scale(1.045); color: #a81917; }
  45%  { transform: scale(1.09); color: #ffc107; }
  60%  { transform: scale(1); color: #a81917; }
  100% { transform: scale(1); }
}

/* Righe centrature */
.pacchetto .row-details-pacchetto {
  justify-content: center;
}

.row-prenota-evento {
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Testi descrizioni */
.descrizione-offerta p,
.descrizione-offerta li {
  color: #fff;
}

@media (max-width: 575.98px) {
  .titolo-offerte {
    font-size: 36px;
  }

  .offerte-center h3 {
    font-size: 24px;
  }

  .mobile-transparent {
    background-color: transparent;
  }

  .descrizione-offerta .box-lasergame,
  .descrizione-offerta .box-vr,
  .descrizione-offerta .box-cocktail {
    margin: 1rem;
  }

  .descrizione-offerta {
    margin-top: 1rem;
  }

  .prezzi-cocktail .col-2 {
    padding: 0;
  }

  .background-news {
    background-position: bottom;
  }

}

@media (max-width: 768.98px) {
  .mobile-transparent {
    background-color: transparent;
  }
}


/* --- Sfondi delle pagine promo (prima erano style="" nelle pagine promo e in news.php) --- */
.sfondo-black-friday {
  background-image: url('../../images/promo/black-friday/bg_blackfriday2021.webp');
}
.sfondo-riapertura-2021 {
  background-image: url('../../images/promo/riapertura-2021/bg_pennywise.webp');
}
.riapertura__spazio {
  height: 120px;
  background-color: #000;
}
.riapertura__box {
  background-image: url('../../images/promo/riapertura-2021/graybg.webp');
}
.sfondo-halloween {
  background-image: url('../../images/promo/halloween/bg_pennywise.webp');
}
.sfondo-addio-celibato {
  background-image: url('../../images/promo/addio-celibato/bg_celibato.webp');
}
.sfondo-gift-card {
  background-image: url('../../images/promo/gift-card/gift_card_bg.webp');
}
.sfondo-quiz-game-2026 {
  background-image: url('../../images/promo/quiz-game-2026/quiz_game_bg.webp');
}

/* Modulo Gift Card / Natale: campo anti-bot nascosto ai visitatori */
.campo-trappola {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}