/* ==============================
   Effetti speciali pagina sedie
   ============================== */


/* Sezione karaoke */

.fx-karaoke-section {
  min-height: 100vh;
  /*background: #fff;*/
  display: flex;
  align-items: center;
  overflow: hidden;
}

.fx-karaoke-text {
  font-size: clamp(26px, 6vw, 30px);
  line-height: 1.1;
  font-weight: 500;
  color: #f1f1f1;
}

.fx-karaoke-text .word {
  color: #f1f1f1;
  transition: color 0.15s linear;
}

.fx-karaoke-text .word.is-active {
  color: #333;
}

/* Sezione reveal sedie */

.fx-chair-reveal-section {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: #000;
}

.fx-chair-reveal-image {
  position: absolute;
  inset: 0;
  background-image: url('/wp-content/uploads/2026/06/bkg-section-text.jpg');
  background-size: cover;
  background-position: center;

  -webkit-mask-image: url('/wp-content/themes/lts/img/chairs-reveal-mask.svg');
  mask-image: url('/wp-content/themes/lts/img/chairs-reveal-mask.svg');

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: 18%;
  mask-size: 18%;
}

/* Slide sedia da destra*/

.fx-chair-slide-section {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #6f807d;
}

.fx-chair-slide-image {
    position: absolute !important;
    top: 50%;
    right: -12vw;
    max-width: 55vw;
    z-index: 2;
    will-change: transform;
}

.fx-chair-slide-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Slide sedia da sinistra*/

.fx-chair-slide-left-section {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #fff;
}

@media screen and (max-width: 900px) {
    .fx-chair-slide-left-section {
        min-height: 50vh;
    }
}

.fx-chair-slide-left-image {
    position: absolute !important;
    top: 50%;
    left: 0;
    max-width: 55vw;
    z-index: 2;
    will-change: transform;
    
}

.fx-chair-slide-left-image img {
    display: block;
    width: 100%;
    height: auto;
}



/* Carosello scroll*/
.fx-horizontal-carousel-section {
  position: relative;
  overflow: hidden;
  background: #000;
  padding: 40px 0;
}

.fx-horizontal-carousel-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 50px;
  width: max-content !important;
  max-width: none !important;
  will-change: transform;
}

.fx-horizontal-carousel-track > .wpb_column,
.fx-horizontal-carousel-card,
.fx-horizontal-card {
  flex: 0 0 430px !important;
  width: 430px !important;
  max-width: 430px !important;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
}

.fx-horizontal-card {
  min-height: 430px;
}


/**
 * Testo karaoke + immagine/sedia che entra da destra
 * Un solo ScrollTrigger, una sola sezione pinned.
 */
 
.fx-karaoke-chair-section {
  min-height: 100vh;
  /*background: #fff;*/
  display: flex;
  align-items: center;
  overflow: hidden;
}

.fx-karaoke-chair-text .word {
  color: #f1f1f1;
  transition: color 0.15s linear;
}

.fx-karaoke-chair-text .word.is-active {
  color: #000;
}

.fx-karaoke-bg-slide {
  background-position: 130% center !important;
}