/* Algemene inhoudsopmaak die door meerdere pagina's en blokken wordt gebruikt.
   (Voorheen verspreid over <style>-blokken in de mu-plugins.) */

/* ===== Alarm-/spoedlijnen-band ===== */
.rkd-alarm{ background:var(--licht-blauw-10); border:1px solid var(--licht-blauw-20); border-left:5px solid var(--geel); border-radius:var(--radius-s); padding:18px 22px; margin:0 0 26px; }
.rkd-alarm p{ margin:.3em 0; }
.rkd-alarm strong{ color:var(--donker-blauw); }

/* ===== Snelkoppelingen ("Snel naar...") ===== */
.rkd-quick{ list-style:none; padding:0; margin:0 0 12px; display:flex; flex-wrap:wrap; gap:10px; }
.rkd-quick li{ margin:0; }
.rkd-quick a{ display:inline-block; padding:8px 15px; background:#fff; border:1.5px solid var(--grijs-20); border-radius:999px; text-decoration:none; color:var(--donker-blauw); font-weight:600; font-size:.95rem; }
.rkd-quick a:hover{ border-color:var(--licht-blauw); background:var(--licht-blauw-10); }

/* ===== Secretariaten-/contactkaarten ===== */
.rkd-dir{ display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:22px; margin:26px 0; }
.rkd-dir__card{ background:#fff; border:1px solid var(--grijs-20); border-top:3px solid var(--geel); border-radius:var(--radius-s); padding:24px 26px; box-shadow:0 6px 20px rgba(10,28,56,.06); }
.rkd-dir__card h3{ margin:0 0 .5em; color:var(--donker-blauw); font-size:1.3rem; }
.rkd-dir__card p{ margin:.45em 0; font-size:1rem; }
.rkd-dir__card a{ text-decoration:none; color:var(--licht-blauw); }
.rkd-dir__card a:hover{ text-decoration:underline; }
.rkd-dir__card .kerk{ margin-top:1em; padding-top:.9em; border-top:1px dashed var(--grijs-20); font-size:.95rem; color:var(--grijs); }
.rkd-dir__card .kerk strong{ color:var(--tekst); display:block; }
.rkd-dir__contact{ margin-top:.9em !important; padding-top:.8em; border-top:1px dashed var(--grijs-20); font-size:.92rem; color:var(--tekst-gedempt); }
.rkd-dir__contact::before{ content:"\2709\00a0\00a0"; color:var(--goud-donker); }

/* ===== Personen met foto in een kaart ===== */
.rkd-people{ margin-top:1em; padding-top:.9em; border-top:1px dashed var(--grijs-20); display:flex; flex-direction:column; gap:14px; }
.rkd-person{ display:flex; align-items:center; gap:14px; }
.rkd-person img{ width:64px; height:64px; min-width:64px; object-fit:cover; object-position:center top; border-radius:50%; margin:0; box-shadow:0 3px 10px rgba(10,28,56,.15); }
.rkd-person .pers-info{ font-size:.95rem; line-height:1.4; }
.rkd-person .pers-info strong{ color:var(--donker-blauw); }

/* ===== Tegels (bijv. geloofsgemeenschappen) ===== */
.rkd-tiles{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px; margin:24px 0; }
.rkd-tiles br{ display:none; } /* wpautop zet <br> tussen tegels; die mogen geen grid-cel worden */
.rkd-tiles .rkd-tile{ display:block; background:#fff; border:1px solid var(--grijs-20); border-radius:var(--radius-s); overflow:hidden; box-shadow:0 6px 20px rgba(10,28,56,.06); text-decoration:none; color:inherit; transition:transform .15s ease, box-shadow .15s ease; }
.rkd-tiles .rkd-tile:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(10,28,56,.14); }
.rkd-tiles .rkd-tile img{ width:100%; height:160px; object-fit:cover; margin:0; display:block; border-radius:0; }
.rkd-tiles .rkd-tile__body{ display:block; padding:14px 16px; }
.rkd-tiles .rkd-tile__body strong{ display:block; color:var(--donker-blauw); font-size:1.1rem; }
.rkd-tiles .rkd-tile__body span{ display:block; color:var(--grijs); font-size:.92rem; margin-top:2px; }

/* Gecentreerd logo-beeld op de parochiepagina */
.entry figure.rkd-logo{ text-align:center; }
.entry figure.rkd-logo img{ max-width:460px; margin:1rem auto; }

/* ===== Personenkaarten (bijv. beheercommissie) ===== */
.rkd-people-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; margin:26px 0; }
.rkd-pcard{ background:#fff; border:1px solid var(--grijs-20); border-top:3px solid var(--geel); border-radius:var(--radius-s); padding:26px 24px; text-align:center; box-shadow:0 6px 20px rgba(10,28,56,.06); }
.rkd-pcard__avatar{ width:88px; height:88px; border-radius:50%; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--licht-blauw-10); color:var(--licht-blauw); font-family:var(--font); font-weight:700; font-size:1.9rem; box-shadow:0 3px 10px rgba(10,28,56,.12); }
.rkd-pcard__avatar img{ width:100%; height:100%; object-fit:cover; object-position:center top; margin:0; border-radius:0; display:block; }
.rkd-pcard h3{ margin:0 0 .25em; color:var(--donker-blauw); font-size:1.2rem; }
.rkd-pcard p{ margin:.2em 0; font-size:.95rem; color:var(--grijs); }
.rkd-pcard a{ color:var(--licht-blauw); text-decoration:none; word-break:break-word; }
.rkd-pcard a:hover{ text-decoration:underline; }

/* Scheidingsregel in een submenu (bijv. "Geloofsgemeenschappen" onder Kerken) */
.nav .submenu li.menu-scheiding{ border-top:1px solid var(--grijs-20); margin-top:4px; padding-top:4px; }

/* Footer-logo als image-blok: geen browser-figure-marges (was voorheen een span),
   en de breedte volgt de vaste hoogte (het blok zet zelf width/height-attributen) */
figure.footer-logo{ margin:0 0 18px; }
figure.footer-logo img{ height:46px; width:auto; }

/* Core zet display:flow-root op post-content; het klassieke thema rekende op
   normale marge-samenklap (margin collapsing). Herstel het oude gedrag. */
.wp-block-post-content{ display:block; }