/* /tarieven-en-vergoedingen/ (Elementor post-43) */
html { scroll-behavior: smooth; }

/* Paginakop */
.page-hero--tarieven {
  --ph-img: url("/assets/images/MIS1020-scaled.jpg");
  --ph-pos: 0 54%;
  --ph-min: 372px;
  --ph-overlay: .76;
}

.tv-hero__btns {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  width: 100%;
}

/* Witte knop met witte rand; hover oranje-licht (#FF962D) */
.btn--white.tv-hero__btn {
  --btn-border: var(--color-white);
  --btn-hover-bg: var(--color-secondary);
  --btn-hover-border: var(--color-secondary);
  border-width: 2px;
}

/* Menu-ankers: 20px hoge strook met het anker 10px erin (zoals Elementor).
   scroll-margin houdt de kop onder de sticky header zichtbaar. */
.tv-anchor { padding: 10px; }
.tv-anchor__target { scroll-margin-top: 132px; }

/* Tekstblokken */
.tv-block { display: flex; flex-direction: column; }
.tv-block--18plus { background-color: #F1F1F1; }

.tv-block__inner {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  max-width: min(100%, 1140px);
  min-height: 513px;
  margin: 0 auto;
  padding: 50px 0;
}

.tv-block--zelf .tv-block__inner { min-height: 349px; padding: 0; }

.tv-block__col {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.tv-block__title { color: var(--color-text); font-size: 40px; }
.tv-block__text { padding-top: 10px; }

/* Veelgestelde vragen */
.tv-faq { padding: 4% 0; }

.tv-faq__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  max-width: min(100%, 1140px);
  margin: 0 auto;
}

.tv-faq__title { color: var(--color-text); font-size: 40px; }
.tv-faq__list { width: 97%; max-width: 97%; }
.tv-faq__more { margin-top: 10px; color: var(--color-text); font-size: 25px; }

/* ============================================
   Mobiel (≤767)
   ============================================ */
@media (max-width: 767px) {
  .tv-anchor__target { scroll-margin-top: 141px; }
  .tv-hero__btns { flex-wrap: wrap; }
  .tv-hero__btn { font-size: 13px; }

  .tv-block { padding: 0 15px; }
  .tv-block__inner {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    max-width: min(100%, 767px);
    min-height: 431px;
    padding: 20px 0 30px;
  }

  .tv-block--18plus .tv-block__inner { min-height: 163px; padding: 30px 0; }
  .tv-block--zelf .tv-block__inner { min-height: 431px; padding: 30px 0; }

  .tv-block__title { font-size: 25px; }

  .tv-faq { padding: 30px 15px; }
  .tv-faq__inner { max-width: min(100%, 767px); }
  .tv-faq__title { font-size: 25px; }
  .tv-faq__more { font-size: 20px; }
  .tv-faq__cta .btn { font-size: 13px; }
}