/* =========================================
   Style Index (override home)
   ========================================= */

/* --- Sezione HERO unificata: 3 card Laser/VR/News --- */

/* LASERGAME */
.bg-lasergame {
  background-image: url("../../images/home/ls.webp"); /* mobile */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* VIRTUAL REALITY */
.bg-virtual {
  background-image: url("../../images/home/vr.webp"); /* mobile */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* NEWS */
.bg-news {
  background-image: url("../../images/promo/halloween-2025/halloween_web_2025.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Altezza base per le card (mobile) */
.case.img,
.caser.img {
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Desktop: GIF per Laser/VR + altezza NEWS + altura card */
@media (min-width: 992px) {
  .bg-lasergame {
    background-image: url("../../images/home/ls_anim.webp");
  }
  .bg-virtual {
    background-image: url("../../images/home/vr_anim.webp");
  }
  .bg-news {
    height: 370px;
    min-height: 370px;
  }
  /* altezza desktop per le due card principali */
  .case.img,
  .caser.img {
    min-height: 520px; /* regola se vuoi più/meno alta */
  }
}

/* --- Overlay offerte/promozioni --- */
.offerte-promozioni {
  position: relative; /* per gli elementi assoluti */
}
.offerte-promozioni .div-text-offerte,
.offerte-promozioni .div-titolo-offerte,
.offerte-promozioni .div-bg-offerte {
  pointer-events: none; /* non bloccare il click sull'intera card */
}
.offerte-promozioni:hover .offerte-img { opacity: 0.3; }
.offerte-promozioni:hover .div-text-offerte { opacity: 1; }
.offerte-promozioni:hover .div-titolo-offerte { opacity: 0; }
.offerte-promozioni:hover .div-bg-offerte { opacity: 0.3; }

/* Testo overlay più leggibile su mobile */
@media (max-width: 575.98px) {
  .div-text-offerte {
    font-size: 2rem;
    padding: 12px 20px;
  }
}


/* --- Sfondi della home e delle card "Scopri tutte le novità" (una per promo, anche quelle in archivio).
       Prima erano style="" in components/home/body_index.inc.php e components/promo/<nome>/card_home.inc.php --- */
.home-hero {
  background-image: url('../../images/home/sfondohome.webp');
  background-position: center;
  background-size: cover;
}
.home-card-laser {
  background-image: url('../../images/home/ls.webp'); /* su desktop lo script js-bg-swap mette la versione animata */
}
.home-card-vr {
  background-image: url('../../images/home/vr.webp'); /* su desktop lo script js-bg-swap mette la versione animata */
}
.case.img.card-home-addio-celibato {
  background-image: url('../../images/promo/addio-celibato/addio_celibato_nubilato.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-black-friday {
  background-image: url('../../images/promo/black-friday/blackfriday_web_2021.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-carnevale-2022 {
  background-image: url('../../images/promo/carnevale-2022/carnival_squid_games.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-gift-card {
  background-image: url('../../images/promo/gift-card/gift_card.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-halloween-2025 {
  background-image: url('../../images/promo/halloween-2025/halloween_web_2025.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-natale {
  background-image: url('../../images/promo/halloween-2025/halloween_web_2025.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}
.case.img.card-home-quiz-game-2026 {
  background-image: url('../../images/promo/quiz-game-2026/quiz_game_home.webp');
  background-position: center;
  background-size: cover;
  min-height: 370px;
  height: 370px;
}