/*
Theme Name: Broedgebied
Theme URI: https://broedgebied.nl
Description: Eigen thema voor Broedgebied — warme, verhalende vormgeving (magenta / Oswald / Inter). Child van Twenty Twenty-Five. Reproduceert het herontwerp-prototype: header met logo, broedlog-stroom, archief, leren & ontwikkelen, beeldgedachten. Bump de versie bij elke wijziging (LiteSpeed-cache).
Author: Broedgebied — Charissa Bakema & Egbert Oppenhuizen
Template: twentytwentyfive
Version: 0.4.4
Text Domain: broedgebied
*/

:root{
  --magenta:#E5007E; --magenta-dark:#B5006A; --ink:#1A1620; --grey:#6A6570;
  --line:#ECE7EF; --paper:#fff; --soft:#FBF6FA;
  --heteil:#E5007E; --feniks:#00A3D9; --feniks-dark:#0B1B3F;
  --footer:#5b5661;
  --maxw:1120px;
  --disp:"Oswald","Liberation Sans Narrow",Arial Narrow,sans-serif;
  --body:"Inter","Liberation Sans",Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;cursor:pointer;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
/* Home én losse broedlogs (single) dezelfde top-offset als overige pagina's: het parent-thema geeft die templates 0px padding-top, subpagina's 10px — anders verspringt de sticky header/logo 10px */
body.home,body.single{padding-top:10px;}
.disp{font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.01em;line-height:1;}

/* Header */
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.hbar{display:flex;align-items:center;justify-content:space-between;height:92px;gap:16px;}
.logo img,.logo .custom-logo{height:58px;width:auto;}
.logo{display:flex;align-items:center;}
.brandtext{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:26px;color:var(--ink);letter-spacing:.02em;}
nav.main{display:flex;align-items:center;gap:22px;margin-left:auto;}
nav.main ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;}
nav.main a{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:14px;
  letter-spacing:.04em;color:var(--ink);padding:4px 0;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap;display:inline-block;}
nav.main a:hover{color:var(--magenta);}
nav.main li.current-menu-item > a,nav.main li.current_page_item > a,nav.main a.active{color:var(--magenta);border-bottom-color:var(--magenta);}
nav.main li.cta a{background:var(--magenta);color:#fff;padding:8px 16px;border-radius:22px;border:none;}
nav.main li.cta a:hover{background:var(--magenta-dark);color:#fff;}
.burger{display:none;border:none;background:none;font-size:26px;color:var(--ink);cursor:pointer;line-height:1;}
.hactions{display:flex;align-items:center;gap:6px;margin-left:16px;}
.search-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:none;background:none;color:var(--ink);cursor:pointer;border-radius:50%;transition:.15s;}
.search-toggle:hover{color:var(--magenta);background:var(--soft);}
.search-toggle[aria-expanded="true"]{color:var(--magenta);background:var(--soft);}

/* Header-zoekbalk (uitklap onder de header) */
.header-search{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(8px);}
.header-search[hidden]{display:none;}
.header-search .wrap{padding-top:14px;padding-bottom:14px;}
.bg-search{display:flex;align-items:stretch;gap:0;max-width:640px;margin:0 auto;
  border:2px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;transition:.15s;}
.bg-search:focus-within{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,126,.12);}
.bg-search__field{flex:1;border:none;outline:none;background:none;padding:12px 20px;font-family:var(--body);
  font-size:16px;color:var(--ink);}
