/* DirectClinics – dienst-detailpagina.
   Bewust MINIMAAL: de pagina hergebruikt de bestaande sitewide-componenten
   (.dc-hero__badge, .dc-popsearch, .dc-usps, .dc-bigquote, .dc-quotes-swiper,
   .dc-partner__grid, .dc-werkwijze, .dc-faq, .dc-btn-*, .dc-sec--*, .dc-container).
   Hieronder staat alléén wat nergens sitewide bestaat:
   1) de 2-koloms dienst-hero (kleur uit de vergelijkkaart), en
   2) het detail-tabpaneel (bestond enkel als Elementor-widget).
   Tokens uit dc-base; kleurvarianten = het vergelijkkaart-palet (c1–c5). */
.dc-dhero__grid {
    min-height: 70vh;
}
.dc-dienst {
    background: var(--dc-section-cream);
}
body.single-dienst h3.dc-vk__title {
    font-size: 35px;
    line-height: 45px;
}
a.dc-dtabs__link {
    margin-top: 20px;
    font-weight: 600;
}
body.single-dienst .dc-hero__badge i {
    //color: #32666b;
}
body.single-dienst button.dc-faq__q {
    padding: 10px 0px;
    color: #2a2a2a;
}
a.dc-dhero__phone {
    margin-top: 20px;
}
.dc-dienst-white {
background: #fff;
}
/* ============ 1. HERO (2-koloms, kleur-variant) ============ */
.dc-dhero { --dh-accent: #407377; --dh-on: #fff; background: var(--dh-accent); color: var(--dh-on); }
.dc-dhero--c1 { --dh-accent: #c5bbb1; --dh-on: #2A2A2A; }
.dc-dhero--c2 { --dh-accent: #78b5ba; --dh-on: #fff; }
.dc-dhero--c3 { --dh-accent: #407377; --dh-on: #fff; }
.dc-dhero--c4 { --dh-accent: #373737; --dh-on: #fff; }
.dc-dhero--c5 { --dh-accent: #898989; --dh-on: #2A2A2A; }
.dc-dhero__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.dc-dhero__main { display: flex; align-items: center; }
.dc-dhero__inner { width: 100%; max-width: 590px; margin-left: auto; padding: 72px 56px 88px 24px; }
.dc-dhero__title { font-family: 'Lora', Georgia, serif; font-weight: 400; font-size: 52px; line-height: 1.1; margin: 0 0 22px; color: var(--dh-on); }
.dc-dhero__body { line-height: 1.65; opacity: .92; margin: 0 0 28px; }
.dc-dhero__badges { margin-bottom: 30px; }
.dc-dhero__btns { display: flex; flex-wrap: wrap; gap: 16px; }
.dc-dhero__btns .dc-btn-primary-dark, .dc-dhero__btns .dc-btn-sand { margin-top: 0; }
.dc-dhero__phone { align-self: center; color: var(--dh-on); font-weight: 700; text-decoration: none; }
.dc-dhero__phone:hover { text-decoration: underline; color: var(--dh-on); }
.dc-dhero__media { position: relative; min-height: 100%; }
.dc-dhero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ankerdoelen voor de sectie-navigatie */
.dc-danchor { display: block; height: 0; scroll-margin-top: 120px; }

/* ============ 3. INHOUD: 2-koloms (tekst + vergelijkkaart) ============ */
.dc-dinhoud { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 60px; align-items: start; }
.dc-dinhoud--full { grid-template-columns: minmax(0, 860px); }
.dc-dinhoud__intro { line-height: 1.5; color: #4a4a4a; margin: 0 0 24px; }
.dc-dinhoud__acc { margin: 0 0 26px; padding: 0; background: none; border-radius: 0; }

/* ============ 4. DETAIL-TABPANEEL (nergens sitewide → zelf) ============ */
.dc-dtabs { background: var(--graphite); border-radius: 20px; overflow: hidden; color: #eae7e3; }
.dc-dtabs__head { padding: 40px 48px 0; }
.dc-dtabs__title { font-family: 'Lora', Georgia, serif; font-weight: 400; font-size: 30px; color: #fff; margin: 0 0 18px; }
.dc-dtabs__intro { color: #d3cec8; line-height: 1.5; margin: 0 0 24px;}
.dc-dtabs__nav { display: flex; flex-wrap: wrap; gap: 12px; }
.dc-dtabs__tab { background: transparent; border: 2px solid rgba(255,255,255,.28); color: #d8d3cd; border-radius: 999px; padding: 9px 22px; font: inherit; font-size: 14px; cursor: pointer; transition: background .15s, color .15s; }
.dc-dtabs__tab.is-active { background: #7c7c7c; color: #fff; border-color: #7c7c7c; }
.dc-dtabs__body { background: #fff; color: var(--graphite); margin: 22px 0 0; border-radius: 0 0 20px 20px; padding: 34px 40px; }
.dc-dtabs__content { display: none; line-height: 1.5; color: #3f3f3f; max-height: 320px; overflow-y: auto; padding-right: 12px; }
.dc-dtabs__content.is-active { display: block; }
.dc-dtabs__content > *:first-child { margin-top: 0; }
.dc-dtabs__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.dc-dtabs__tag { font-size: 13px; color: var(--dc-muted); border: 1px solid #e0dbd3; border-radius: 999px; padding: 5px 14px; }
.dc-dtabs__btns { display: flex; align-items: center; gap: 24px; margin-top: 26px; flex-wrap: wrap; }
.dc-dtabs__link { font-family: 'Lora', Georgia, serif; color: var(--bs-primary); text-decoration: none; }

/* ============ 5/11. USP-labels (geen koptekst) ============ */
.dc-usps__label { display: block; font-weight: 600; font-size: 16px; line-height: 1.35; margin: 12px 0 6px; color: var(--graphite); }
.dc-sec--dark .dc-usps__label { color: #fff; margin-bottom: 0; }
.dc-sec--dark .dc-usps__icon { background: var(--cream); color: var(--petrol); }

/* ============ 7. FEATURE / extra-blok: foto rechts-variant ============ */
.dc-partner__grid--imgright > :first-child { order: 2; }
section.dc-bigquote.dc-dienst-white {
    padding-top: 155px;
}
section.dc-bigquote.dc-dienst-white  p.dc-quote-author {
    font-size: 25px;
    padding-top: 20px;
}
/* ============ Responsive ============ */
@media (max-width: 991px) {
    .dc-dhero__grid { grid-template-columns: 1fr; }
    .dc-dhero__media { min-height: 300px; }
    .dc-dhero__main { display: block; }
    .dc-dhero__inner { max-width: none; margin: 0; padding: 44px 24px 56px; }
    .dc-dhero__title { font-size: 38px; }
    .dc-dinhoud, .dc-dinhoud--full { grid-template-columns: 1fr; gap: 34px; }
    .dc-dtabs__head { padding: 28px 24px 0; }
    .dc-dtabs__body { margin: 18px; padding: 24px; }
}

body.single-dienst .dc-hero__badges.dc-dhero__badges {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dc-dinhoud__main h2 {
    font-size: 25px;
    line-height: 35px;
}

@media (min-width: 992px) {
	body.single-dienst .dc-dinhoud .container {
    padding-right: 0;
}}

body.single-dienst button.dc-faq__q {
    font-weight: 400;
}