/*
Theme Name: Blossom030
Theme URI: https://blossom030.nl
Description: Huisstijl-childthema voor Blossom030 — een open netunity in Utrecht. Fris & speels childthema op basis van Kadence, met de echte Blossom-bloem, de huisstijlkleuren, Fredoka + Nunito Sans, hero met Instagram-strip, regenboogaccenten en het strepenpatroon. Geen page-builder nodig: alles is met de normale block-editor te bewerken.
Author: Blossom030
Template: kadence
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blossom030
Tags: nonprofit, community, custom-colors, custom-logo, custom-menu, blog, full-width-template, block-styles, wide-blocks
*/

/* ==========================================================================
   Blossom030 — huisstijlvariabelen
   Exacte logokleuren uit de originele bronbestanden.
   ========================================================================== */
:root{
  --bl-pink:#F24497;          /* petal linksboven  */
  --bl-orange:#F38900;        /* petal rechtsboven */
  --bl-green:#B4CE41;         /* petal linksonder  */
  --bl-blue:#10B9D1;          /* petal rechtsonder */
  --bl-grey:#7A7A7A;          /* wordmerk          */
  --bl-ink:#4F4F4F;           /* bodytekst         */
  --bl-muted:#A6A6A6;         /* labels/eyebrow    */
  --bl-cream:#FBFAF6;         /* paginavlak        */
  --bl-soft:#F4F2EC;          /* zacht vlak        */
  --bl-white:#FFFFFF;
  --bl-dark:#2C2A29;          /* footer            */

  --bl-r:18px;                /* grote radius      */
  --bl-rs:12px;               /* kleine radius     */
  --bl-maxw:1120px;

  --bl-stripe: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(0,0,0,.022) 6px, rgba(0,0,0,.022) 7px);

  --bl-font-head:'Fredoka','Baloo 2','Quicksand',system-ui,sans-serif;
  --bl-font-body:'Nunito Sans','Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* assets (vanuit het thema) */
  --bl-flower:url('assets/img/blossom-flower-web.png');
}

/* ==========================================================================
   Globale typografie & basis
   ========================================================================== */
body{
  font-family:var(--bl-font-body);
  color:var(--bl-ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.site-title,
.entry-title,
.wp-block-heading{
  font-family:var(--bl-font-head);
  font-weight:600;
  line-height:1.15;
  color:var(--bl-grey);
}
a{color:var(--bl-pink);}
a:hover{color:var(--bl-orange);}

/* ==========================================================================
   Brand-utilities (te gebruiken via "Extra CSS-klasse" op een blok)
   ========================================================================== */

/* Eyebrow / bovenkopje */
.bl-eyebrow{
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--bl-muted);
  margin:0 0 14px;
}

/* Knoppen — gebruik op core/button via Extra CSS-klasse */
.bl-btn .wp-block-button__link,
a.bl-btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-family:var(--bl-font-head);font-weight:600;font-size:.95rem;
  padding:13px 26px;border-radius:999px;border:2px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease;
}
.bl-btn .wp-block-button__link:hover,
a.bl-btn:hover{transform:translateY(-2px);}
.bl-btn-pink .wp-block-button__link{background:var(--bl-pink);color:#fff;box-shadow:0 8px 22px rgba(242,68,151,.32);}
.bl-btn-orange .wp-block-button__link{background:var(--bl-orange);color:#fff;box-shadow:0 8px 22px rgba(243,137,0,.32);}
.bl-btn-ghost .wp-block-button__link{background:transparent;color:var(--bl-grey);border-color:#dcd8cf;}
.bl-btn-ghost .wp-block-button__link:hover{border-color:var(--bl-pink);color:var(--bl-pink);}
.bl-btn-white .wp-block-button__link{background:#fff;color:var(--bl-pink);}

/* Regenboog-divider — zet op een lege core/group of core/separator */
.bl-rainbow{
  height:5px;width:100%;border:none;margin:0;border-radius:0;
  background:linear-gradient(90deg,var(--bl-pink) 0%,var(--bl-orange) 33%,var(--bl-green) 66%,var(--bl-blue) 100%);
}

/* Strepen-achtergrond op een sectie */
.bl-stripe{position:relative;}
.bl-stripe::before{
  content:"";position:absolute;inset:0;background:var(--bl-stripe);opacity:.5;pointer-events:none;
}
.bl-stripe > *{position:relative;}

/* De echte bloem als losse afbeelding/achtergrond */
.bl-flower{
  background:var(--bl-flower) center/contain no-repeat;
  aspect-ratio:1;width:100%;
}
.bl-flower-float{
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.12));
  animation:bl-floaty 9s ease-in-out infinite;
}
@keyframes bl-floaty{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-12px) rotate(-3deg);}}

/* ==========================================================================
   HERO
   ========================================================================== */
.bl-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(900px 480px at 88% -6%, rgba(16,185,209,.10), transparent 60%),
    radial-gradient(760px 520px at 8% 10%, rgba(242,68,151,.08), transparent 60%),
    var(--bl-cream);
}
.bl-hero h1{
  font-size:clamp(2.4rem,4.9vw,4rem);
  color:var(--bl-pink);font-weight:600;letter-spacing:-.5px;
}
.bl-hero h1 .l2,
.bl-hero .bl-h1-grey{color:var(--bl-grey);}
.bl-hero .bl-lead{font-size:1.12rem;color:var(--bl-ink);max-width:34ch;margin:18px 0 26px;}

/* ==========================================================================
   INSTAGRAM-STRIP
   ========================================================================== */
