/* ==============================================
   DOELGROEP 45+ FIX: Grotere lettergroottes
   ============================================== */

/* Body tekst minimaal 18px */
body { font-size: 18px !important; line-height: 1.7 !important; }

/* Paragraphs en list items */
p, li, td, th, dd, dt, blockquote, label, span {
    font-size: inherit;
    line-height: 1.7;
}

/* Kleine tekst vergroten */
small, .text-sm, .text-xs, .small-text {
    font-size: 16px !important;
}

/* Topbar tekst vergroten */
.jb-topbar, .jb-topbar-item {
    font-size: 15px !important;
}
.jb-topbar-sep {
    font-size: 15px !important;
}

/* Navigatie links */
.jb-nav a, .jb-nav-cta {
    font-size: 17px !important;
}

/* Section labels (subtitels) */
.section-label {
    font-size: 15px !important;
    letter-spacing: 2px !important;
}

/* Knoppen groter */
.jb-nav-cta, a.jb-nav-cta, button {
    font-size: 17px !important;
}

/* Footer tekst */
.jb-footer, .jb-footer p, .jb-footer a, .jb-footer li {
    font-size: 16px !important;
}

/* Contrast verbeteren: lichtgrijze teksten donkerder */
.text-soft, [style*="color: #8a8578"], [style*="color:#8a8578"] {
    color: #6b6560 !important;
}

/* Mobiele aanpassingen */
@media (max-width: 768px) {
    body { font-size: 18px !important; }

    /* Hero titels mobiel */
    .section-title, h1, h2 {
        font-size: 30px !important;
        line-height: 1.3 !important;
    }
    h3 { font-size: 24px !important; }
    h4 { font-size: 20px !important; }

    /* Knoppen volle breedte op mobiel */
    .jb-nav-cta {
        font-size: 18px !important;
        padding: 16px 26px !important;
    }

    /* Topbar kleiner op mobiel maar nog leesbaar */
    .jb-topbar {
        font-size: 13px !important;
        gap: 12px !important;
        padding: 6px 12px !important;
    }

    /* Footer op mobiel */
    .jb-footer {
        font-size: 16px !important;
    }
}

/* ==============================================
   WINKELMAND ICOON IN HEADER
   ============================================== */
.jb-nav-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2c4a3e;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s;
    position: relative;
}
.jb-nav-cart:hover {
    color: #c4a265;
    background: rgba(196,162,101,0.08);
}
.jb-nav-cart svg {
    width: 22px;
    height: 22px;
}
@media (max-width: 768px) {
    .jb-nav-cart { display: none; }
}