.ldr-page{--ldr-blue:#183B68;--ldr-yellow:#F4C928;color:var(--ldr-blue);font-family:inherit}.ldr-page *{box-sizing:border-box}.ldr-hero{background:var(--ldr-blue);color:white;padding:62px 24px;border-radius:16px}.ldr-hero-inner{max-width:1100px;margin:auto;position:relative}.ldr-kicker{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--ldr-yellow);margin-bottom:16px}.ldr-number{position:absolute;right:0;top:0;color:rgba(255,255,255,.13);font-size:100px;font-weight:900;line-height:1}.ldr-hero h1{color:white!important;font-size:clamp(38px,6vw,64px);font-weight:850;line-height:1.1;margin:0 0 14px}.ldr-hero h2{color:var(--ldr-yellow)!important;font-size:clamp(20px,3vw,28px);margin:0 0 18px}.ldr-hero p{max-width:760px;font-size:17px;line-height:1.75;color:#f0f3f8;margin:0}.ldr-body{max-width:1150px;margin:0 auto;padding:50px 18px}.ldr-section-head{margin-bottom:26px}.ldr-section-head span{font-size:12px;letter-spacing:.13em;color:#a87d00;font-weight:800}.ldr-section-head h2{font-size:clamp(27px,4vw,40px);color:var(--ldr-blue)!important;margin:9px 0}.ldr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ldr-card{background:#fff;border:1px solid #e1e5eb;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(24,59,104,.07);display:flex;flex-direction:column}.ldr-card-image img{display:block;width:100%;height:210px;object-fit:cover}.ldr-card-inner{padding:23px;display:flex;flex-direction:column;flex:1}.ldr-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#65758b;font-size:12px;font-weight:700}.ldr-status{background:#f9edb6;border-radius:20px;padding:5px 10px;color:var(--ldr-blue)}.ldr-card h3{font-size:22px;color:var(--ldr-blue)!important;margin:16px 0 10px;line-height:1.25}.ldr-card p{color:#43546a;font-size:15px;line-height:1.65}.ldr-card .ldr-contribution{padding:10px;background:#f1f4f8;border-radius:8px}.ldr-links{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:14px}.ldr-links a,.ldr-single-extra a{color:var(--ldr-blue)!important;font-weight:800;text-decoration:none!important}.ldr-links a:hover,.ldr-single-extra a:hover{text-decoration:underline!important}.ldr-empty{background:#f1f4f8;padding:35px;border-radius:12px}.ldr-empty h3{color:var(--ldr-blue)!important}.ldr-pagination{display:flex;gap:8px;justify-content:center;margin:30px}.ldr-pagination a{border:1px solid #c9d3e0;padding:8px 14px;border-radius:8px;color:var(--ldr-blue)}.ldr-pagination a.active{background:var(--ldr-yellow);border-color:var(--ldr-yellow)}.ldr-bottom{margin-top:44px;padding:23px 28px;border-radius:12px;background:var(--ldr-yellow);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ldr-bottom strong{font-size:21px}.ldr-bottom a{background:var(--ldr-blue);color:white!important;border-radius:9px;padding:12px 18px;font-weight:800;text-decoration:none!important}.ldr-single-extra{margin-top:28px;padding:20px;border-radius:12px;background:#f1f4f8;color:#183B68}@media(max-width:900px){.ldr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ldr-grid{grid-template-columns:1fr}.ldr-hero{padding:42px 22px}.ldr-number{font-size:65px}.ldr-body{padding:35px 12px}}

/* =========================================
   LOKAAL DINKELLAND - DETAILPAGINA RAADSWERK
   ========================================= */

body.single-ldr_item {
    background: #183B68;
}

/* Hoofdvlak */
body.single-ldr_item .entry-content {
    color: #183B68;
    font-size: 17px;
    line-height: 1.8;
}

/* Titel */
body.single-ldr_item .entry-title {
    color: #183B68 !important;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    line-height: 1.25;
}

/* Gewone tekst */
body.single-ldr_item .entry-content p {
    line-height: 1.8;
    margin-bottom: 22px;
}

/* Officiële gegevens en documenten */
body.single-ldr_item .ldr-single-extra {
    background: #F1F4F8;
    border-radius: 14px;
    padding: 30px;
    margin-top: 35px;
    border-left: 5px solid #F4C928;
}

body.single-ldr_item .ldr-single-extra p {
    margin: 0 0 16px;
    color: #183B68;
}

body.single-ldr_item .ldr-single-extra a {
    display: inline-flex;
    align-items: center;
    padding: 11px 17px;
    background: #FFFFFF;
    border: 1px solid #DCE4EF;
    border-radius: 9px;
    color: #183B68 !important;
    font-weight: 700;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

body.single-ldr_item .ldr-single-extra a:hover {
    background: #F4C928;
    border-color: #F4C928;
}

/* Mobiele weergave */
@media (max-width: 767px) {
    body.single-ldr_item .ldr-single-extra {
        padding: 20px;
    }

    body.single-ldr_item .entry-title {
        font-size: 28px;
    }
}

/* Moderne detailpagina - Lokaal Dinkelland */

body.single-ldr_item .content-bg,
body.single-ldr_item .site-main > article {
    background: #ffffff !important;
    border-radius: 18px;
}

body.single-ldr_item .site-main > article {
    padding: clamp(24px, 5vw, 55px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .12);
}

body.single-ldr_item .entry-header {
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 3px solid #F4C928;
}

body.single-ldr_item .entry-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

body.single-ldr_item .entry-content a {
    overflow-wrap: anywhere;
}

body.single-ldr_item .ldr-single-extra {
    background: #F7F9FC;
    border: 1px solid #E3EAF2;
    border-left: 5px solid #F4C928;
    box-shadow: none;
}

@media (max-width: 767px) {
    body.single-ldr_item .site-main > article {
        padding: 22px;
        border-radius: 12px;
    }
}

/* Alleen raadswerk-detailpagina's: standaard Kadence-header verbergen */
body.single-ldr_item #masthead,
body.single-ldr_item #mobile-header,
body.single-ldr_item #colophon {
    display: none !important;
}

/* Ruimte bovenaan weghalen */
body.single-ldr_item #inner-wrap {
    padding-top: 0 !important;
}