.bg-search__field::placeholder{color:#9a95a1;}
.bg-search__submit{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;
  background:var(--magenta);color:#fff;padding:0 20px;transition:.15s;}
.bg-search__submit:hover{background:var(--magenta-dark);}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Featured */
.featured{position:relative;border-radius:20px;overflow:hidden;margin:26px 0 34px;min-height:360px;
  display:flex;align-items:flex-end;color:#fff;cursor:pointer;box-shadow:0 20px 40px -24px rgba(0,0,0,.5);}
.featured .bg{position:absolute;inset:0;z-index:0;}
.featured .bg img{width:100%;height:100%;object-fit:cover;}
.featured .shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.72) 100%);}
.featured .fc{position:relative;z-index:2;padding:34px 36px;max-width:640px;}
.featured h1{font-family:var(--disp);font-size:clamp(34px,5vw,58px);margin:10px 0 12px;text-transform:uppercase;line-height:1;font-weight:700;}
.featured p{font-size:17px;color:#f2e7ee;margin:0 0 6px;}
.tag{display:inline-block;font-family:var(--disp);text-transform:uppercase;font-weight:700;
  font-size:12px;letter-spacing:.09em;color:#fff;padding:5px 12px;border-radius:20px;background:var(--magenta);}
.readmore{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:13px;
  letter-spacing:.06em;margin-top:14px;display:inline-flex;align-items:center;gap:7px;}

/* Quote strip */
.quote-strip{background:var(--soft);border-left:5px solid var(--magenta);border-radius:0 12px 12px 0;
  padding:18px 24px;margin:0 0 36px;font-family:var(--disp);text-transform:uppercase;
  color:var(--magenta-dark);font-size:clamp(15px,2vw,20px);letter-spacing:.02em;line-height:1.25;}
.quote-strip small{display:block;font-family:var(--body);text-transform:none;letter-spacing:0;
  color:var(--grey);font-size:13px;margin-top:8px;font-weight:500;}

/* Section titles */
.secttitle{font-family:var(--disp);font-size:26px;margin:0 0 4px;text-transform:uppercase;line-height:1;font-weight:700;}
.secttitle .bar{display:inline-block;width:40px;height:5px;background:var(--magenta);border-radius:3px;
  vertical-align:middle;margin-left:10px;}

/* Feed grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:22px 0 50px;}
.card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;cursor:pointer;
  transition:.18s;display:flex;flex-direction:column;position:relative;}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(0,0,0,.35);border-color:transparent;}
.card .thumb{height:150px;position:relative;}
.card .thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--magenta);}
.card .thumb img{width:100%;height:100%;object-fit:cover;}
.card .cbody{padding:15px 17px 18px;flex:1;display:flex;flex-direction:column;}
.card h3{font-family:var(--disp);font-size:21px;margin:0 0 8px;line-height:1.02;text-transform:uppercase;font-weight:700;}
.card .ex{color:var(--grey);font-size:14.5px;margin:0 0 12px;flex:1;}
.card .meta{font-size:12px;color:#9a95a1;text-transform:uppercase;letter-spacing:.05em;font-weight:600;}
/* Archiefkaart die nog geen doorklikpagina heeft ("Binnenkort"): geen klik/hover-lift. */
.card.soon{cursor:default;}
.card.soon:hover{transform:none;box-shadow:none;border-color:var(--line);}
/* Klikbare overlay-link voor archiefkaarten die een div zijn (zo wikkelt wpautop geen <a>). */
.card .cardlink{position:absolute;inset:0;z-index:3;text-indent:-9999px;overflow:hidden;}
/* Vangnet: mocht wpautop toch een lege <p> als gridcel achterlaten, verbergen. */
.grid.archiefkaarten > p{display:none;}
.thumb.tile,.vthumb.tile,.ahero.tile{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.thumb.tile::before,.vthumb.tile::before,.ahero.tile::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:13px 13px;opacity:.55;}
.thumb.tile .w,.vthumb.tile .w{position:relative;z-index:1;font-family:var(--disp);text-transform:uppercase;
  color:rgba(255,255,255,.95);font-weight:700;font-size:clamp(18px,2.6vw,26px);line-height:.95;text-align:center;
  padding:0 16px;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.3);}

/* Article — volle containerbreedte (net als home/pagina's); fotokop op volle breedte, lopende tekst in een leesbare kolom */
.article{max-width:none;margin:0;}
.article .ahero{height:300px;border-radius:18px;margin:24px 0 0;overflow:hidden;}
.article .ahero img{width:100%;height:100%;object-fit:cover;}
.article .ahead{margin:-56px auto 0;max-width:820px;position:relative;background:#fff;border-radius:16px;
  padding:26px 30px;box-shadow:0 18px 40px -26px rgba(0,0,0,.4);}
.article h1{font-family:var(--disp);font-size:clamp(30px,5vw,46px);margin:6px 0 8px;text-transform:uppercase;line-height:1;font-weight:700;}
.article .ameta{font-size:13px;color:var(--grey);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}
.article .abody{padding:30px 0 10px;max-width:820px;margin:0 auto;font-size:17.5px;line-height:1.72;color:#2c2731;font-family:sans-serif,Arial;}
.article .abody p{margin:0 0 20px;}
.article blockquote,.abody blockquote,.page blockquote{margin:26px 0;padding:16px 22px;background:var(--soft);
  border-left:5px solid var(--magenta);border-radius:0 12px 12px 0;font-family:var(--body);
  font-style:italic;color:#2c2731;font-size:18px;line-height:1.6;}
.article blockquote p,.page blockquote p{margin:0;}
.backlink{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:13px;
  letter-spacing:.05em;color:var(--magenta-dark);display:inline-flex;gap:6px;margin:20px 0 0;padding:22px 0 0;}
.related{border-top:1px solid var(--line);margin-top:40px;padding-top:28px;}

/* Section hero (Archief / Leren / Beeldgedachten) */
.shero{border-radius:20px;color:#fff;padding:44px 40px;margin:26px 0 8px;position:relative;overflow:hidden;min-height:219px;}
.shero .kick{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:13px;opacity:.9;margin-bottom:8px;}
.shero h1{font-family:var(--disp);text-transform:uppercase;font-size:clamp(38px,6vw,64px);margin:0 0 14px;line-height:.95;font-weight:700;}
.shero p{font-size:18px;max-width:none;margin:0;color:#f4eef2;}
.shero .feniksmark{font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:22px;color:#dcf0fb;margin:-4px 0 16px;}
.subhead{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:22px;margin:34px 0 6px;}

/* Voorstellingen grid */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 40px;}
.vcard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.18s;}
.vcard:hover{box-shadow:0 16px 28px -20px rgba(0,0,0,.3);}
.vcard .vthumb{height:120px;position:relative;}
.vcard .vyear{position:absolute;top:12px;left:12px;background:#fff;color:var(--magenta-dark);
  font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.06em;padding:3px 10px;border-radius:16px;}
.vcard .vbody{padding:14px 16px 18px;flex:1;}
.vcard h4{font-family:var(--disp);text-transform:uppercase;font-size:19px;margin:0 0 7px;line-height:1;font-weight:700;}
.vcard .vd{font-size:14px;color:var(--grey);}
.vcard.todo{border:1.5px dashed #d9cfe0;background:var(--soft);align-items:center;justify-content:center;text-align:center;min-height:200px;}
.vcard.todo .t{font-family:var(--disp);text-transform:uppercase;color:#b3a6bd;font-size:15px;padding:20px;line-height:1.3;}

/* Aanbod list (Leren & Ontwikkelen) */
.aanbod{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 30px;}
.aanbod .a{border:1px solid var(--line);border-left:4px solid var(--feniks);border-radius:12px;padding:18px 20px;}
.aanbod .a h4{font-family:var(--disp);text-transform:uppercase;font-size:17px;margin:0 0 6px;color:var(--feniks-dark);font-weight:700;}
.aanbod .a p{margin:0;font-size:14.5px;color:var(--grey);}

/* Leren & Ontwikkelen — visie-quotes, partners, CTA */
.visie{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 34px;}
.visie .v{background:var(--soft);border-left:4px solid var(--feniks);border-radius:0 12px 12px 0;padding:22px 26px;}
.visie .v p{margin:0;font-size:17px;line-height:1.5;color:#33303a;font-style:italic;}
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 30px;}
.partners .partner{border:1px solid var(--line);border-left:4px solid var(--feniks);border-radius:12px;padding:18px 20px;}
.partners .partner h4{font-family:var(--disp);text-transform:uppercase;font-size:16px;margin:0 0 6px;color:var(--feniks-dark);font-weight:700;}
.partners .partner p{margin:0;font-size:14.5px;color:var(--grey);}
.partners .partner a{color:var(--feniks-dark);font-weight:600;}
.leerbtn{display:inline-block;background:var(--feniks-dark);color:#fff;font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.04em;font-size:14px;padding:12px 22px;border-radius:24px;text-decoration:none;margin:6px 0 10px;}
.leerbtn:hover{background:var(--feniks);color:#fff;}
.introrow{display:flex;gap:28px;align-items:flex-start;margin:14px 0 6px;}
.introrow .charissa-foto{width:300px;flex:none;border-radius:14px;box-shadow:0 16px 30px -22px rgba(0,0,0,.5);}
.introrow .introtext{flex:1;}
.introrow .introtext h3{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:20px;margin:0 0 8px;color:var(--feniks-dark);max-width:none;}
.introrow p{margin:0;font-size:18px;line-height:1.6;color:#3a343f;}

/* Simple pages */
.page{max-width:none;margin:0;padding:10px 0 20px;}
.page > p,.page > ul,.page > ol,.page .lead{max-width:820px;margin-left:auto;margin-right:auto;}
.page h1{font-family:var(--disp);font-size:clamp(30px,5vw,46px);margin:26px 0 6px;text-transform:uppercase;font-weight:700;line-height:1;}
.page h2{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:22px;margin:30px 0 8px;}
.page h3{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:18px;margin:22px 0 6px;color:var(--feniks-dark);}
.page .lead,.page .is-style-lead{font-size:18px;color:#3a343f;}
.page p{font-size:16.5px;}
.page ul{font-size:16.5px;padding-left:20px;}
.page h1,.page h2,.page h3{max-width:820px;margin-left:auto;margin-right:auto;}
.contactgrid,.page .contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;}
.contactgrid .box{border:1px solid var(--line);border-radius:14px;padding:20px 22px;}
.contactgrid .box .k{font-family:var(--disp);text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:var(--magenta-dark);margin-bottom:4px;}
.note,.page .note{background:var(--soft);border-radius:12px;padding:14px 18px;font-size:14.5px;color:#4a444f;margin:8px 0 24px;}

/* Contactformulier (Contact Form 7) — huisstijl, leeskolom 820px */
.contactform,.page .contactform{max-width:820px;margin:24px auto 12px;}
.wpcf7 .wpcf7-form p{margin:0 0 16px;}
.wpcf7-form label{display:block;font-family:var(--disp);text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink);margin-bottom:16px;}
.wpcf7-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.wpcf7-form .form-row label{margin-bottom:16px;}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea{width:100%;border:1px solid #d9d2df;border-radius:8px;padding:11px 13px;font-family:var(--body);font-size:15px;color:var(--ink);background:#fff;margin-top:5px;box-sizing:border-box;}
.wpcf7-form textarea{min-height:150px;resize:vertical;}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,126,.12);}
.wpcf7-form input.wpcf7-submit{background:var(--magenta);color:#fff;font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.04em;font-size:14px;padding:12px 30px;border:none;border-radius:24px;cursor:pointer;width:auto;transition:.15s;}
.wpcf7-form input.wpcf7-submit:hover{background:var(--magenta-dark);}
.wpcf7-form .wpcf7-spinner{margin:6px 0 0 12px;}
.wpcf7 .wpcf7-response-output{border-radius:10px;padding:12px 16px;margin:14px 0 0;font-size:14.5px;border-width:1px;border-style:solid;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#3a9a5c;background:#eef8f1;color:#256b41;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:var(--magenta);background:#fdeef5;color:var(--magenta-dark);}
.wpcf7-form .wpcf7-not-valid-tip{color:var(--magenta-dark);font-family:var(--body);font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;margin-top:4px;}
.wpcf7-form input.wpcf7-not-valid,.wpcf7-form textarea.wpcf7-not-valid{border-color:var(--magenta);}
@media(max-width:560px){.wpcf7-form .form-row{grid-template-columns:1fr;}}

/* Nieuwsbrief-inschrijving (MC4WP) — onder het contactformulier, huisstijl */
.newsletter{max-width:820px;margin:38px auto 12px;padding-top:32px;border-top:1px solid var(--line);}
.newsletter h2{font-family:var(--disp);text-transform:uppercase;font-size:24px;margin:0 0 6px;color:var(--ink);}
.newsletter .nl-intro{color:#3a343f;font-size:16.5px;margin:0 0 18px;}
.mc4wp-form label{display:block;font-family:var(--disp);text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink);margin-bottom:16px;}
.mc4wp-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.mc4wp-form input[type=text],
.mc4wp-form input[type=email]{width:100%;border:1px solid #d9d2df;border-radius:8px;padding:11px 13px;font-family:var(--body);font-size:15px;color:var(--ink);background:#fff;margin-top:5px;box-sizing:border-box;}
.mc4wp-form input[type=text]:focus,.mc4wp-form input[type=email]:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,126,.12);}
.mc4wp-form input[type=submit]{background:var(--magenta);color:#fff;font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.04em;font-size:14px;padding:12px 30px;border:none;border-radius:24px;cursor:pointer;width:auto;transition:.15s;}
.mc4wp-form input[type=submit]:hover{background:var(--magenta-dark);}
.mc4wp-form .mc4wp-alert{border-radius:10px;padding:12px 16px;margin-top:14px;font-size:14.5px;border:1px solid;}
.mc4wp-form .mc4wp-success{border-color:#3a9a5c;background:#eef8f1;color:#256b41;}
.mc4wp-form .mc4wp-error{border-color:var(--magenta);background:#fdeef5;color:var(--magenta-dark);}
@media(max-width:560px){.mc4wp-form .form-row{grid-template-columns:1fr;}}

/* Agenda (aankomende activiteiten, The Events Calendar) — leeskolom 820px, magenta accent */
.page ul.agenda{list-style:none;max-width:820px;margin:24px auto 34px;padding:0;}
.page .agenda .agenda-item{display:flex;gap:20px;align-items:flex-start;padding:18px 2px;border-bottom:1px solid var(--line);}
.page .agenda .agenda-item:first-child{border-top:1px solid var(--line);}
.page .agenda .agenda-datum{flex:0 0 66px;text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 0;}
.page .agenda .ad-dag{display:block;font-family:var(--disp);font-weight:700;font-size:28px;line-height:1;color:var(--magenta);}
.page .agenda .ad-mnd{display:block;font-family:var(--disp);font-weight:600;font-size:12.5px;letter-spacing:.08em;margin-top:2px;color:var(--ink);}
.page .agenda .agenda-body{flex:1;min-width:0;}
.page .agenda-titel{font-family:var(--disp);text-transform:uppercase;font-weight:700;font-size:20px;line-height:1.1;margin:2px 0 4px;max-width:none;color:var(--ink);}
.page .agenda-titel a:hover{color:var(--magenta);}
.page .agenda-meta{margin:0 0 6px;font-size:14px;color:var(--magenta-dark);font-weight:600;}
.page .agenda-desc{margin:0;font-size:15.5px;color:var(--grey);}
.page .agenda-leeg{max-width:820px;margin:26px auto;color:var(--grey);}

/* Beeldgedachten / Instagram-feed */
.beeld-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:46px 0 2px;flex-wrap:wrap;}
.beeld-head p{margin:6px 0 0;color:var(--grey);font-size:15px;max-width:520px;}
.iglink{font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:13px;letter-spacing:.05em;
  color:var(--magenta-dark);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.iglink:hover{color:var(--magenta);}
.igfeed{display:grid;gap:12px;margin:16px 0 20px;}
.igfeed.home{grid-template-columns:repeat(4,1fr);}
.igfeed.full{grid-template-columns:repeat(4,1fr);}
/* Live Smash Balloon-feed op de home: plugin bepaalt zelf het 4-koloms raster (num=4 cols=4).
   Wrapper dus geen grid; strak tegen de rest, iets kleiner dan de 3-brede broedlogsrij. */
.igfeed.home.ig-live{display:block;gap:0;margin:16px 0 20px;}
.igfeed.home.ig-live #sb_instagram,
.igfeed.home.ig-live .sb_instagram_header{padding:0!important;margin:0!important;}
.igfeed.home.ig-live #sbi_load{display:none!important;}
.igtile{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--soft);cursor:pointer;transition:.18s;}
.igtile:hover{transform:translateY(-3px);box-shadow:0 14px 24px -18px rgba(0,0,0,.5);}
.igtile img{width:100%;height:100%;object-fit:cover;}
.igtile.tile{display:flex;align-items:center;justify-content:center;}
.igtile.tile::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:12px 12px;opacity:.55;}
.igtile.tile .w{position:relative;font-family:var(--disp);text-transform:uppercase;color:rgba(255,255,255,.92);
  font-weight:700;font-size:14px;letter-spacing:.03em;text-align:center;padding:0 8px;}
.igbtn{display:inline-flex;align-items:center;gap:9px;background:var(--magenta);color:#fff;font-family:var(--disp);
  text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:.04em;padding:11px 22px;border-radius:24px;}
.igbtn:hover{border:none;background:var(--magenta-dark);color:#fff;}

/* Zoekresultaten */
.searchsummary{margin:14px 0 26px;}
.searchsummary__form{max-width:640px;margin:0 0 16px;}
.searchsummary__form .bg-search{margin:0;}
.searchsummary__count{font-size:16px;color:var(--grey);margin:0;}
.card .rtype{display:inline-block;font-family:var(--disp);text-transform:uppercase;font-weight:700;
  font-size:11px;letter-spacing:.08em;color:var(--magenta-dark);margin:0 0 6px;}
.noresults{font-size:17px;color:#3a343f;margin:20px 0 40px;}
.noresults a{color:var(--magenta-dark);border-bottom:2px solid var(--magenta);}

/* Paginering (broedlogstroom + zoekresultaten) */
.pagination{margin:10px 0 54px;}
.pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;
  padding:0 14px;border:1px solid var(--line);border-radius:24px;font-family:var(--disp);text-transform:uppercase;
  font-weight:600;font-size:14px;letter-spacing:.03em;color:var(--ink);background:#fff;transition:.15s;}
.pagination a.page-numbers:hover{border-color:var(--magenta);color:var(--magenta);}
.pagination .page-numbers.current{background:var(--magenta);border-color:var(--magenta);color:#fff;}
.pagination .page-numbers.dots{border:none;background:none;min-width:0;padding:0 4px;}
.pagination .prev.page-numbers,.pagination .next.page-numbers{border-color:var(--magenta);color:var(--magenta-dark);}

/* Footer */
footer.site{background:var(--footer);color:#f2eff6;margin-top:40px;padding:44px 0 30px;}
footer.site .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
footer.site h4{font-family:var(--disp);text-transform:uppercase;color:#fff;font-size:14px;letter-spacing:.06em;margin:0 0 10px;}
footer.site a{color:#f2eff6;font-size:14px;display:block;padding:3px 0;}
footer.site a:hover{color:#ffd6ec;}
footer.site .fq{max-width:300px;font-family:var(--disp);text-transform:uppercase;color:#fff;line-height:1.3;font-size:16px;}
footer.site .base{border-top:1px solid rgba(255,255,255,.22);margin-top:30px;padding-top:16px;font-size:12px;color:#e7e2ee;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* --- Reacties op een broedlog --- */
.comments{max-width:820px;margin:12px auto 0;padding:30px 0 6px;border-top:1px solid var(--line);}
.comments .secttitle{margin-bottom:18px;}
.commentlist{list-style:none;margin:0 0 30px;padding:0;}
.commentlist ol.children{list-style:none;margin:16px 0 0 26px;padding:0 0 0 18px;border-left:2px solid var(--line);}
.commentlist li.comment{margin:0 0 18px;}
.commentlist .comment-body{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
.commentlist .comment-author{display:flex;align-items:center;gap:10px;font-family:var(--disp);text-transform:uppercase;font-weight:600;font-size:15px;color:var(--ink);}
.commentlist .comment-author img.avatar{border-radius:50%;width:40px;height:40px;}
.commentlist .comment-author .says{display:none;}
.commentlist .comment-meta{font-size:12px;color:var(--grey);margin:2px 0 10px;}
.commentlist .comment-meta a{color:var(--grey);text-decoration:none;}
.commentlist .comment-content{font-size:16px;line-height:1.65;color:#2c2731;}
.commentlist .comment-content p{margin:0 0 12px;}
.commentlist .reply{margin-top:8px;font-family:var(--disp);text-transform:uppercase;font-size:12px;font-weight:600;}
.commentlist .reply a{color:var(--magenta);text-decoration:none;}
.commentlist .comment-awaiting-moderation{display:inline-block;font-size:12px;color:var(--grey);font-style:italic;margin:4px 0;}
.comments .comment-respond{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;}
.comments .comment-reply-title{font-family:var(--disp);text-transform:uppercase;font-size:20px;font-weight:700;margin:0 0 6px;}
.comments .comment-notes,.comments .logged-in-as{font-size:13px;color:var(--grey);margin:0 0 14px;}
.comments .comment-form p{margin:0 0 14px;}
.comments .comment-form label{display:block;font-family:var(--disp);text-transform:uppercase;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:5px;}
.comments .comment-form input[type=text],
.comments .comment-form input[type=email],
.comments .comment-form input[type=url],
.comments .comment-form textarea{width:100%;border:1px solid #d9d2df;border-radius:8px;padding:11px 13px;font-family:var(--body);font-size:15px;background:#fff;}
.comments .comment-form input:focus,.comments .comment-form textarea:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,126,.12);}
.comments .comment-form-captcha{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px 16px;}
.comments .comment-form-captcha input{max-width:120px;}
.comments .form-submit .submit{background:var(--magenta);color:#fff;font-family:var(--disp);text-transform:uppercase;font-weight:700;letter-spacing:.04em;font-size:14px;padding:12px 26px;border:none;border-radius:24px;cursor:pointer;}
.comments .form-submit .submit:hover{background:var(--magenta-dark);}
.comments .comment-form-cookies-consent{font-size:13px;}
.comments .comment-form-cookies-consent label{display:inline;text-transform:none;font-family:var(--body);font-weight:400;color:var(--grey);}
.comments .nocomments{color:var(--grey);font-style:italic;}
.comments .comments-pagination{margin:0 0 26px;font-family:var(--disp);text-transform:uppercase;font-size:13px;}
.comments .comments-pagination a,.comments .comments-pagination .current{padding:6px 10px;text-decoration:none;color:var(--magenta);}

@media(max-width:820px){
  .igfeed.home{grid-template-columns:repeat(4,1fr);}
  .igfeed.full{grid-template-columns:repeat(3,1fr);}
  .grid,.vgrid,.aanbod,.partners{grid-template-columns:1fr 1fr;}
  .visie{grid-template-columns:1fr;}
  .introrow{flex-direction:column;gap:16px;}
  .introrow .charissa-foto{width:100%;max-width:340px;}
  nav.main{position:fixed;inset:92px 0 auto 0;background:#fff;flex-direction:column;align-items:flex-start;
    gap:0;padding:8px 22px 18px;border-bottom:1px solid var(--line);display:none;box-shadow:0 20px 30px -20px rgba(0,0,0,.3);}
  nav.main.open{display:flex;}
  nav.main ul{flex-direction:column;align-items:flex-start;gap:0;width:100%;}
  nav.main li{width:100%;}
  nav.main a{width:100%;padding:12px 0;border-bottom:1px solid var(--line);}
  nav.main li.cta a{margin-top:10px;width:auto;border-bottom:none;}
  .burger{display:block;}
}
@media(max-width:540px){
  .igfeed.home,.igfeed.full{grid-template-columns:repeat(2,1fr);}
  .grid,.vgrid,.aanbod,.contactgrid,.partners{grid-template-columns:1fr;}
  .featured .fc,.shero{padding:24px;}
  .article .ahead{margin:-46px 12px 0;padding:22px;}
}