/* ════════════════════════════════════════════════════════════
   Riemenlabel Landing Plugin — Frontend CSS
   ════════════════════════════════════════════════════════════ */

/* ── SEO prepend blok — visueel ingebouwd in pagina ─────────
   NIET verborgen — Google straft display:none en visibility:hidden
   WEL gestyled als informatief blok dat aansluit op de pagina  */
.rlp-seo-prepend {
    /* Geen verberging — Google moet dit zien EN lezen */
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* ── SEO content wrapper ─────────────────────────────────── */
.rlp-seo-content {
    max-width: 860px;
    margin: 0 auto;
    padding: 40px 20px 60px;
    font-family: 'Jost', 'DM Sans', sans-serif;
    color: #1c1a17;
    line-height: 1.75;
}

/* ── Meta balk — datum + auteur (E-E-A-T) ─────────────────── */
.rlp-meta-balk {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    font-size: 0.82rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0ebe0;
    font-family: 'Roboto Condensed', sans-serif;
}

/* ── Definitie blok — BOVENAAN, direct antwoord voor Google ─ */
.rlp-definitie-blok {
    background: #FFF1E7;
    border-left: 4px solid #FF8A3D;
    border-radius: 0 8px 8px 0;
    padding: 1.25rem 1.5rem;
    margin: 0 0 1.25rem;
}
.rlp-definitie-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #8A3B0C;
    margin-bottom: 0.4rem;
    font-family: 'Roboto Condensed', sans-serif;
}
.rlp-definitie-blok p {
    margin: 0;
    font-size: 0.97rem;
    color: #3d4440;
    font-weight: 500;
}

/* ── Answer block — AI Overviews citaatblok ─────────────────
   40-60 woorden, zelfstandig leesbaar, citatiewaardig         */
.rlp-answer-block {
    background: #F7F5F0;
    border: 1.5px solid #e8dfd0;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin: 0 0 1.25rem;
}
.rlp-answer-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #FF8A3D;
    margin-bottom: 0.4rem;
    font-family: 'Roboto Condensed', sans-serif;
}
.rlp-answer-block p {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #1c1a17;
    line-height: 1.65;
}

/* ── Statistiek blok ─────────────────────────────────────── */
.rlp-statistiek {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: #F6F7F9;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 0 0 2rem;
}
.rlp-statistiek-icon { font-size: 1.2rem; flex-shrink: 0; line-height: 1.5; }
.rlp-statistiek p    { margin: 0; font-size: 0.95rem; color: #3d4440; }

/* ── H2 / H3 ─────────────────────────────────────────────── */
.rlp-seo-content h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.45rem;
    font-weight: 600;
    color: #1c1a17;
    margin: 2.5rem 0 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid #f0ebe0;
}
.rlp-seo-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #3d4440;
    margin: 1.75rem 0 0.4rem;
}
.rlp-seo-content p {
    margin: 0 0 1rem;
    font-size: 1rem;
}
.rlp-seo-content a {
    color: #e8650a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── Sectie antwoord (40-60 woorden per H2) ─────────────── */
.rlp-sectie-antwoord {
    background: #faf8f4;
    border-left: 3px solid #FF8A3D;
    padding: 0.9rem 1.2rem;
    margin: 0.5rem 0 1rem;
    border-radius: 0 6px 6px 0;
    font-size: 0.97rem;
    color: #1c1a17;
    line-height: 1.65;
}

/* ── E-E-A-T blok ────────────────────────────────────────── */
.rlp-eeat-blok {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    background: #F7F8FA;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 0.5rem 0 1.5rem;
    font-size: 0.93rem;
    color: #3d4440;
    font-style: italic;
}
.rlp-eeat-ster {
    color: #FF8A3D;
    font-style: normal;
    flex-shrink: 0;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 768px) {
    .rlp-seo-content   { padding: 24px 16px 40px; }
    .rlp-meta-balk     { flex-direction: column; gap: 0.4rem; }
    .rlp-seo-content h2 { font-size: 1.25rem; }
}

/* ── FAQ sectie ──────────────────────────────────────────── */
.rlp-faq-sectie {
    margin-top: 3rem;
    border-top: 2px solid #f0ebe0;
    padding-top: 2rem;
}
.rlp-faq-sectie h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.45rem;
    font-weight: 600;
    color: #1c1a17;
    margin: 0 0 1.5rem;
    border-bottom: none;
    padding-bottom: 0;
}
.rlp-faq-item {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #f0ebe0;
}
.rlp-faq-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.rlp-faq-item h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1a17;
    margin: 0 0 0.4rem;
}
.rlp-faq-item p {
    margin: 0;
    font-size: 0.97rem;
    color: #3d4440;
    line-height: 1.65;
}

/* ── Trustpilot widget sectie ────────────────────────────── */
.rlp-trustpilot-wrap {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 8px 0;
}