/* =========================================================
   DirectClinics — Front page sections
   Reuses brand vars from dc-header.css (--dc-navy etc.)
========================================================= */
/* Palet-tokens staan nu centraal in dc-base.css */
.dc-home { font-family: Inter, sans-serif; color: var(--dc-navy); }
.dc-home .dc-serif { font-family: "Lora", Georgia, serif; }
.dc-home section { position: relative; }
a.dc-vk-foot__contact {
    margin-top: 20px;
}
.dc-home section.dc-sec.dc-sec--cream.dc-help {
    margin: 50px 0px;
}
.dc-home section.dc-quotes {
    margin-top: 50px;
}
.dc-home section.dc-sec.dc-sec--cream.dc-werkwijze {
    margin-bottom: 50px;
}
section.dc-pb-vergelijk-sec {
    //margin: 50px 0px;
}
/* Zoekbalk op specialismepagina's: de ruimte tussen hero en het volgende
   blok wordt cream (volle breedte), zodat het vergelijkblok niet meer met
   een negatieve margin omhoog hoeft. Meerdere vergelijkblokken op één
   pagina overlappen daardoor niet meer.
   flow-root: de -42px van .dc-home-search blijft binnen deze container,
   zodat het cream vlak pas op de onderrand van de hero begint. */
.single-specialisme .dc-container:has(> .dc-home-search) {
    display: flow-root;
    position: relative;
    z-index: 0;
}
.single-specialisme .dc-container:has(> .dc-home-search)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--cream, #F7F5F2);
    box-shadow: 0 0 0 100vmax var(--cream, #F7F5F2);
    clip-path: inset(0 -100vmax);
    z-index: -1;
}