.bl-ig-strip{padding:14px 0 6px;}
.bl-ig-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.bl-ig-label{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--bl-font-head);font-weight:600;font-size:.95rem;color:var(--bl-grey);
}
.bl-ig-more{font-family:var(--bl-font-head);font-weight:600;color:var(--bl-pink);font-size:.9rem;white-space:nowrap;}
.bl-ig-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.bl-tile{aspect-ratio:1;border-radius:var(--bl-rs);position:relative;overflow:hidden;transition:transform .16s ease;}
.bl-tile:hover{transform:translateY(-3px);}
.bl-tile-1{background:linear-gradient(135deg,var(--bl-pink),#ff8fbe);}
.bl-tile-2{background:linear-gradient(135deg,var(--bl-orange),#ffc06b);}
.bl-tile-3{background:linear-gradient(135deg,var(--bl-green),#d7e98a);}
.bl-tile-4{background:linear-gradient(135deg,var(--bl-blue),#7fe0ee);}
.bl-tile-5{background:linear-gradient(135deg,#ff8fbe,var(--bl-orange));}
.bl-tile-6{background:linear-gradient(135deg,var(--bl-blue),var(--bl-green));}

/* ==========================================================================
   "Wie zijn we" / netunity-statement
   ========================================================================== */
.bl-statement{
  font-family:var(--bl-font-head);font-weight:500;
  font-size:clamp(1.5rem,3vw,2.2rem);color:var(--bl-grey);line-height:1.4;
  max-width:22ch;margin-left:auto;margin-right:auto;
}
.bl-statement .accent,
.bl-accent{color:var(--bl-pink);}
.bl-dots{display:flex;gap:10px;justify-content:center;margin:26px 0 0;}
.bl-dots span{width:13px;height:13px;border-radius:50%;display:inline-block;}
.bl-dots-left{justify-content:flex-start;}
.bl-statement.bl-left{text-align:left;margin-left:0;margin-right:0;max-width:24ch;}

/* ==========================================================================
   OVER ONS — speelse, asymmetrische sectie + onderdelen-cards
   ========================================================================== */
.bl-about-rich{position:relative;overflow:hidden;background:
  radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10), transparent 60%),
  radial-gradient(560px 360px at 6% 92%, rgba(180,206,65,.10), transparent 60%),
  var(--bl-cream);}
.bl-about-rich::before{content:"";position:absolute;inset:0;background:var(--bl-stripe);opacity:.45;pointer-events:none;}
.bl-about-rich > *{position:relative;}
.bl-blob{position:absolute;border-radius:50%;pointer-events:none;}
.bl-blob-1{width:120px;height:120px;background:var(--bl-pink);top:60px;left:-40px;opacity:.18;}
.bl-blob-2{width:80px;height:80px;background:var(--bl-orange);top:30px;right:10%;opacity:.22;}
.bl-blob-3{width:160px;height:160px;background:var(--bl-green);bottom:-50px;left:35%;opacity:.13;}
.bl-blob-4{width:100px;height:100px;background:var(--bl-blue);bottom:80px;right:-30px;opacity:.18;}

.bl-about-grid{align-items:center;gap:48px;}
.bl-about-flower{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;}
.bl-about-flower .bl-flower{width:78%;}
.bl-ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(122,122,122,.25);pointer-events:none;}

.bl-parts-intro{font-family:var(--bl-font-head);font-weight:500;font-size:1.15rem;color:var(--bl-grey);max-width:48ch;margin:56px auto 22px;}
.bl-parts{gap:22px;}
.bl-part{position:relative;background:var(--bl-white);border-radius:var(--bl-r);padding:28px 26px 26px;box-shadow:0 12px 32px rgba(0,0,0,.06);border:1px solid #f0ede5;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease;height:100%;}
.bl-part:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(0,0,0,.12);}
.bl-part::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;}
.bl-part-orange::before{background:var(--bl-orange);}
.bl-part-pink::before{background:var(--bl-pink);}
.bl-part-blue::before{background:var(--bl-blue);}
.bl-part-dot{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:#fff;font-family:var(--bl-font-head);font-weight:700;font-size:1.25rem;}
.bl-part-orange .bl-part-dot{background:var(--bl-orange);box-shadow:0 8px 20px rgba(243,137,0,.32);}
.bl-part-pink .bl-part-dot{background:var(--bl-pink);box-shadow:0 8px 20px rgba(242,68,151,.32);}
.bl-part-blue .bl-part-dot{background:var(--bl-blue);box-shadow:0 8px 20px rgba(16,185,209,.32);}
.bl-part h4{font-family:var(--bl-font-head);font-weight:600;font-size:1.25rem;margin:0 0 8px;color:var(--bl-grey);}
.bl-part p{margin:0;font-size:.98rem;color:var(--bl-ink);line-height:1.55;}
.bl-haak{display:inline-block;margin-top:14px;font-family:var(--bl-font-head);font-weight:600;font-size:.9rem;color:var(--bl-pink);}
.bl-part-orange .bl-haak{color:var(--bl-orange);}
.bl-part-blue .bl-haak{color:var(--bl-blue);}

@media(max-width:781px){
  .bl-about-grid{gap:24px;}
  .bl-statement.bl-left{text-align:center;margin-left:auto;margin-right:auto;}
  .bl-dots-left{justify-content:center;}
  .bl-about-flower{min-height:200px;}
  .bl-about-flower .bl-flower{width:200px;}
}

/* ==========================================================================
   ETEN & VIEREN-kaart
   ========================================================================== */
.bl-ev{background:linear-gradient(135deg,#FFF3E3 0%,#FFE8CC 100%);}
.bl-ev-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;
  background:var(--bl-white);border-radius:var(--bl-r);padding:30px 34px;
  box-shadow:0 18px 50px rgba(243,137,0,.14);border:1px solid #f6e6cf;
}
.bl-datechip{
  background:var(--bl-orange);color:#fff;border-radius:16px;
  width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 10px 24px rgba(243,137,0,.32);
}
.bl-datechip .m{font-family:var(--bl-font-head);font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;}
.bl-datechip .d{font-family:var(--bl-font-head);font-weight:700;font-size:2.6rem;line-height:1;}
.bl-ev-rhythm{display:inline-block;margin-top:6px;font-family:var(--bl-font-head);font-weight:500;color:var(--bl-orange);font-size:.9rem;letter-spacing:.04em;}

/* ==========================================================================
   BERICHTEN-cards
   ========================================================================== */
.bl-card{
  background:var(--bl-white);border-radius:var(--bl-r);overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease;
  border:1px solid #f0ede5;height:100%;
}
.bl-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.10);}
.bl-card .bl-thumb{aspect-ratio:16/10;}
.bl-card .bl-card-body{padding:20px 22px 24px;}
.bl-card .bl-date{font-family:var(--bl-font-head);font-weight:500;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bl-muted);}

/* Dynamische berichten (Query Loop) als kaart vormgeven */
.bl-cards .wp-block-post-template{gap:24px;}
.bl-cards .wp-block-post{
  background:var(--bl-white);border-radius:var(--bl-r);overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);border:1px solid #f0ede5;
  transition:transform .18s ease,box-shadow .18s ease;list-style:none;margin:0;
}
.bl-cards .wp-block-post:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.10);}
.bl-cards .wp-block-post-featured-image{margin:0;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--bl-pink),var(--bl-orange));}
.bl-cards .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;}
.bl-cards .wp-block-post > :not(.wp-block-post-featured-image){padding-left:22px;padding-right:22px;}
.bl-cards .wp-block-post-date{font-family:var(--bl-font-head);font-weight:500;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bl-muted);margin-top:18px;}
.bl-cards .wp-block-post-title{font-size:1.18rem;color:var(--bl-grey);margin:7px 0 9px;}
.bl-cards .wp-block-post-title a{color:var(--bl-grey);}
.bl-cards .wp-block-post-title a:hover{color:var(--bl-pink);}
.bl-cards .wp-block-post-excerpt{color:var(--bl-ink);font-size:.97rem;}
.bl-cards .wp-block-post-excerpt__more-link{display:inline-block;margin-top:6px;margin-bottom:22px;font-family:var(--bl-font-head);font-weight:600;font-size:.9rem;color:var(--bl-pink);}

/* ==========================================================================
   NIEUWSBRIEF
   ========================================================================== */