body.single-ldr_item .content-area {
    margin-top: 0 !important;
}

/* =====================================
   MODERNE RAADSWERK DETAILPAGINA
   ===================================== */

body.single-ldr_item {
    background: #183B68 !important;
}

body.single-ldr_item .site,
body.single-ldr_item #inner-wrap,
body.single-ldr_item #primary,
body.single-ldr_item .content-area {
    background: transparent !important;
}

/* Witte inhoudskaart */
body.single-ldr_item .site-main > article,
body.single-ldr_item .content-bg {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.16);
}

/* Meer ruimte en een rustige indeling */
body.single-ldr_item .site-main > article {
    padding: clamp(28px, 5vw, 60px) !important;
}

/* Titel */
body.single-ldr_item .entry-title {
    color: #183B68 !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: -.025em;
}

/* Gele accentlijn */
body.single-ldr_item .entry-header {
    border-bottom: 4px solid #F4C928 !important;
    padding-bottom: 25px;
    margin-bottom: 35px;
}

/* Tekst */
body.single-ldr_item .entry-content {
    max-width: none;
    color: #34465D;
    font-size: 17px;
    line-height: 1.8;
}

/* Gegevensblok */
body.single-ldr_item .ldr-single-extra {
    background: #F5F7FA !important;
    border: 1px solid #E1E7EF !important;
    border-left: 5px solid #F4C928 !important;
    padding: 30px !important;
    border-radius: 14px !important;
}

/* Documentlinks */
body.single-ldr_item .ldr-single-extra a:not([style]) {
    background: white;
    border: 1px solid #DCE4EF;
    padding: 12px 18px;
    border-radius: 9px;
    display: inline-block;
    text-decoration: none !important;
    transition: .2s ease;
}

body.single-ldr_item .ldr-single-extra a:not([style]):hover {
    background: #F4C928;
    border-color: #F4C928;
}

@media(max-width:767px) {
    body.single-ldr_item .site-main > article {
        padding: 24px !important;
    }

    body.single-ldr_item .ldr-single-extra {
        padding: 20px !important;
    }
}

/* Kop boven het overzicht goed leesbaar maken */
.ldr-page .ldr-section-head h2 {
    color: #FFFFFF !important;
    font-weight: 800;
}

/* Gele tekst boven de kop */
.ldr-page .ldr-section-head span {
    color: #F4C928 !important;
}