aside.dc-dinhoud__card article.dc-vk.dc-vk--c1 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c2 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c3 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c4 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c5 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c6 {
    flex: 1;
}
aside.dc-dinhoud__card article.dc-vk.dc-vk--c7 {
    flex: 1;
}
.dc-home .swiper:not(.swiper-initialized) { opacity: 0; }
.dc-home .swiper.swiper-initialized { opacity: 1; transition: opacity .3s ease; }
/* ---------- HERO ---------- */
.dc-hero {
  min-height: 80vh;
  display: flex;
  align-items: stretch;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  color: #fff;
	background-position-y: 10%;
}
.dc-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,20,25,.35), rgba(10,20,25,.7));
}
.dc-hero__inner { position: relative; z-index: 2; width: 100%; padding-top: 120px; padding-bottom: 80px; display: flex; flex-direction: column; justify-content: center; }
.dc-hero__title {
  margin: auto auto 25px;
}
h1.dc-hero__title {
    max-width: 850px;
}
.dc-hero__sub { max-width: 640px; margin: 0 auto; font-size: 15px; opacity: .95; line-height: 1.65; }
/* 26-10-2026: meerdere alinea's in de hero-tekst */
.dc-hero__sub + .dc-hero__sub { margin-top: 12px; }
.dc-hero .dc-hero__badges { display: flex; gap: 16px 44px; justify-content: center; flex-wrap: wrap; position: static; margin-top: auto; padding-top: 40px; z-index: 2; }
.dc-hero__badge { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
.dc-hero__badge i { color: #6ba8ae; font-size: 25px; }

/* ---------- SEARCH BAR (overlaps hero bottom) ---------- */
.dc-home-search {
  margin: -42px auto 0;
  //max-width: 1180px;
  background: linear-gradient(180deg, #cbcbcb, #f7f8f8);
  border-radius: 46px;
  box-shadow: 0 18px 50px rgba(0,0,0,.10);
  padding: 25px 32px;
  position: relative;
  z-index: 5;
}
.dc-popsearch { display: flex; align-items: center; gap: 28px; }
.dc-popsearch__label {
  font-weight: 700; color: var(--dc-navy);
  white-space: nowrap; font-size: 17px;
}
.dc-popsearch__links {
  display: flex; align-items: center; flex-wrap: wrap; justify-content: center;
  gap: 4px 2px; flex: 1;
}
.dc-popsearch__links a {
  color: #44565b; text-decoration: none; font-size: 15px;
  padding: 4px 6px; white-space: nowrap; transition: color .2s ease;
}
.dc-popsearch__links a:hover { color: var(--dc-teal); }
.dc-popsearch__links a::after { content: "\203A"; margin-left: 5px; color: #6ba8ae; }
.dc-popsearch__form { flex: none; }
.dc-popsearch__form .dc-specialisme-search { margin: 0; }
.dc-popsearch__form .dc-search-wrap { position: relative; display: flex; align-items: center; justify-content: flex-end;}
.dc-popsearch__form .dc-search-input {
  width: 250px; border: 1.5px solid var(--dc-teal); border-radius: 999px;
  padding: 10px 46px 10px 22px; background: transparent;
  color: var(--dc-navy); font-size: 15px; outline: none;
}
.dc-popsearch__form .dc-search-input::placeholder { color: var(--dc-teal); opacity: .9; }
.dc-popsearch__form .dc-search-btn {
  position: absolute; right: 16px; background: none; border: 0; cursor: pointer;
  color: var(--dc-teal); display: inline-flex; align-items: center;
}
@media (max-width: 991px) {
  .dc-popsearch { flex-wrap: wrap; gap: 14px; }
  .dc-popsearch__form, .dc-popsearch__form .dc-search-input { width: 100%; }
  .dc-popsearch__form .dc-search-input { width: 100%; }
  /* nowrap houdt de label op één regel en duwt het blok breder dan het scherm */
  .dc-popsearch__label { white-space: normal; text-wrap: balance; text-align: center; width: 100%; }
  .dc-popsearch__links { width: 100%; }
  .dc-popsearch__links a { white-space: normal; }
  .dc-home-search { padding: 20px 18px; border-radius: 28px; margin-top: -24px; }
}

/* Sectie-spacing (.dc-sec + varianten) verhuisd naar dc-base.css (sectie 2b) */

/* ---------- INTRO (image + text) ---------- */
.dc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.dc-split img { width: 100%; border-radius: 16px; display: block; object-fit: cover; }
.dc-split__text h2 { margin: 0 0 25px; }
.dc-split__text p { line-height: 1.5; color: #43575c; margin: 0 0 15px; }

.dc-btn-primary:hover { transform: translateY(-1px); }

.dc-btn-sand:hover { transform: translateY(-1px); }

/* ---------- HELP SLIDER (services) ---------- */
.dc-help__head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 34px; }
.dc-help__head-text h2 { margin: 0 0 6px; }
.dc-help__head-text p { color: #5b6e73; margin: 0; }
.dc-help__arrows { display: flex; gap: 12px; flex: none; }
.dc-help__arrows button {
  width: 44px; height: 44px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--dc-sand); color: var(--graphite); font-size: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: filter .2s ease;
}
.dc-help__arrows button:hover { filter: brightness(.95); }
.dc-help__arrows button.swiper-button-disabled { opacity: .45; cursor: default; }

.dc-help { overflow-x: clip; }
.dc-help .swiper { padding: 4px 0 8px; }
.dc-help-swiper { margin-right: calc(50% - 50vw); }
.dc-help .swiper-slide { height: auto; }

.dc-card {
  background: #fff; border-radius: 18px; overflow: hidden;
  display: flex; flex-direction: column; height: 100%;
}
.dc-card__top {
  position: relative;
  min-height: 300px;
  padding: 28px 30px 44px;
  color: #fff;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(255,255,255,.32), rgba(255,255,255,0) 55%),
    radial-gradient(130% 110% at 100% 0%, rgba(255,255,255,.20), rgba(255,255,255,0) 55%),
    var(--card-b, #1a2a2e);
  justify-content: space-evenly;
}
/* 22-09-2026: gekleurde kop is een link naar dezelfde pagina als "Meer informatie". */
a.dc-card__top, a.dc-card__top:hover, a.dc-card__top:focus { text-decoration: none; }
a.dc-card__top:hover .dc-card__title { text-decoration: underline; text-underline-offset: 4px; }
.dc-card__title {font-size: 30px; margin: 0 0 14px; color: #fff; }
.dc-card__desc {
  font-size: 14px; line-height: 1.55; margin: 0; color: rgba(255,255,255,.92) !important;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;
}
h1.dc-hero__title {
    color: #fff;
}
.dc-card__tab {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    background: #32666b;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 0 99px 99px 0;
    min-width: 60%;
}
.dc-help__foot {
    //max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
/* kleurpalet per kaart (cyclt op index) — alleen de basiskleuren */
.dc-card--c1 { --card-a: #B8AEA4; --card-b: #B8AEA4; }  /* beige  */
.dc-card--c2 { --card-a: #78b5ba; --card-b: #78b5ba; }  /* petrol licht */
.dc-card--c3 { --card-a: #407377; --card-b: #407377; }  /* petrol */
.dc-card--c4 { --card-a: #373737; --card-b: #373737; }  /* graphite */
.dc-card--c5 { --card-a: #898989; --card-b: #898989; }  /* stone  */
/* lichte kaarten (beige/stone): donkere tekst voor leesbaarheid */
.dc-card--c1 .dc-card__top, .dc-card--c5 .dc-card__top,
.dc-card--c1 .dc-card__desc, .dc-card--c5 .dc-card__desc { color: var(--graphite); }

.dc-card__body { padding: 45px 30px 24px; display: flex; flex-direction: column; flex: 1; }
.dc-card__list-title { font-size: 15px; font-weight: 700; color: #2a2a2a; margin: 0 0 10px; }
.dc-card__list {margin: 0 0 20px; padding: 0px 0px 0px 17px; }
.dc-card__list li { font-size: 14px; color: #56686d; line-height: 1.5; padding: 2px 0; }
.dc-card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 15px;}
.dc-card__price { font-weight: 700; color: #2a2a2a; }
.dc-card__more { color: var(--dc-cta-solid); font-weight: 600; text-decoration: none; white-space: nowrap; }
.dc-card__more:hover { text-decoration: underline; }

.dc-help__foot { display: flex; align-items: center; gap: 22px; margin-top: 34px; flex-wrap: wrap; }
.dc-help__contact { color: var(--dc-navy); font-weight: 600; text-decoration: none; font-size: 16px;}
.dc-help__contact:hover { color: var(--dc-teal); }
@media (max-width: 575px) {
  .dc-help__arrows { display: none; }
}

.dc-slider-nav { display: flex; gap: 10px; justify-content: center; margin-top: 8px; }
.dc-slider-nav button,
.dc-help__head .dc-slider-arrows button {
  width: 40px; height: 40px; border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15); background: #fff; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.dc-slider-nav button:hover { background: var(--dc-cta-solid); color: #fff; border-color: var(--dc-cta-solid); }

/* ---------- MAP SECTION ---------- */
.dc-map__grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: start; }
.dc-map__text h2 { margin: 0 0 25px; }
.dc-map__text p { color: #43575c; line-height: 1.5; }

/* ---------- USP CIRCLE ROW ---------- */
.dc-usps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; align-items: start; }
.dc-usps__icon {
    width: 84px;
    height: 84px;
    border-radius: 999px;
    background: #b8aea4;
    color: #d8cfc4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 18px;
}
.dc-usps__icon i { line-height: 1; }
.dc-usps__item h4 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #000000;
    font-family: 'Inter' !important;
    font-weight: 500;
}
.dc-usps__item p { font-size: 15px; color: var(--graphite); line-height: 1.5; margin: 0 auto; max-width: 250px; font-weight: 200;}

/* ---------- QUOTES SLIDER ---------- */
.dc-quotes { position: relative; overflow: hidden; }
.dc-quotes-swiper { width: 100%; }
.dc-quote-slide {
  position: relative;
  min-height: 600px;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  padding: 90px 20px 130px;
  background-size: cover; background-position: center;
}
.dc-quote-overlay { position: absolute; inset: 0; background: rgba(18,26,28,.7); }
.dc-quote-inner { position: relative; z-index: 2; max-width: 1180px; }
.dc-quote-subtitle { font-size: clamp(16px, 1.4vw, 22px); margin: 0 0 26px; opacity: .92; font-family: 'Lora';}
.dc-quote-text { font-family: lora, Georgia, serif; font-size: 35px; line-height: 45px; margin: 0 0 24px; }
@media (max-width: 991px) { .dc-quote-text { font-size: 32px; line-height: 1.2; } }
@media (max-width: 575px) { .dc-quote-text { font-size: 27px; } }
.dc-quote-author { font-size: 15px; opacity: .9; margin: 0; }
.dc-quote--dark { color: #1d2a2d; }
.dc-quote--light { color: #fff; }
.dc-quotes__nav {
  position: absolute; left: 0; right: 0; bottom: 40px; z-index: 3;
  display: flex; gap: 12px; justify-content: center;
}
.dc-quotes__nav button {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    background: rgb(216 207 196);
    color: #32666b;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease;
}
.dc-quotes__nav button:hover { background: rgba(255,255,255,.35); }

/* ---------- WERKWIJZE (steps) ---------- */
.dc-werkwijze__head { text-align: center; max-width: 720px; margin: 0 auto 56px; }
.dc-werkwijze__head h2 { margin: 0 0 25px; }
.dc-werkwijze__head p { color: #5b6e73; line-height: 1.5; margin: 0; }
.dc-werkwijze__steps {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(5, 1fr);
  position: relative;
}
.dc-werkwijze__step {
  position: relative; padding: 0 12px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.dc-werkwijze__step::before {
  content: ""; position: absolute; top: 18px; left: -50%; width: 100%; height: 2px;
  background: rgba(42,42,42,.12); z-index: 0;
}
.dc-werkwijze__step:first-child::before { display: none; }
.dc-werkwijze__num {
  position: relative; z-index: 1;
  width: 36px; height: 36px; border-radius: 999px;
  background: #6ba8ae; color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; margin-bottom: 16px;
}
.dc-werkwijze__step:last-child .dc-werkwijze__num { background: #32666b; }
.dc-werkwijze__label {
  font-size: 14px; font-weight: 600; color: var(--dc-navy);
  line-height: 1.4; max-width: 170px;
}
/* 26-10-2026: optionele beschrijving per stap (origineel: archive/de-teksten-20261026/) */
.dc-werkwijze__body {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  max-width: 210px;
}
.dc-werkwijze__body .dc-werkwijze__label { max-width: none; }
.dc-werkwijze__tekst {
  font-size: 13.5px; font-weight: 400; line-height: 1.55; color: #5b6e73;
}
@media (max-width: 767px) {
  .dc-werkwijze__steps { grid-template-columns: 1fr; gap: 26px; }
  .dc-werkwijze__step { flex-direction: row; gap: 16px; text-align: left; padding: 0; }
  .dc-werkwijze__step::before { display: none; }
  .dc-werkwijze__num { margin-bottom: 0; flex: none; }
  .dc-werkwijze__label { max-width: none; }
}

/* ---------- WERKWIJZE (steps) — handled by Elementor widget later, placeholder hook ---------- */

/* ---------- PARTNER SECTION ---------- */
.dc-partner__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.dc-partner__text h2 { margin: 0 0 25px; }
.dc-partner__text p { color: #43575c; line-height: 1.5; margin: 0 0 16px; }
.dc-partner__img { width: 100%; border-radius: 16px; }

/* Grote quote (.dc-bigquote) verhuisd naar dc-base.css (sectie 3, Typografie) */

/* ---------- FAQ ---------- */
.dc-faq { margin: 0 auto; background: var(--dc-section-cream); border-radius: 18px; padding: 38px 40px; }
.dc-faq h2 { text-align: left; margin: 0 0 22px; font-size: 25px;}
.dc-faq__item { border-bottom: 1px solid rgba(0,0,0,.08); }
.dc-faq__q {
  width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
  padding: 18px 0; font-size: 15px; color: #2a2a2a;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
}
.dc-faq__q::after { content: "+"; font-size: 22px; color: var(--dc-teal); flex: none; }
.dc-faq__item.open .dc-faq__q::after { content: "\2013"; }
.dc-faq__a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.dc-faq__a-inner { padding: 0 0 18px; color: #2a2a2a; line-height: 1.5; }
.dc-faq__actions { margin-top: 26px; display: flex; gap: 14px; justify-content: space-between; }

/* ---------- BLOG / KENNISBANK ---------- */
.dc-blog { overflow-x: clip; }
.dc-blog .dc-container { max-width: 1520px; padding-left: 12px; }
.dc-blog__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 34px; }
.dc-blog__head-text h2 { margin: 0 0 6px; }
.dc-blog__head-text p { color: #5b6e73; margin: 0; }
.dc-blog__arrows { display: flex; gap: 12px; flex: none; }
.dc-blog__arrows button {
  width: 44px; height: 44px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--dc-sand); color: var(--graphite); font-size: 18px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: filter .2s ease;
}
.dc-blog__arrows button:hover { filter: brightness(.95); }
.dc-blog__arrows button.swiper-button-disabled { opacity: .45; cursor: default; }

.dc-blog__slider { position: relative; }
.dc-blog__band {
  position: absolute; z-index: 0;
  top: 130px; bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  background: #d8cfc4;
}
.dc-blog-swiper { position: relative; z-index: 1; margin-right: calc(50% - 50vw); padding-bottom: 6em; }
.dc-blog .swiper-slide { height: auto; }
.dc-blog-card { display: flex; flex-direction: column; height: 100%; }
.dc-blog-card img {
  width: 100%; aspect-ratio: 5/3; object-fit: cover;
  border-radius: 25px; display: block;
}
.dc-blog-card__body { padding: 20px 6px 0; display: flex; flex-direction: column; flex: 1; color: var(--graphite); }
.dc-blog-card__body h3 { font-size: 22px; margin: 0 0 10px; color: #fff; }
.dc-blog-card__body p {
  color: #fff; font-size: 14px; line-height: 1.55; margin: 0 0 16px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.dc-blog-card__body a { margin-top: auto; color: var(--dc-cta-solid); font-weight: 500; text-decoration: none; font-size: 16px;}
.dc-blog-card__body a:hover { text-decoration: underline; }
@media (max-width: 991px) { .dc-blog__band { top: 100px; } }
@media (max-width: 575px) {
  .dc-blog__arrows { display: none; }
  .dc-blog__band { display: none; }
  .dc-blog-card__body { color: var(--dc-navy); padding: 16px 4px 0; }
  .dc-blog-card__body h3 { color: var(--dc-navy); }
  .dc-blog-card__body p { color: #56686d; }
}

/* ---------- FOOTER USP STRIP ---------- */
.dc-sec.dc-blog { padding-bottom: 0; }
.dc-footer-usps { background: #4a4a4a; padding: 64px 0; }
.dc-footer-usps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; }
.dc-footer-usps__item { display: flex; flex-direction: column; align-items: center; }
.dc-footer-usps__icon {
  width: 78px; height: 78px; border-radius: 999px;
  background: var(--cream); color:#6da9af;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 30px; margin-bottom: 18px;
}
.dc-footer-usps__label { color: #fff; font-size: 15px; font-weight: 600; }
@media (max-width: 767px) { .dc-footer-usps__grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } }
@media (max-width: 420px) { .dc-footer-usps__grid { grid-template-columns: 1fr; } }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {
  .dc-split, .dc-map__grid, .dc-partner__grid { grid-template-columns: 1fr; gap: 32px; }
  .dc-usps { grid-template-columns: repeat(2, 1fr); gap: 26px; }
  .dc-hero { min-height: 460px; }
}
@media (max-width: 575px) {
  .dc-usps { grid-template-columns: 1fr; }
  .dc-hero .dc-hero__badges { gap: 24px; }
}
.dc-help__foot .dc-btn-primary {
    background: #2a2a2a;
}
.dc-partner__text .dc-btn-primary {
    background: #2a2a2a;
}
.leaflet-container a {
    color: #2a2a2a !Important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    box-shadow: none !Important;
}

.dc-popup p {
    font-family: 'Inter';
}
.dc-popup h3 {
    font-weight: 500;
}
/* Sidewide koppen (Lora + schaal) staan nu in dc-base.css */
/* ============================================================
   Homepage aanpassingen: zoekbalk-layout + knop-centrering mobiel
   ============================================================ */

/* Zoekbalk: desktop = originele rij (label | items | zoekveld); vanaf 768px = label+zoekveld boven, items eronder */
.dc-popsearch__bar { display: contents; }
.dc-popsearch__label { order: 1; }
.dc-popsearch__links { order: 2; }
.dc-popsearch__form { order: 3; }
@media (max-width: 768px) {
  .dc-popsearch { flex-direction: column; align-items: stretch; gap: 16px; }
  .dc-popsearch__bar { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
  .dc-popsearch__links { flex: initial; }
}

/* Knoppen gecentreerd vanaf 768px (mobiel) */
@media (max-width: 768px) {
  .dc-help__foot, .dc-faq__actions, .dc-map__text > div { justify-content: center; }
  .dc-split__text .dc-btn-primary, .dc-split__text .dc-btn-sand,
  .dc-partner__text .dc-btn-primary, .dc-partner__text .dc-btn-sand {
    display: block; width: fit-content; margin-left: auto; margin-right: auto;
  }
}

/* Footer-USP's: grid op desktop, slider op mobiel (<=991px) */
.dc-fusp-sliderwrap { position: relative; }
.dc-fusp-swiper:not(.swiper-initialized) { opacity: 1 !important; }
@media (min-width: 992px) {
  .dc-fusp-swiper .swiper-wrapper.dc-footer-usps__grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; transform: none !important; height: auto !important; }
  .dc-fusp-swiper .swiper-slide { width: auto !important; height: auto !important; }
  .dc-fusp-sliderwrap .swiper-button-prev, .dc-fusp-sliderwrap .swiper-button-next { display: none !important; }
}
@media (max-width: 991px) {
  .dc-fusp-swiper { overflow: hidden; }
  .dc-fusp-swiper .swiper-wrapper { display: flex !important; grid-template-columns: none !important; gap: 0 !important; align-items: stretch; }
  .dc-fusp-swiper .swiper-slide { height: auto; box-sizing: border-box; }
}
.dc-fusp-sliderwrap .swiper-button-prev, .dc-fusp-sliderwrap .swiper-button-next {
  --swiper-navigation-size: 16px;
  color: #fff; background: rgba(255, 255, 255, .18);
  width: 36px; height: 36px; border-radius: 50%;
  top: 50%; margin-top: 0; transform: translateY(-50%);
}
.dc-fusp-sliderwrap .swiper-button-prev { left: -4px; }
.dc-fusp-sliderwrap .swiper-button-next { right: -4px; }
/* 08-10-2026: footer-USP's mobiel: pijlen naast de slides in plaats van eroverheen. */
@media (max-width: 991px) {
  .dc-fusp-sliderwrap { padding: 0 22px; }
  .dc-fusp-sliderwrap .swiper-button-prev { left: -20px; }
  .dc-fusp-sliderwrap .swiper-button-next { right: -20px; }
}

/* ============================================================
   Werkwijze- + USP-slider (homepage, self-contained): grid op desktop,
   slider op mobiel. Niet afhankelijk van dc-blokken.css.
   ============================================================ */
.dc-werkwijze-sliderwrap, .dc-usps-sliderwrap { position: relative; }
.dc-usps-swiper:not(.swiper-initialized), .dc-werkwijze-swiper:not(.swiper-initialized) { opacity: 1 !important; }
@media (min-width: 992px) {
  .dc-werkwijze-swiper .swiper-wrapper { display: grid !important; transform: none !important; height: auto !important; }
  .dc-usps-swiper .swiper-wrapper.dc-usps { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; transform: none !important; height: auto !important; }
  .dc-werkwijze-swiper .swiper-slide, .dc-usps-swiper .swiper-slide { width: auto !important; height: auto !important; }
  .dc-werkwijze-sliderwrap .swiper-button-prev, .dc-werkwijze-sliderwrap .swiper-button-next,
  .dc-usps-sliderwrap .swiper-button-prev, .dc-usps-sliderwrap .swiper-button-next { display: none !important; }
}
@media (max-width: 991px) {
  .dc-werkwijze-swiper, .dc-usps-swiper { overflow: hidden; }
  .dc-werkwijze-swiper .swiper-wrapper, .dc-usps-swiper .swiper-wrapper { display: flex !important; grid-template-columns: none !important; gap: 0 !important; align-items: stretch; }
  .dc-werkwijze-swiper .swiper-slide, .dc-usps-swiper .swiper-slide { height: auto; box-sizing: border-box; }
  .dc-werkwijze-swiper .dc-werkwijze__step::before { display: none !important; }
  .dc-werkwijze-swiper .dc-werkwijze__step { flex-direction: column !important; text-align: center !important; padding: 0 !important; height: auto; }
  .dc-werkwijze-swiper .dc-werkwijze__num { margin-bottom: 14px !important; flex: none; }
  .dc-werkwijze-swiper .dc-werkwijze__label { max-width: 60vw !important; margin-left: auto; margin-right: auto; }
  .dc-werkwijze-swiper .dc-werkwijze__body { max-width: 70vw; margin-left: auto; margin-right: auto; }
  .dc-werkwijze-swiper .dc-werkwijze__body .dc-werkwijze__label { max-width: none !important; }
}
.dc-werkwijze-sliderwrap .swiper-button-prev, .dc-werkwijze-sliderwrap .swiper-button-next,
.dc-usps-sliderwrap .swiper-button-prev, .dc-usps-sliderwrap .swiper-button-next {
  --swiper-navigation-size: 18px;
  color: #fff; background: var(--bs-primary, #32666b);
  width: 38px; height: 38px; border-radius: 50%;
  top: 50%; margin-top: 0; transform: translateY(-50%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}
.dc-werkwijze-sliderwrap .swiper-button-prev, .dc-usps-sliderwrap .swiper-button-prev { left: -20px; }
.dc-werkwijze-sliderwrap .swiper-button-next, .dc-usps-sliderwrap .swiper-button-next { right: -20px; }
/* 08-10-2026: USP-slider mobiel: pijlen naast de slides in plaats van eroverheen.
   De slider krijgt zijpadding, de (iets kleinere) pijlen staan in die ruimte en de containermarge. Werkwijze ongewijzigd. */
@media (max-width: 991px) {
  .dc-usps-sliderwrap { padding: 0 22px; }
  .dc-usps-sliderwrap .swiper-button-prev, .dc-usps-sliderwrap .swiper-button-next { width: 32px; height: 32px; --swiper-navigation-size: 15px; }
  .dc-usps-sliderwrap .swiper-button-prev { left: -22px; }
  .dc-usps-sliderwrap .swiper-button-next { right: -22px; }
}


/* Hero-USP's onderin op desktop; op mobiel terug in de flow onder de tekst
   zodat lange titels de badges niet overlappen. */
@media (max-width: 768px) {
  .dc-hero { align-items: center; }
  .dc-hero__inner { justify-content: center; }
  .dc-hero .dc-hero__badges { position: static; margin-top: 24px; }
}

.dc-blog-card__body h3 {
    margin: 0 0 10px;
    font-size: 21px;
    line-height: 1.25;
}
.dc-blog-card__body a {
    font-size: 15px;
}

.dc-small-container.dc-vk-filters {
    margin-left: auto;
    margin-right: auto;
}
button.dc-vkfilter {
    border: 1px solid #cfc6bb;
    background: #fff;
    color: #2A2A2A;
    border-radius: 999px;
    padding: 10px 26px;
    font-family: 'Lora', Georgia, serif;
    font-size: 15px;
}

/* =========================================================
   Mobiele correcties 21-09-2026
   Origineel: archive/mobiel-20260921/assets/css/dc-home.css
========================================================= */
@media (max-width: 991px) {
  /* Slider-pijlen onder de kop in plaats van ernaast */
  .dc-help__head { flex-direction: column; align-items: stretch; gap: 14px; }
  .dc-help__arrows { justify-content: center; }
  .dc-blog__head { flex-direction: column; align-items: stretch; gap: 14px; }
  .dc-blog__arrows { justify-content: center; }
}
@media (max-width: 767px) {
  /* Quotes waren 32px Lora op een telefoon; dat vult het halve scherm */
  .dc-quote-text { font-size: 24px; line-height: 1.3; }
  .dc-quote-subtitle { font-size: 16px; }
}
@media (max-width: 575px) {
  .dc-quote-text { font-size: 22px; line-height: 1.3; }
	body.home .dc-card__title {    font-size: 23px;}
.wpcf7 form {
    padding: 20px;
}
	.wpcf7-list-item label {
    border-radius: 20px !important;
}
	.hm-appointment-col-form .hm-card {
    padding: 10px;
}
}

/* =========================================================
   Mobiele correcties 23-09-2026
   Origineel: archive/mobiel-20260923/assets/css/dc-home.css
========================================================= */
@media (max-width: 575px) {
  /* Specialismen-slider: pijlen ook op mobiel tonen. Ze staan (via de 991px-regel
     hierboven) al onder de koptekst, gecentreerd. Overschrijft display:none van regel ~247. */
  .dc-help__arrows { display: flex; }
}
@media (max-width: 768px) {
  /* "Altijd binnen 2 uur op locatie": Onderzoek plannen + telefoon onder elkaar */
  .dc-map__ctas { flex-direction: column; }
}

/* FAQ homepage: "Meer vragen tonen" (23-09-2026) */
.dc-home .dc-faq__item[hidden] { display: none; }
.dc-home .dc-faq__more { display: flex; justify-content: center; margin-top: 26px; }
.dc-home .dc-faq__loadmore {
  border: 1px solid #cfc6bb; background: transparent; color: var(--dc-navy);
  border-radius: 999px; padding: 8px 30px; font-family: 'Lora', Georgia, serif;
  font-size: 15px; line-height: 2; cursor: pointer; transition: border-color .2s, color .2s, transform .2s;
}
.dc-home .dc-faq__loadmore:hover { border-color: var(--bs-primary, #32666b); color: var(--bs-primary, #32666b); transform: translateY(-1px); }