.swiper .swiper-slide {
  max-width: none;
}

.swiper .swiper-wrapper {
  justify-content: flex-start;
}

.slider-wrapper .slider-content .slider-button .btn_text {
  color: #fff;
}

.slider-wrapper .slider-content .sub-title {
  color: #fff;
}

.mainmenu ul > li.current-menu-item > a,
.mainmenu ul > li > a.active {
  color: var(--tj-color-theme-primary, #a0d63a);
}

.mainmenu ul > li.current-menu-item > a {
  position: relative;
}

.mainmenu ul > li.current-menu-item > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.mean-container .mean-nav ul li.current-menu-item > a,
.mean-container .mean-nav ul li > a.active {
  color: var(--tj-color-theme-primary, #a0d63a);
  font-weight: 700;
  background: rgba(160, 214, 58, 0.08);
}

/* Footerin copyright-linkkirivi: 5 linkkiä ei mahdu yhdelle riville mobiilissa,
   ilman wrapia "Käyttöehdot" ja "Pyydä tarjous" leikkautuvat piiloon */
.copyright-content-area .copyright-menu ul {
  flex-wrap: wrap;
  justify-content: center;
}

/* Teeman tj-primary-btn: nowrap + text-shadow-liukuefekti ei kestä pitkiä
   editorista tulevia tekstejä kapealla näytöllä -> mobiilissa sallitaan
   rivitys ja neutraloidaan liukuefekti (hover ei ole mobiilissa oleellinen) */
@media (max-width: 575.98px) {
  .tj-primary-btn {
    max-width: 100%;
  }
  .tj-primary-btn .btn_inner .btn_text {
    white-space: normal;
    text-shadow: none !important;
    line-height: 1.4;
  }
  .tj-primary-btn:hover .btn_inner .btn_text > span {
    transform: none;
  }
}

/* Järjestelmät-osion CTA on 621px leveä yksirivisenä -> rivitys myös 576-767px */
@media (min-width: 576px) and (max-width: 767.98px) {
  #jarjestelmat .tj-primary-btn {
    max-width: 100%;
  }
  #jarjestelmat .tj-primary-btn .btn_inner .btn_text {
    white-space: normal;
    text-shadow: none !important;
    line-height: 1.4;
  }
  #jarjestelmat .tj-primary-btn:hover .btn_inner .btn_text > span {
    transform: none;
  }
}

/* Hinnoittelukorttien otsikkoteksti (mm. "Ilmanvaihtokoneiden myynti &
   vaihtotyöt", inline font-size:34px): pisin sana ei mahdu korttiin
   kapealla näytöllä eikä col-xl-4-kortissa 1200-1399px -> skaalataan */
@media (max-width: 575.98px) {
  .pricing__area .pricing__box .price-number[style*="font-size"] {
    font-size: clamp(20px, 6.5vw, 34px) !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .pricing__area .pricing__box .price-number[style*="font-size"] {
    font-size: 31px !important;
  }
}