/* ==========================================================================
   WordPress-aanvullingen op het ontwerp (site.css blijft 1-op-1)
   ========================================================================== */

/* WordPress zet width/height op afbeeldingen; de beeldverhoudingen uit het ontwerp moeten winnen */
img { height: auto; }

/* Toegankelijkheid */
.skiplink { position: absolute; left: -9999px; top: 0; z-index: 999; background: var(--navy); color: #fff; padding: 12px 18px; font-family: var(--f-head); font-weight: 600; }
.skiplink:focus { left: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Ingelogd: de vaste kop schuift onder de beheerbalk */
.admin-bar .header { top: 32px; }
@media (max-width: 782px) { .admin-bar .header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .header { top: 0; } }

/* SaffrieDesign-credit in de onderste footerregel */
.footer__bar .sd-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.footer__bar .sd-credit a:hover { color: var(--orange); }

/* Teamkaart met echte portretfoto */
.tcard__photo img { height: 100%; }

/* Sectie: vrije tekst */
.dk-tekst { max-width: 820px; }
.dk-inhoud { color: var(--muted); }
.dk-inhoud h2 { font-size: clamp(24px, 3vw, 32px); margin-top: 1.4em; }
.dk-inhoud h3 { font-size: 20px; margin-top: 1.4em; }
.dk-inhoud a { color: var(--orange); font-weight: 600; }
.dk-inhoud ul { list-style: disc; padding-left: 1.3em; margin: 0 0 1em; }
.dk-inhoud ol { padding-left: 1.3em; margin: 0 0 1em; }
.dk-knoppen { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }

/* Gewone pagina (privacy, voorwaarden) */
.dk-pagina { padding: clamp(56px, 7vw, 96px) 0; }
.dk-pagina h1 { font-size: clamp(32px, 4.4vw, 50px); }

/* Sectie: contactformulier */
.dk-form-wrap { max-width: 760px; margin: 0 auto; background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-sm); padding: clamp(26px, 4vw, 44px); }
.dk-form { display: grid; gap: 18px; }
.dk-form .rij { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.dk-form label { display: block; font-family: var(--f-head); font-weight: 600; font-size: 14.5px; margin-bottom: 7px; color: var(--ink); }
.dk-form input, .dk-form textarea { width: 100%; font: inherit; font-size: 16px; padding: 14px 16px; border: 1px solid #d6d8e4; background: #fff; color: var(--ink); }
.dk-form input:focus, .dk-form textarea:focus { outline: 2px solid var(--orange); outline-offset: 0; border-color: var(--orange); }
.dk-form .hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dk-form button { justify-self: start; }
.form-bericht { padding: 16px 18px; font-size: 15.5px; line-height: 1.5; margin: 0 0 14px; }
.form-bericht.ok { background: #eaf6ee; color: #14532d; border: 1px solid #bfe3cb; }
.form-bericht.fout { background: #fdecec; color: #8a1116; border: 1px solid #f4c2c4; }
@media (max-width: 600px) { .dk-form .rij { grid-template-columns: 1fr; } }

/* 404 */
.dk-404 { padding: clamp(80px, 10vw, 140px) 0; text-align: center; }
.dk-404 h1 { font-size: clamp(34px, 5vw, 56px); }
.dk-404 p { color: var(--muted); }

/* Op hele smalle telefoons (320 px) paste "Sluit u aan bij onze tevreden klanten" niet: knoppen mogen dan
   tussen twee woorden naar een tweede regel (de statische site liep daar buiten beeld) */
@media (max-width: 380px) { .btn { white-space: normal; text-align: center; line-height: 1.25; } }

/* [1.0.2] Openingstijden per dag; vandaag vet */
.uren { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 3px; min-width: 210px; }
.uren li { display: flex; justify-content: space-between; gap: 18px; }
.uren li.is-vandaag .uren__dag, .uren li.is-vandaag .uren__tijd { font-weight: 700; color: #fff; }
.uren--kaart { margin-top: 2px; }
.uren--kaart li { color: var(--muted, #5b5f7a); font-size: 15px; }
.uren--kaart li.is-vandaag .uren__dag, .uren--kaart li.is-vandaag .uren__tijd { color: var(--navy, #2b3081); }
.uren--kaart li.is-vandaag .uren__dag::after { content: " (vandaag)"; font-weight: 600; color: var(--orange, #dc8d05); }
.contact-list li.is-vandaag span { color: #fff; }
/* [1.0.2] Logo's van verzekeraars met link */
a.ins-logo { display: flex; }
.contact-list .uren li { display: grid; grid-template-columns: 104px auto; gap: 12px; justify-content: start; }
.roster > ul + .btns, .roster > ul + a, .roster > ul + div { margin-top: 30px; }