.bl-news{
  background:linear-gradient(120deg,var(--bl-pink) 0%,#ff6aa6 45%,var(--bl-orange) 115%);
  color:#fff;text-align:center;position:relative;overflow:hidden;
}
.bl-news::before{content:"";position:absolute;inset:0;background:var(--bl-stripe);opacity:.5;mix-blend-mode:overlay;}
.bl-news > *{position:relative;}
.bl-news h2,.bl-news h3{color:#fff;}
.bl-news .bl-sub{margin:12px auto 26px;max-width:46ch;color:rgba(255,255,255,.92);font-size:1.05rem;}

/* MC4WP-formulier binnen .bl-news (matcht oude placeholder-styling) */
.bl-news .mc4wp-form{max-width:520px;margin:0 auto;}
.bl-news .mc4wp-form-fields{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.bl-news .mc4wp-form-fields .bl-news-row{margin:0;flex:1 1 220px;min-width:220px;}
.bl-news .mc4wp-form-fields .bl-news-submit-row{flex:0 0 auto;min-width:0;}
.bl-news .mc4wp-form input[type=email],
.bl-news .mc4wp-form input[type=text]{
  width:100%;border:none;border-radius:999px;padding:14px 22px;
  font-size:1rem;font-family:var(--bl-font-body);color:#4F4F4F;
  background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.bl-news .mc4wp-form input[type=email]::placeholder,
.bl-news .mc4wp-form input[type=text]::placeholder{color:#9a9a9a;}
.bl-news .mc4wp-form input[type=email]:focus,
.bl-news .mc4wp-form input[type=text]:focus{outline:2px solid rgba(255,255,255,.65);outline-offset:2px;}
.bl-news .mc4wp-form input[type=submit]{
  background:#fff;color:var(--bl-pink);
  font-family:var(--bl-font-head);font-weight:600;font-size:1rem;
  border:none;border-radius:999px;padding:14px 28px;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease;
}
.bl-news .mc4wp-form input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.12);}
.bl-news .mc4wp-form input[type=submit]:active{transform:translateY(0);}
.bl-news .mc4wp-response{margin-top:14px;color:#fff;font-size:.95rem;}
.bl-news .mc4wp-response p{margin:0;color:#fff;}
.bl-news .mc4wp-alert.mc4wp-error{background:rgba(0,0,0,.18);border-radius:14px;padding:10px 16px;display:inline-block;}
@media(max-width:520px){
  .bl-news .mc4wp-form-fields{flex-direction:column;}
  .bl-news .mc4wp-form-fields .bl-news-row{flex:1 1 auto;width:100%;}
  .bl-news .mc4wp-form input[type=submit]{width:100%;}
}


/* Interesses-checkboxes binnen .bl-news */
.bl-news fieldset.bl-news-interests{
  border:none;margin:0 auto 18px;padding:0;max-width:520px;
}
.bl-news fieldset.bl-news-interests legend{
  display:block;width:100%;text-align:center;color:#fff;
  font-family:var(--bl-font-head);font-weight:600;font-size:.95rem;
  letter-spacing:.02em;margin-bottom:10px;
}
.bl-news .bl-news-check{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.18);color:#fff;
  border-radius:999px;padding:8px 16px;margin:4px 6px;
  font-size:.95rem;cursor:pointer;
  transition:background .15s ease;
}
.bl-news .bl-news-check:hover{background:rgba(255,255,255,.28);}
.bl-news .bl-news-check input[type=checkbox]{
  width:18px;height:18px;margin:0;accent-color:#fff;cursor:pointer;
}
.bl-news .bl-news-check input[type=checkbox]:checked{
  accent-color:#fff;
}

/* ==========================================================================
   FOOTER-accenten
   ========================================================================== */
.bl-foot-tagline{
  color:var(--bl-grey);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;
  font-family:var(--bl-font-head);font-weight:600;
}

/* ==========================================================================
   THE EVENTS CALENDAR — Blossom030 huisstijl-overlay (v2)
   Brand-overrides voor /events/ archief (list + month + day views) en
   voor de single-event-pagina. Specifiek genoeg om TEC's eigen CSS te slaan,
   zonder !important spam.
   ========================================================================== */

/* --- Algemene wrapper (archief + single) -------------------------------- */
.post-type-archive-tribe_events .content-container,
.single-tribe_events .content-container{
  background:
    radial-gradient(720px 420px at 92% -4%, rgba(16,185,209,.10), transparent 60%),
    radial-gradient(620px 460px at 6% 12%, rgba(242,68,151,.08), transparent 60%),
    var(--bl-cream);
  position:relative;
}
.post-type-archive-tribe_events .content-container::before,
.single-tribe_events .content-container::before{
  content:"";position:absolute;inset:0;background:var(--bl-stripe);opacity:.45;pointer-events:none;
}
.post-type-archive-tribe_events .content-container > *,
.single-tribe_events .content-container > *{position:relative;}

/* TEC laadt eigen "tribe-common" CSS-vars; die overschrijven voor lettertype */
.tribe-common{
  --tec-font-family-sans-serif: var(--bl-font-body);
  --tec-font-family-base: var(--bl-font-body);
  --tec-color-link-primary: var(--bl-pink);
  --tec-color-link-accent: var(--bl-orange);
  --tec-color-link-accent-hover: var(--bl-pink);
  --tec-color-accent-primary: var(--bl-orange);
  --tec-color-accent-primary-hover: var(--bl-pink);
  --tec-color-background-events: transparent;
  font-family: var(--bl-font-body);
  color: var(--bl-ink);
}
.tribe-common h1, .tribe-common h2, .tribe-common h3,
.tribe-common h4, .tribe-common h5, .tribe-common h6,
.tribe-common .tribe-common-h1, .tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h3, .tribe-common .tribe-common-h4,
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6,
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8{
  font-family: var(--bl-font-head);
  color: var(--bl-grey);
  font-weight:600;
  letter-spacing:0;
}

/* --- Archief: top-bar / events bar ------------------------------------- */
.tribe-events-view .tribe-events-header{
  margin-top:8px;
}
.tribe-events-c-events-bar{
  background:var(--bl-white);
  border:1px solid #f0ede5;
  border-radius:var(--bl-r);
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  padding:8px 10px;
}
.tribe-events-c-events-bar.tribe-events-c-events-bar--border{
  border:1px solid #f0ede5;
}
.tribe-events-c-search__input,
.tribe-events-c-search input[type="text"]{
  font-family:var(--bl-font-body);
  border-radius:999px;
  border:1px solid #ece8de;
  background:var(--bl-soft);
  color:var(--bl-ink);
}
.tribe-events-c-search__input:focus,
.tribe-events-c-search input[type="text"]:focus{
  border-color:var(--bl-pink);
  box-shadow:0 0 0 3px rgba(242,68,151,.18);
  outline:none;
}
.tribe-common-c-btn,
.tribe-events-c-search__button,
.tribe-events-c-events-bar__search-button{
  background:var(--bl-orange);
  color:#fff;
  font-family:var(--bl-font-head);
  font-weight:600;
  border-radius:999px;
  border:2px solid transparent;
  box-shadow:0 8px 22px rgba(243,137,0,.28);
  transition:transform .15s ease, background .15s ease;
}
.tribe-common-c-btn:hover,
.tribe-events-c-search__button:hover{
  background:var(--bl-pink);
  transform:translateY(-2px);
  color:#fff;
}
.tribe-common-c-btn-border,
.tribe-common-c-btn-border-small{
  border:2px solid #e6e2d7;
  border-radius:999px;
  background:#fff;
  color:var(--bl-grey);
  font-family:var(--bl-font-head);
  font-weight:600;
  transition:border-color .15s ease, color .15s ease;
}
.tribe-common-c-btn-border:hover,
.tribe-common-c-btn-border-small:hover{
  border-color:var(--bl-pink);
  color:var(--bl-pink);
}

/* View selector (list / month / day tabs) */
.tribe-events-c-view-selector__button,
.tribe-events-c-view-selector__list-item-link{
  font-family:var(--bl-font-head);
  font-weight:600;
  color:var(--bl-grey);
}
.tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link,
.tribe-events-c-view-selector__list-item-link:hover{
  color:var(--bl-pink);
}
.tribe-events-c-view-selector__list-item-link:focus{outline:none;}
.tribe-events-c-view-selector__button:hover{color:var(--bl-pink);}

/* Top-bar nav (prev / today / next) op archief */
.tribe-events-c-top-bar__datepicker-button,
.tribe-events-c-top-bar__nav-link,
.tribe-events-c-top-bar a{
  font-family:var(--bl-font-head);
  color:var(--bl-grey);
  font-weight:600;
}
.tribe-events-c-top-bar a:hover{color:var(--bl-pink);}
.tribe-events-c-top-bar__nav-list-item .tribe-common-c-btn-icon{
  border-radius:999px;
  border:2px solid #e6e2d7;
  background:#fff;
  color:var(--bl-grey);
  transition:border-color .15s ease, color .15s ease, transform .15s ease;
}
.tribe-events-c-top-bar__nav-list-item .tribe-common-c-btn-icon:hover{
  border-color:var(--bl-pink);
  color:var(--bl-pink);
  transform:translateY(-2px);
}

/* --- Maand-separator op de lijst-view ---------------------------------- */
.tribe-events-calendar-list__month-separator{
  font-family:var(--bl-font-head);
  font-weight:600;
  color:var(--bl-pink);
  font-size:.78rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  border:none;
  margin:32px 0 14px;
  position:relative;
  padding-bottom:14px;
}
.tribe-events-calendar-list__month-separator::after{
  content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--bl-pink),var(--bl-orange));
}
.tribe-events-calendar-list__month-separator-text{
  background:transparent;
  padding:0;
}

/* --- Event-rij als Blossom-kaart --------------------------------------- */
.tribe-events-calendar-list__event-row{
  background:var(--bl-white);
  border:1px solid #f0ede5;
  border-radius:var(--bl-r);
  box-shadow:0 12px 32px rgba(0,0,0,.06);
  margin-bottom:18px;
  padding:22px 26px;
  align-items:center;
  transition:transform .18s ease, box-shadow .18s ease;
}
.tribe-events-calendar-list__event-row:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(0,0,0,.10);
}

/* Datumtag links — Blossom oranje chip */
.tribe-events-calendar-list__event-date-tag{
  flex:0 0 auto;
}
.tribe-events-calendar-list__event-date-tag-datetime{
  background:var(--bl-orange);
  color:#fff;
  border-radius:16px;
  width:88px;
  min-height:88px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(243,137,0,.32);
  padding:8px;
}
.tribe-events-calendar-list__event-date-tag-weekday{
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  opacity:.95;
}
.tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5,
.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h4--min-medium{
  font-family:var(--bl-font-head);
  font-weight:700;
  font-size:2.4rem;
  line-height:1;
  color:#fff;
  margin-top:2px;
}
.tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-separator{
  display:none;
}

/* Event content rechts */
.tribe-events-calendar-list__event-wrapper{padding:0;}
.tribe-events-calendar-list__event{
  margin:0;
}
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-list__event-title.tribe-common-h6,
.tribe-events-calendar-list__event-title.tribe-common-h4--min-medium{
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:1.25rem;
  color:var(--bl-grey);
  margin:0 0 6px;
  letter-spacing:0;
}
.tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-list__event-title-link.tribe-common-anchor-thin{
  color:var(--bl-grey);
  text-decoration:none;
  background:none;
  border:none;
}
.tribe-events-calendar-list__event-title-link:hover{
  color:var(--bl-pink);
  text-decoration:none;
}
.tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events-calendar-list__event-datetime,
.tribe-events-calendar-list__event-datetime time{
  font-family:var(--bl-font-body);
  color:var(--bl-orange);
  font-weight:600;
  font-size:.92rem;
}
.tribe-events-calendar-list__event-venue,
.tribe-events-calendar-list__event-venue-address{
  font-family:var(--bl-font-body);
  color:var(--bl-muted);
  font-size:.92rem;
}
.tribe-events-calendar-list__event-description,
.tribe-events-calendar-list__event-description p{
  font-family:var(--bl-font-body);
  color:var(--bl-ink);
  font-size:.97rem;
  margin-top:8px;
}

/* Featured event-strook */
.tribe-events-calendar-list__event--featured{
  border-color:var(--bl-orange);
}
.tribe-events-calendar-list__event--featured .tribe-events-calendar-list__event-row{
  border-color:var(--bl-orange);
}
.tribe-events-calendar-list__event-row::before{display:none;}

/* --- Geen-events / lege staat ----------------------------------------- */
.tribe-events-c-messages,
.tribe-events-header__messages{
  background:var(--bl-white);
  border:1px solid #f0ede5;
  border-radius:var(--bl-r);
  padding:18px 22px;
  color:var(--bl-ink);
  font-family:var(--bl-font-body);
}

/* --- iCal/subscribe-dropdown ----------------------------------------- */
.tribe-events-c-subscribe-dropdown{
  font-family:var(--bl-font-head);
}
.tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border{
  background:#fff;
  color:var(--bl-grey);
}
.tribe-events-c-subscribe-dropdown__content{
  background:#fff;
  border:1px solid #f0ede5;
  border-radius:var(--bl-rs);
  box-shadow:0 18px 44px rgba(0,0,0,.10);
}
.tribe-events-c-subscribe-dropdown__list-item-link{
  font-family:var(--bl-font-body);
  color:var(--bl-ink);
}
.tribe-events-c-subscribe-dropdown__list-item-link:hover{
  color:var(--bl-pink);
  background:var(--bl-soft);
}

/* --- Maand-view & dag-view (basis-brand) ------------------------------ */
.tribe-events-calendar-month__day,
.tribe-events-calendar-day__event,
.tribe-events-calendar-month__day-cell{
  font-family:var(--bl-font-body);
}
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__day-date{
  font-family:var(--bl-font-head);
  color:var(--bl-grey);
}
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum{
  background:var(--bl-pink);
  color:#fff;
}
.tribe-events-calendar-month__calendar-event-title,
.tribe-events-calendar-month__multiday-event-bar-title,
.tribe-events-calendar-day__event-title{
  font-family:var(--bl-font-head);
  color:var(--bl-grey);
  font-weight:600;
}
.tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-day__event-title a:hover{
  color:var(--bl-pink);
}
.tribe-events-calendar-month__multiday-event-bar-inner{
  background:var(--bl-orange);
  color:#fff;
}

/* --- Pagination onderaan archief -------------------------------------- */
.tribe-events-c-nav{
  background:transparent;
  border:none;
  padding:18px 0 0;
  display:flex;
  gap:14px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.tribe-events-c-nav__list{gap:10px;display:flex;flex-wrap:wrap;}
.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-c-nav__today{
  font-family:var(--bl-font-head);
  font-weight:600;
  border-radius:999px;
  padding:11px 22px;
  background:#fff;
  border:2px solid #e6e2d7;
  color:var(--bl-grey);
  transition:border-color .15s ease, color .15s ease, transform .15s ease;
}
.tribe-events-c-nav__prev:hover,
.tribe-events-c-nav__next:hover,
.tribe-events-c-nav__today:hover{
  border-color:var(--bl-pink);
  color:var(--bl-pink);
  transform:translateY(-2px);
  background:#fff;
}
.tribe-events-c-nav__prev[disabled],
.tribe-events-c-nav__next[disabled]{
  opacity:.4;
  cursor:not-allowed;
}

/* ==========================================================================
   SINGLE EVENT — detailpagina in huisstijl
   ========================================================================== */

/* Wrap & basislayout */
.single-tribe_events .tribe-events-single{
  background:transparent;
  max-width:880px;
  margin:0 auto;
  padding:8px 0 40px;
}

/* "Vorige event"-terug-link bovenaan */
.single-tribe_events .tribe-events-back{
  margin:0 0 18px;
}
.single-tribe_events .tribe-events-back a{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:.92rem;
  padding:9px 18px;
  border-radius:999px;
  border:2px solid #e6e2d7;
  background:#fff;
  color:var(--bl-grey);
  text-decoration:none;
  transition:border-color .15s ease, color .15s ease, transform .15s ease;
}
.single-tribe_events .tribe-events-back a::before{
  content:"\2190";
  font-size:1.05em;
  line-height:1;
}
.single-tribe_events .tribe-events-back a:hover{
  border-color:var(--bl-pink);
  color:var(--bl-pink);
  transform:translateX(-2px);
}

/* Titel */
.single-tribe_events .entry-header.tribe_events-title,
.single-tribe_events .tribe-events-single .entry-header{
  background:transparent !important;
  padding:0 !important;
  min-height:0 !important;
  margin:0 0 8px !important;
}
.single-tribe_events .tribe-events-single-event-title,
.single-tribe_events .entry-title{
  font-family:var(--bl-font-head);
  font-weight:600;
  color:var(--bl-pink);
  font-size:clamp(2rem,4vw,2.8rem);
  line-height:1.15;
  letter-spacing:-.5px;
  margin:0 0 14px;
  text-align:left;
}

/* Schedule (datum + tijd) onder de titel */
.single-tribe_events .tribe-events-schedule{
  background:linear-gradient(135deg,#FFF3E3 0%,#FFE8CC 100%);
  border:1px solid #f6e6cf;
  border-radius:var(--bl-r);
  padding:18px 24px;
  margin:0 0 28px;
  box-shadow:0 10px 28px rgba(243,137,0,.10);
}
.single-tribe_events .tribe-events-schedule h2{
  margin:0;
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:1.15rem;
  color:var(--bl-orange);
  letter-spacing:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:baseline;
}
.single-tribe_events .tribe-event-date-start,
.single-tribe_events .tribe-event-date-end,
.single-tribe_events .tribe-event-time{
  font-family:var(--bl-font-head);
  font-weight:600;
  color:var(--bl-orange);
}

/* Vorige/volgende event-pagination (boven én onder) */
.single-tribe_events .tribe-events-nav-pagination{
  background:transparent;
  border:none;
  padding:0;
  margin:0 0 22px;
}
.single-tribe_events .tribe-events-sub-nav{
  display:flex;
  gap:10px;
  padding:0;
  list-style:none;
  flex-wrap:wrap;
  justify-content:space-between;
}
.single-tribe_events .tribe-events-sub-nav li{
  margin:0;
  padding:0;
  background:none;
}
.single-tribe_events .tribe-events-sub-nav a{
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:.9rem;
  padding:9px 18px;
  border-radius:999px;
  border:2px solid #e6e2d7;
  background:#fff;
  color:var(--bl-grey);
  text-decoration:none;
  transition:border-color .15s ease, color .15s ease, transform .15s ease;
  display:inline-block;
}
.single-tribe_events .tribe-events-sub-nav a:hover{
  border-color:var(--bl-pink);
  color:var(--bl-pink);
  transform:translateY(-2px);
}

/* Beschrijvingblok */
.single-tribe_events .tribe-events-single-event-description,
.single-tribe_events .tribe-events-content{
  font-family:var(--bl-font-body);
  color:var(--bl-ink);
  font-size:1rem;
  line-height:1.65;
  margin:0 0 30px;
}
.single-tribe_events .tribe-events-content p{margin:0 0 14px;}

/* Meta-blok (datum/tijd-details + venue) als brand-kaart */
.single-tribe_events .tribe-events-event-meta{
  background:var(--bl-white);
  border:1px solid #f0ede5;
  border-radius:var(--bl-r);
  box-shadow:0 12px 32px rgba(0,0,0,.06);
  padding:24px 28px;
  margin:0 0 28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 32px;
}
.single-tribe_events .tribe-events-event-meta::before,
.single-tribe_events .tribe-events-event-meta::after{
  display:none;
}
.single-tribe_events .tribe-events-meta-group{
  padding:0;
  margin:0;
  width:auto;
  float:none;
}
.single-tribe_events .tribe-events-single-section-title{
  font-family:var(--bl-font-head);
  font-weight:600;
  font-size:.74rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--bl-muted);
  margin:0 0 10px;
  padding:0;
  background:none;
  border:none;
}
.single-tribe_events .tribe-events-meta-list{
  list-style:none;
  padding:0;
  margin:0;
}
.single-tribe_events .tribe-events-meta-item{
  margin:0 0 8px;
  padding:0;
  background:none;
  font-family:var(--bl-font-body);
  color:var(--bl-ink);
  font-size:.95rem;
  line-height:1.5;
}
.single-tribe_events .tribe-events-meta-label{
  font-family:var(--bl-font-head);
  font-weight:600;
  color:var(--bl-grey);
  display:block;
  font-size:.85rem;
  margin-bottom:2px;
}
.single-tribe_events .tribe-events-meta-value{
  color:var(--bl-ink);
}
.single-tribe_events .tribe-events-meta-value a{
  color:var(--bl-pink);
  text-decoration:none;
}
.single-tribe_events .tribe-events-meta-value a:hover{
  color:var(--bl-orange);
  text-decoration:underline;
}
.single-tribe_events .tribe-events-abbr{
  border:none;
  text-decoration:none;
}
.single-tribe_events .tribe-events-event-categories a{
  color:var(--bl-pink);
}

/* Venue-blok onder de meta */
.single-tribe_events .tribe-venue{
  font-family:var(--bl-font-body);
}
.single-tribe_events .tribe-events-address,
.single-tribe_events .tribe-street-address,
.single-tribe_events .tribe-locality,
.single-tribe_events .tribe-postal-code,
.single-tribe_events .tribe-country-name{
  font-style:normal;
  color:var(--bl-ink);
}

/* Subscribe-knop (Add to calendar) op detail */
.single-tribe_events .tribe-events-c-subscribe-dropdown__container{
  margin:0 0 24px;
}

/* --- Responsief --------------------------------------------------------- */
@media(max-width:781px){
  .tribe-events-calendar-list__event-row{
    padding:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .tribe-events-calendar-list__event-date-tag-datetime{
    width:72px;min-height:72px;
  }
  .tribe-events-calendar-list__event-date-tag-daynum,
  .tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5,
  .tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h4--min-medium{
    font-size:2rem;
  }
  .single-tribe_events .tribe-events-event-meta{
    grid-template-columns:1fr;
    padding:20px 22px;
  }
  .single-tribe_events .tribe-events-schedule{padding:16px 20px;}
}


/* fix: meta-card bg overrule TEC */
.single-tribe_events .tribe-events-event-meta{background-color:var(--bl-white) !important;}
.tribe-events-calendar-list__event-row{background-color:var(--bl-white) !important;}
.tribe-events-c-events-bar{background-color:var(--bl-white) !important;}


/* === Smash Balloon Instagram Feed — Blossom huisstijl-overlay === */
.bl-ig-strip .wp-block-shortcode { margin:0; }
#sb_instagram { padding:0 !important; max-width:none !important; background:transparent !important; }
#sb_instagram #sbi_images { padding:0 !important; }
#sb_instagram .sbi_item { padding:7px !important; box-sizing:border-box !important; }
#sb_instagram .sbi_item .sbi_photo_wrap,
#sb_instagram .sbi_item .sbi_photo {
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
#sb_instagram .sbi_item:hover .sbi_photo_wrap,
#sb_instagram .sbi_item:hover .sbi_photo { transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.12) !important; }
#sb_instagram .sbi_photo img { border-radius:18px !important; }
#sb_instagram .sb_instagram_header,
#sb_instagram #sbi_load,
#sb_instagram .sbi_follow_btn,
#sb_instagram .sbi_load_btn { display:none !important; }
@media (max-width: 700px) { #sb_instagram .sbi_item { width:50% !important; } }
@media (max-width: 420px) { #sb_instagram .sbi_item { width:100% !important; } }
/* === einde overlay === */


/* === bl-mobile-evcard-fix-v108 — E&V-kaart stackt op smal scherm === */
@media(max-width:781px){
  .bl-ev-card{
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:center;
    gap:18px;
    padding:24px 20px;
  }
  .bl-ev-card > *{width:100%;min-width:0;}
  .bl-ev-card .bl-datechip{margin:0 auto;}
  .bl-ev-card .wp-block-buttons{justify-content:center;}
  .bl-ev-card .wp-block-buttons .wp-block-button{width:auto;}
}

/* === Contactformulier (v1.1.1) === */
.bl-contact-form{max-width:620px;margin:0 auto;background:#fff;border-radius:22px;padding:34px 34px 28px;box-shadow:0 10px 30px rgba(0,0,0,.08);font-family:var(--bl-font-body,'Nunito Sans',system-ui,sans-serif);}
.bl-contact-form .bl-field{margin:0 0 18px;display:flex;flex-direction:column;gap:6px;}
.bl-contact-form label{font-family:var(--bl-font-head,'Fredoka',system-ui,sans-serif);font-weight:600;color:#3b3b3b;font-size:.95rem;}
.bl-contact-form input[type=text],.bl-contact-form input[type=email],.bl-contact-form input[type=number],.bl-contact-form textarea{width:100%;border:2px solid #f0e6d8;border-radius:14px;padding:12px 14px;font-family:inherit;font-size:1rem;background:#fffcf6;color:#2b2b2b;transition:border-color .2s,box-shadow .2s;}
.bl-contact-form input:focus,.bl-contact-form textarea:focus{outline:none;border-color:#F38900;box-shadow:0 0 0 4px rgba(243,137,0,.18);}
.bl-contact-form textarea{resize:vertical;min-height:140px;}
.bl-contact-form .bl-captcha{background:#fff7ec;border:1px dashed #F38900;border-radius:14px;padding:14px 16px;}
.bl-contact-form .bl-captcha label{color:#7a4500;}
.bl-contact-form .bl-captcha input{max-width:140px;}
.bl-contact-form .bl-submit{margin-top:8px;}
.bl-contact-form .bl-form-btn{display:inline-flex;align-items:center;gap:6px;background:#F38900;color:#fff;border:0;border-radius:999px;padding:14px 26px;font-family:var(--bl-font-head,'Fredoka',system-ui,sans-serif);font-weight:600;font-size:1.02rem;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 18px rgba(243,137,0,.35);}
.bl-contact-form .bl-form-btn:hover{background:#F24497;box-shadow:0 8px 22px rgba(242,68,151,.32);transform:translateY(-1px);}
.bl-contact-form .bl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.bl-form-ok{background:#eaf7e9;border:1px solid #B4CE41;color:#2c5a14;padding:14px 16px;border-radius:14px;margin:0 0 18px;font-weight:600;}
.bl-form-err{background:#fdecec;border:1px solid #F24497;color:#9a1c4b;padding:14px 16px;border-radius:14px;margin:0 0 18px;}
.bl-form-err ul{margin:6px 0 0 1em;padding:0;}
@media(max-width:640px){.bl-contact-form{padding:24px 20px;border-radius:18px;}}
/* === einde contactformulier === */
/* === Uitgangspunten op Over ons (v1.1.1) === */
.bl-uitgangspunten{position:relative;z-index:2;margin:1.2rem auto 2.4rem;background:rgba(255,255,255,.78);backdrop-filter:blur(2px);border-radius:22px;padding:30px 34px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.bl-uitgangspunten .bl-uitg-kop{font-family:var(--bl-font-head,'Fredoka',system-ui,sans-serif);color:#F24497;margin:0 0 .35rem;font-size:1.45rem;}
.bl-uitgangspunten>p{color:#5a5a5a;margin:0 0 1rem;font-style:italic;}
.bl-uitg-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.bl-uitg-list li{position:relative;padding:10px 14px 10px 38px;background:#fffcf6;border:1px solid #f1e7d3;border-radius:14px;font-size:1rem;line-height:1.5;color:#2b2b2b;}
.bl-uitg-list li::before{content:'';position:absolute;left:14px;top:18px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#F38900,#F24497);box-shadow:0 0 0 3px rgba(243,137,0,.18);}
@media(max-width:640px){.bl-uitgangspunten{padding:22px 18px;border-radius:18px;}.bl-uitg-list li{padding:10px 12px 10px 34px;}}
/* === einde uitgangspunten === */


/* === Blossom030 uniforme wrapper voor alle pagina's — bl-uniform-wrap-v109 === */
/* Doel: élke pagina krijgt dezelfde "Over ons"-achtige wrapper:
   1) cream + zachte radial-gradients + strepenpatroon achtergrond op body
   2) witte content-bak (article.entry.content-bg) uitgeschakeld
   3) Kadence's grijze paginatitel-balk (.entry-hero) op ALLE pagina's verborgen */

html, body{
  background-color: #fdf9f1 !important;
}
body{
  background-image:
    radial-gradient(at 20% 10%, rgba(242,68,151,.07) 0, transparent 50%),
    radial-gradient(at 80% 0%, rgba(243,137,0,.08) 0, transparent 50%),
    radial-gradient(at 0% 80%, rgba(16,185,209,.06) 0, transparent 50%),
    radial-gradient(at 100% 100%, rgba(180,206,65,.06) 0, transparent 50%),
    url('/wp-content/themes/blossom030/assets/img/strepenpatroon-tile.png') !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat !important;
  background-attachment: fixed, fixed, fixed, fixed, scroll !important;
}

/* witte boxed-content bak weg op ALLE pagina's */
article.entry.content-bg,
.content-style-boxed .content-bg.entry,
.content-style-boxed article.entry,
.content-bg.entry,
body.content-style-boxed article.entry{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* grijze Kadence paginatitelbalk op ALLE pagina's verbergen */
section.entry-hero,
  section.entry-hero .entry-hero-container,
  section.entry-hero .entry-hero-container-inner,
  section.entry-hero header.entry-header{
  display: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* content-area compact, geen extra spacing */
.content-area,
#main.content-area,
.site-main{
  background: transparent !important;
}


/* === Blossom030 lichte laag versterkt + roze bolletje — bl-about-overlay-v110 === */
/* Maak de bl-about-rich-look universeel: grotere/sterkere radial gradients in
   de body + decoratieve roze bol links-boven op alle pagina's behalve Over ons
   (page-id-26, eigen bl-blob-1) en de Agenda (post-type-archive-tribe_events,
   eigen TEC-overlay met radial gradients). */

body{
  background-image:
    radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10) 0, transparent 60%),
    radial-gradient(540px 360px at 5% 95%, rgba(180,206,65,.10) 0, transparent 60%),
    radial-gradient(500px 340px at 100% 100%, rgba(242,68,151,.08) 0, transparent 60%),
    radial-gradient(420px 280px at 0% 0%, rgba(243,137,0,.10) 0, transparent 60%),
    url('/wp-content/themes/blossom030/assets/img/strepenpatroon-tile.png') !important;
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,repeat !important;
  background-attachment: fixed,fixed,fixed,fixed,scroll !important;
  position: relative;
}

/* Roze bolletje links-boven (zoals .bl-blob-1) — universeel via body::before */
body::before{
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: #F24497;
  border-radius: 50%;
  top: 260px;
  left: -40px;
  opacity: 0.18;
  z-index: 0;
  pointer-events: none;
}
/* Verberg op pagina's met eigen blob/wrap */
body.page-id-26::before,
body.post-type-archive-tribe_events::before,
body.single-tribe_events::before{ display: none; }
/* Zorg dat content boven het bolletje zit */
#wrapper.site{ position: relative; z-index: 1; }


/* === Blossom030 licht cream-panel rond content — bl-content-panel-v111 === */
/* Maak het "lichte vlak" van Over ons (.bl-about-rich) universeel: geef
   article.entry (single page) én .site-main (archive) een eigen lichtere
   cream-laag met radial gradients + zachte rounded corners + padding. Zo
   krijgen Eten & Vieren, Berichten, Contact en Home dezelfde gelaagdheid
   als Over ons. Uitsluiten: Over ons (eigen .bl-about-rich) en TEC-pagina's
   (eigen wrap uit sessie 4). */

article.entry,
.archive .site-main,
.blog .site-main{
  background-color: #fbfaf6 !important;
  background-image:
    radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10) 0, transparent 60%),
    radial-gradient(540px 360px at 5% 95%, rgba(180,206,65,.10) 0, transparent 60%),
    radial-gradient(500px 340px at 100% 100%, rgba(242,68,151,.06) 0, transparent 60%),
    radial-gradient(420px 280px at 0% 0%, rgba(243,137,0,.08) 0, transparent 60%) !important;
  border-radius: 24px !important;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 5vw, 64px) !important;
  margin: clamp(24px, 4vw, 48px) auto !important;
  position: relative;
  z-index: 1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

/* Uitsluiten op Over ons (page-id-26 heeft eigen .bl-about-rich) */
body.page-id-26 article.entry{
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
/* TEC al via sessie-4 wrap; geen extra panel */
body.post-type-archive-tribe_events .site-main,
body.single-tribe_events article.entry{
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}


/* === Blossom030 cream-panel fix specificity — bl-content-panel-v111-fix === */
/* Override v109's transparent !important door hogere specificity. */

html body.content-style-boxed article.entry,
html body.content-style-boxed article.entry.content-bg,
html body.archive .site-main,
html body.blog .site-main{
  background-color: #fbfaf6 !important;
  background-image:
    radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10) 0, transparent 60%),
    radial-gradient(540px 360px at 5% 95%, rgba(180,206,65,.10) 0, transparent 60%),
    radial-gradient(500px 340px at 100% 100%, rgba(242,68,151,.06) 0, transparent 60%),
    radial-gradient(420px 280px at 0% 0%, rgba(243,137,0,.08) 0, transparent 60%) !important;
  border-radius: 24px !important;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 5vw, 64px) !important;
  margin: clamp(24px, 4vw, 48px) auto !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

/* Uitsluiten op Over ons */
html body.page-id-26 article.entry,
html body.page-id-26 article.entry.content-bg{
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
/* TEC */
html body.post-type-archive-tribe_events .site-main,
html body.single-tribe_events article.entry,
html body.single-tribe_events article.entry.content-bg{
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}


/* === Blossom030 panel — Home weg + Agenda erin — bl-content-panel-v112 === */
/* Home (page-id-19) heeft full-width sections; cream-panel rondom article.entry
   geeft zichtbare ronde corners die we niet willen → uitsluiten.
   Agenda (post-type-archive-tribe_events) krijgt het cream-panel alsnog via
   .site-main, zodat de opzet identiek is aan de andere pagina's. */

/* Home: panel uitschakelen */
html body.page-id-19 article.entry,
html body.page-id-19 article.entry.content-bg,
html body.home article.entry{
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Agenda + single event: cream-panel toepassen op .site-main / article */
html body.post-type-archive-tribe_events .site-main,
html body.single-tribe_events .site-main,
html body.single-tribe_events article.entry,
html body.single-tribe_events article.entry.content-bg{
  background-color: #fbfaf6 !important;
  background-image:
    radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10) 0, transparent 60%),
    radial-gradient(540px 360px at 5% 95%, rgba(180,206,65,.10) 0, transparent 60%),
    radial-gradient(500px 340px at 100% 100%, rgba(242,68,151,.06) 0, transparent 60%),
    radial-gradient(420px 280px at 0% 0%, rgba(243,137,0,.08) 0, transparent 60%) !important;
  border-radius: 24px !important;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 5vw, 64px) !important;
  margin: clamp(24px, 4vw, 48px) auto !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}


/* === Blossom030 panel — Agenda TEC wrap — bl-content-panel-v113 === */
/* /events/ heeft geen .site-main; gebruikt .tribe-events-view. Daarop het
   cream-panel toepassen zodat de Agenda dezelfde opzet heeft. */

html body.post-type-archive-tribe_events .tribe-events-view,
html body.tribe-events-view .tribe-events-view{
  background-color: #fbfaf6 !important;
  background-image:
    radial-gradient(620px 380px at 92% 8%, rgba(16,185,209,.10) 0, transparent 60%),
    radial-gradient(540px 360px at 5% 95%, rgba(180,206,65,.10) 0, transparent 60%),
    radial-gradient(500px 340px at 100% 100%, rgba(242,68,151,.06) 0, transparent 60%),
    radial-gradient(420px 280px at 0% 0%, rgba(243,137,0,.08) 0, transparent 60%) !important;
  border-radius: 24px !important;
  padding: clamp(28px, 4vw, 56px) clamp(20px, 5vw, 64px) !important;
  margin: clamp(24px, 4vw, 48px) auto !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}


/* === Blossom030 consistente header-gap — bl-header-gap-v114 === */
/* Universele "gearceerde balk" (strepenpatroon body bg) tussen header en
   content, met identieke hoogte op elke pagina. Voorheen liep dit uiteen
   doordat panel-margin per pagina anders viel. */

html body .content-area{
  padding-top: 48px !important;
}
/* Panel zelf geen eigen top-marge meer — parent levert de gap */
html body.content-style-boxed article.entry,
html body.archive .site-main,
html body.blog .site-main,
html body.post-type-archive-tribe_events .tribe-events-view,
html body.single-tribe_events article.entry,
html body.single-tribe_events article.entry.content-bg{
  margin-top: 0 !important;
}
/* Op Over ons (eigen .bl-about-rich start) ook de top-marge nullen */
html body.page-id-26 .content-area > article.entry{
  margin-top: 0 !important;
}


/* === Blossom030 header-gap fix — bl-header-gap-v115 === */
/* Fix v114-specificity: matchte article.entry maar niet article.entry.content-bg
   (laatste heeft 1 class extra, dus v111-fix margin won). Plus .content-area
   eigen Kadence-margin nullen, anders telt die bij de gap op. */

html body .content-area{
  margin-top: 0 !important;
}
html body.content-style-boxed article.entry.content-bg,
html body.archive .site-main,
html body.blog .site-main,
html body.post-type-archive-tribe_events .tribe-events-view,
html body.single-tribe_events article.entry.content-bg{
  margin-top: 0 !important;
  margin-bottom: clamp(24px, 4vw, 48px) !important;
}

/* === bl-page-title-v118: pagina-/berichttitel ingebed in cream-panel ===
   Verberg Kadence-hero (zoals v109). JS in functions.php verplaatst de titel
   naar BINNENIN het cream-vlak van de pagina (bl-about-rich op Over ons,
   article.entry.content-bg of .site-main op anderen, .tribe-events-view voor
   TEC archive op Berichten — TEC events zelf houden eigen titel uit sessie 4).
   Pink Fredoka, groter dan body-tekst, links uitgelijnd. */

body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero,
body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero .entry-hero-container,
body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero .entry-hero-container-inner,
body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero .hero-container,
body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero header.entry-header,
body:not(.page-id-19):not(.post-type-archive-tribe_events):not(.single-tribe_events) section.entry-hero h1 {
  display: none !important;
}

.bl-page-title{
  font-family: var(--bl-font-head);
  font-weight: 600;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.15;
  color: var(--bl-pink);
  margin: 0 0 1.4rem;
  text-align: left;
  letter-spacing: -.005em;
}
/* einde bl-page-title-v118 */


/* bl-blue-buttons-fix-v119 — Home E&V 'Meer over deze zondag' + Agenda zoekknop in huisstijl */
.bl-ev-dyn__cta .wp-block-button__link{
  background: var(--bl-pink) !important;
  color: #fff !important;
  font-family: var(--bl-font-head);
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 999px !important;
  padding: 13px 26px;
  box-shadow: 0 8px 22px rgba(242,68,151,.32);
  border: 2px solid transparent;
  transition: transform .15s ease, background .15s ease;
  text-decoration: none;
}
.bl-ev-dyn__cta .wp-block-button__link:hover{
  background: var(--bl-orange) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.bl-ev-dyn__cta .wp-block-button__link:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(242,68,151,.25);
}
.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button,
.tribe-events-c-events-bar__search-button-container .tribe-events-c-search__button{
  background: var(--bl-orange) !important;
  color: #fff !important;
  font-family: var(--bl-font-head) !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  box-shadow: 0 8px 22px rgba(243,137,0,.28);
  transition: transform .15s ease, background .15s ease;
}
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:hover{
  background: var(--bl-pink) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
.tribe-events, .tribe-common{
  --tec-color-button-primary: var(--bl-orange);
  --tec-color-button-primary-hover: var(--bl-pink);
  --tec-color-background-events-bar-submit-button: var(--bl-orange);
  --tec-color-background-events-bar-submit-button-hover: var(--bl-pink);
}


/* === bl-events-bg-fix-v120 ============================================
   Agenda /events/ (TEC archief + single event) heeft body.content-style-unboxed.
   Kadence's regel `body.content-style-unboxed .site` zet de #wrapper.site bg op
   wit (palette9), waardoor de body-cream + gradients + strepenpatroon volledig
   verborgen worden achter een witte laag. Wrapper transparent forceren op TEC-
   pagina's zodat de huisstijl-achtergrond doorkomt (de .tribe-events-view en
   single-event content houden hun eigen cream-panel uit v113).
   ==================================================================== */
html body.post-type-archive-tribe_events #wrapper.site,
html body.single-tribe_events #wrapper.site{ background: transparent !important; background-color: transparent !important; background-image: none !important; }

/* ============================================================
   bl-page-top-gap-fix-v121 - 31 mei 2026
   Home (page-id-19) en Over ons (page-id-26) toonden voor de
   eerste cream-sectie (.bl-hero resp. .bl-about-rich) een 80px
   gearceerde grijs-band onder de header. Andere pagina's: 48px.
   Oorzaak: Kadence inline rule `.entry-content-wrap{padding:2rem}`
   voegt 32px boven toe; op de cream-on-article pagina's
   (E&V, Berichten, Contact, /events/) zit dat 32px binnen de
   cream box, op Home/Over ons (article.entry transparant, cream
   op kind-block) telt het bij de header-gap.
   Fix: padding-top op .entry-content-wrap nullen voor deze twee
   pagina's, zodat het visuele cream-vlak direct na de v114-gap
   (48px) begint. Net als op de andere pagina's.
   ============================================================ */
body.page-id-19 .entry-content-wrap,
body.page-id-26 .entry-content-wrap{
  padding-top: 0 !important;
}


/* ---- bl-posts-feed-v122: brede berichten-kaarten, 1 per rij ---- */
/* Forceer 1-koloms grid op berichten-archief */
html body.blog ul.kadence-posts-list,
html body.archive ul.kadence-posts-list{
  grid-template-columns: 1fr !important;
  gap: 28px !important;
}
/* Verberg categorie boven titel (alleen in feed, niet op single post) */
html body.blog article.loop-entry .entry-taxonomies,
html body.archive article.loop-entry .entry-taxonomies{
  display: none !important;
}

/* Brede witte bericht-kaart binnen cream site-main */
html body.blog.content-style-boxed article.entry.content-bg.loop-entry,
html body.archive.content-style-boxed article.entry.content-bg.loop-entry{
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 18px !important;
  padding: clamp(24px,3vw,40px) clamp(20px,4vw,48px) !important;
  margin: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
html body.blog article.loop-entry:hover,
html body.archive article.loop-entry:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.09);
}

/* Titel-styling in feed: Fredoka, pink */
body.blog article.loop-entry .entry-title,
body.archive article.loop-entry .entry-title{
  font-family: var(--bl-font-head);
  font-weight: 600;
  font-size: clamp(1.35rem,2.2vw,1.85rem);
  line-height: 1.2;
  margin: 0 0 .5rem;
}
body.blog article.loop-entry .entry-title a,
body.archive article.loop-entry .entry-title a{
  color: var(--bl-pink);
  text-decoration: none;
  background-image: none;
}
body.blog article.loop-entry .entry-title a:hover,
body.archive article.loop-entry .entry-title a:hover{
  color: var(--bl-orange);
}
/* Meta (auteur/datum) compact onder titel */
body.blog article.loop-entry .entry-meta,
body.archive article.loop-entry .entry-meta{
  font-family: var(--bl-font-body);
  font-size: .85rem;
  color: var(--bl-muted);
  margin-bottom: 1rem;
}
/* ---- einde bl-posts-feed-v122 ---- */