/* =====================================
VL24 FEATURE STRIP — 2026 FIRE MARQUEE
===================================== */

/* SECTION */
.feature-strip{
  position:relative;
  overflow:hidden;
  padding:48px 0;

  /* CTA hover fire style */
  background:
    linear-gradient(
      180deg,
      #1f262b 0%,
      #111 100%
    );
}


/* VIEWPORT */
.feature-strip__viewport{
  overflow:hidden;
  width:100%;
}


/* TRACK */
.feature-strip__track{
  display:flex;
  align-items:center;
  gap:70px;

  width:max-content;

  animation:vl24FeatureScroll 40s linear infinite;
  will-change:transform;
}


/* ITEM */
.feature-strip__item{
  display:flex;
  align-items:center;
  gap:16px;

  flex:0 0 auto; /* ⭐ oluline */

  white-space:nowrap;
}


/* IMAGE */
.feature-strip__img{
  width:54px;
  height:auto;

  filter:
    drop-shadow(0 0 10px rgba(212,225,87,.45))
    drop-shadow(0 0 30px rgba(212,225,87,.2));
}


/* TEXT — GREEN */
.feature-strip__text{
  font-family:"Space Grotesk", sans-serif;
  font-weight:600;
  font-size:15px;
  letter-spacing:.04em;

  color:var(--brand-primary);

  text-shadow:
    0 0 10px rgba(212,225,87,.35);
}


/* SEAMLESS SCROLL */
@keyframes vl24FeatureScroll{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-50%,0,0); }
}


/* DESKTOP */
@media(min-width:1024px){

  .feature-strip{
    padding:30px 0;
  }

  .feature-strip__img{
    width:70px;
  }

  .feature-strip__track{
    gap:90px;
  }

}


/* MOBILE */
@media(max-width:768px){

  .feature-strip{
    padding:30px 0;
  }

  .feature-strip__track{
    gap:40px;
    animation-duration:25s;
  }

  .feature-strip__img{
    width:42px;
  }

  .feature-strip__text{
    font-size:13px;
  }

}

/* =====================================
FEATURE STRIP FIX — FORCE VISIBILITY
===================================== */

/* viewport peab peitma overflow */
.feature-strip__viewport{
  overflow:hidden;
  width:100%;
}

/* track peab olema vähemalt 200% lai */
.feature-strip__track{
  display:flex;
  align-items:center;

  gap:60px;

  width:200%; /* ⭐ oluline */
  min-width:200%;

  animation:vl24FeatureScroll 10s linear infinite;

  color:var(--brand-primary);
}

/* item ei tohi shrinkida */
.feature-strip__item{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
}

/* text nähtav */
.feature-strip__text{
  display:inline-block;
  color:var(--brand-primary) !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:nowrap;
}

/* image nähtav */
.feature-strip__img{
  display:block;
}

/* seamless scroll */
@keyframes vl24FeatureScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* =====================================
FEATURE STRIP — ICON SIZE CONTROL
===================================== */

/* desktop */
.feature-strip__img{
  width:290px !important;
}

/* suurel ekraanil veel suurem */
@media(min-width:1400px){
  .feature-strip__img{
    width:200px !important;
  }
}

/* tablet */
@media(max-width:1024px){
  .feature-strip__img{
    width:200px !important;
  }
}

/* mobile */
@media(max-width:640px){
  .feature-strip__img{
    width:200px !important;
  }
}

/* =====================================
FEATURE STRIP — TEXT CLOSER TO ICON
===================================== */

/* kogu item vertikaalne spacing väiksemaks */
.feature-strip__item{
  flex-direction:column;
  gap:0px !important; /* enne oli 16px */
}

/* eemalda pildi all olev lisavahe */
.feature-strip__img{
  margin-bottom:0 !important;
}

/* tekst kohe pildi alla */
.feature-strip__text{
  margin-top:0 !important;
  line-height:1.2;
}

/* =====================================
FEATURE STRIP — REMOVE TOP SPACE 100%
===================================== */

/* sektsioon ise */
.feature-strip{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* kui WP paneb section spacing */
section.feature-strip{
  margin-top:0 !important;
}

/* container sees */
.feature-strip .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* viewport */
.feature-strip__viewport{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* track */
.feature-strip__track{
  margin-top:0 !important;
  padding-top:0 !important;
  align-items:flex-start !important;
}

/* esimene element ei tohi tekitada margin collapse */
.feature-strip__item:first-child{
  margin-top:0 !important;
}

/* WP block spacing reset */
.wp-block-group.feature-strip,
.wp-block.feature-strip{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* =====================================
FEATURE STRIP — PAUSE ON HOVER
===================================== */

.feature-strip:hover .feature-strip__track{
  animation-play-state:paused;
}

/* DESKTOP SPEED CONTROL */
@media(min-width:1024px){
  .feature-strip__track{
    animation-duration:25s !important; 
  }
}