.elementor-5841 .elementor-element.elementor-element-e57cc8e{margin-top:29px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5841 .elementor-element.elementor-element-8df5877{text-align:center;}.elementor-5841 .elementor-element.elementor-element-8df5877 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5841 .elementor-element.elementor-element-45fddcd{--divider-border-style:solid;--divider-border-width:3px;}.elementor-5841 .elementor-element.elementor-element-45fddcd .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-5841 .elementor-element.elementor-element-45fddcd .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-single-testimonial-slider, .elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial_card, .elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-tootltip-testimonial .elementskit-commentor-content::before{background-color:#02010100;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-pagination span{background-color:#B1B1B1;width:8px;height:8px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active{background-color:#BB8500;width:8px;height:8px;transform:scale(1.2);}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-single-testimonial-slider, .elementor-5841 .elementor-element.elementor-element-e82891e  .elementskit-testimonial_card{padding:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-profile-info .elementskit-author-name{margin-bottom:0px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-commentor-bio .elementskit-commentor-image > img{height:70px;width:70px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-pagination{bottom:-30px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-pagination span:not(:last-child){margin-right:12px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-navigation-button{font-size:36px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-button-prev{left:-10%;width:50px;height:50px;color:#000000;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-button-next{right:-10%;width:50px;height:50px;color:#000000;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-button-prev:hover{color:#000000;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-button-next:hover{color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:2;}}@media(max-width:767px){.elementor-5841 .elementor-element.elementor-element-8df5877 .elementor-heading-title{font-size:24px;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:1;}.elementor-5841 .elementor-element.elementor-element-e82891e .elementskit-testimonial-slider .swiper-pagination{bottom:-1px;}}/* Start custom CSS *//* ===========================
   Wildz Arvostelu – Elementor-yhteensopiva tyyli
   Käyttää Elementorin globaaleja värejä:
   --e-global-color-primary    (yleensä otsikot)
   --e-global-color-text       (leipäteksti)
   --e-global-color-secondary  (toissijainen teksti)
   --e-global-color-accent     (teeman korostusväri)
   =========================== */

.wildz-arvostelu {
  /* Synkataan Elementorin globaaleihin */
  --heading-color: var(--e-global-color-primary);
  --text-color: var(--e-global-color-text);
  --muted-color: var(--e-global-color-secondary);
  --accent-color: var(--e-global-color-accent);
  --border-color: rgba(0,0,0,.08);

  color: var(--text-color);
  line-height: 1.6;
}

/* Otsikot – pakotetaan sama sävy kuin teemassa ja oikaistaan paikalliset poikkeamat */
.wildz-arvostelu h1,
.wildz-arvostelu h2,
.wildz-arvostelu h3,
.wildz-arvostelu h4,
.wildz-arvostelu h5,
.wildz-arvostelu h6,
.wildz-arvostelu .elementor-heading-title {
  color: var(--heading-color) !important;
  font-weight: 600;
  line-height: 1.25;
  margin: 1.2em 0 .5em;
}

/* Kokoasteikko (mukauta halutessasi elementor-typografialla) */
.wildz-arvostelu h1 { font-size: clamp(1.75rem, 2.2vw + 1.2rem, 2.25rem); }
.wildz-arvostelu h2 { font-size: clamp(1.4rem, 1.6vw + 1rem, 1.8rem); }
.wildz-arvostelu h3 { font-size: clamp(1.2rem, 1.2vw + .8rem, 1.4rem); }

/* Teksti ja listat */
.wildz-arvostelu p,
.wildz-arvostelu li {
  color: var(--text-color);
  font-size: 1rem;
}

.wildz-arvostelu ul,
.wildz-arvostelu ol {
  margin: .4em 0 1em 1.25em;
  padding: 0;
}
.wildz-arvostelu li + li { margin-top: .35em; }

/* Linkit */
.wildz-arvostelu a {
  color: var(--accent-color);
  text-decoration: none;
}
.wildz-arvostelu a:hover,
.wildz-arvostelu a:focus { text-decoration: underline; }

/* Plussat/Miinukset-ruudukko */
.wildz-arvostelu .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .wildz-arvostelu .grid { grid-template-columns: 1fr; }
}

/* Huomautusteksti */
.wildz-arvostelu .disclaimer,
.wildz-arvostelu .muted,
.wildz-arvostelu small {
  color: var(--muted-color);
  font-size: .92rem;
}

/* Painike (jos käytät a.btn tai .btn) */
.wildz-arvostelu .btn,
.wildz-arvostelu a.btn {
  display: inline-block;
  padding: .8em 1.2em;
  border-radius: 999px;
  border: 1px solid var(--accent-color);
  background: var(--accent-color);
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  transition: transform .08s ease, opacity .2s ease;
}
.wildz-arvostelu .btn:hover { transform: translateY(-1px); opacity: .92; }

/* Kuvat */
.wildz-arvostelu img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Pehmeä nollaus: kumoaa vain tämän lohkon sisältä mahdolliset inline-värit */
.wildz-arvostelu [style*="color"] { color: inherit !important; }

/* Vapaaehtoinen: pieni korostelinja H2-otsikoiden alle teeman accent-värillä */
.wildz-arvostelu h2 {
  position: relative;
  padding-bottom: .25em;
}
.wildz-arvostelu h2::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 56px; height: 2px;
  background: var(--accent-color);
  opacity: .6;
}

/* --- Plussat vs Miinukset – mobiilikorjaus --- */

/* 1) Mobiilissa aina yksi palsta */
.wildz-arvostelu .grid {
  display: grid;
  grid-template-columns: 1fr;              /* mobiilissa yksipalstainen */
  gap: 1rem;
  align-items: start;
  box-sizing: border-box;
}

/* 2) Leveämmillä näytöillä kaksi palstaa, jotka saavat kutistua oikein */
@media (min-width: 640px) { /* voit vaihtaa 640px -> 768px jos haluat myöhemmin jakaa kahtia */
  .wildz-arvostelu .grid {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 1.25rem;
  }
}

/* 3) Estetään “ylileveneminen” pitkistä riveistä/listoista */
.wildz-arvostelu .grid > * {
  min-width: 0;                  /* tärkeä gridissä, estää sisällön työntämästä palstaa */
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 4) Listojen sisennys maltilliseksi, ettei tule vaakaskrollia kapealla */
.wildz-arvostelu .grid ul,
.wildz-arvostelu .grid ol {
  margin-left: 1.1em;            /* pienempi sisennys mobiilille */
  padding-left: 0;
}

/* 5) Varotoimi — jos jossain kohtaa syntyy leveä elementti, piilota ylivuoto tältä lohkolta */
.wildz-arvostelu {
  overflow-x: hidden;
}/* End custom CSS */