/* =========================================================
   Blues Magazine — Single Event (CLEAN, match single post)
   ========================================================= */

/* ====== CONTAINER & GRID ====== */
.single-tribe_events #tribe-events-pg-template { max-width:none; padding:0; }
.single-tribe_events article.bm-event-single { max-width:1280px; margin:0 auto; padding:0 24px; box-sizing:border-box; }

.bm-event-layout{ display:grid; grid-template-columns:1fr; gap:24px; }
@media (min-width:992px){
  .bm-event-layout{ grid-template-columns:2fr 1fr; align-items:start; gap:28px; }
}

.bm-event-main{ min-width:0; }
.bm-event-sidebar{ position:relative; }
.sticky{ position:sticky; top:16px; }

@media (max-width:768px){
  .bm-event-single{ padding:0 16px; }
}

/* ====== HEADER (match single post) ====== */
/* Header wrapper spacing zoals posts */
.bm-event-single .bm-head{ padding:28px 0 10px; margin:0; }

/* Rubriek/label “CONCERTAGENDA” – identiek aan .bm-single .bm-rubriek a */
.bm-event-single .bm-rubriek{ margin:0 0 10px; }
.bm-event-single .bm-rubriek a{
  background:none; padding:0; border-radius:0; border:0;
  color:#1e63ff; font-weight:800;
  font-size:clamp(20px,2.2vw,24px);
  text-transform:uppercase; letter-spacing:.01em;
  text-decoration:none;
}
.bm-event-single .bm-rubriek a:hover{ text-decoration:underline; }

/* Titelblok met blauwe balk links (3 regels: titel, datum, venue) */
.bm-event-single .bm-titleblock{
  position:relative;
  padding-left:22px;      /* ruimte voor blauwe balk */
  margin:10px 0 10px;
}
.bm-event-single .bm-titleblock::before{
  content:"";
  position:absolute; left:0; top:.12em; bottom:.12em;
  width:10px; background:#1e63ff; border-radius:10px;
}

/* 1e regel: event titel – als .bm-single .bm-title */
.bm-event-single .bm-titleblock .bm-title{
  margin:0 0 12px;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.1; font-weight:800;
}
/* voorkom tweede balk in h1 zelf */
.bm-event-single .bm-titleblock .bm-title::before{ content:none !important; }

/* 2e & 3e regel (datum + venue) – als excerpt/meta onder titel op posts */
.bm-event-single .bm-titleblock .bm-title-sub{
  margin:4px 0 0;
  font-size:clamp(20px,2.4vw,24px);
  line-height:1.45;
  font-weight:600;
  color:#17202a;
}
.bm-event-single .bm-titleblock .bm-title-date{ margin-top:8px; }
.bm-event-single .bm-titleblock .bm-title-venue{ margin-top:4px; color:#1f2a37; }

@media (max-width:768px){
  .bm-event-single .bm-titleblock .bm-title{ margin:0 0 10px; }
  .bm-event-single .bm-titleblock .bm-title-date{ margin-top:7px; }
  .bm-event-single .bm-titleblock .bm-title-venue{ margin-top:3px; }
}

/* Separator-lijntje onder header zoals post */
.bm-event-single .bm-sep{
  border:0; height:0; margin:12px 0;
  border-top:1px solid #e8ecf3;
}

/* Breadcrumbs uit op events */
body.single-tribe_events .rank-math-breadcrumb,
body.single-tribe_events .breadcrumbs{ display:none; }

/* ====== FEATURED IMAGE ====== */
/* Landscape / breed boven content+sidebar – toon volledige foto, geen crop */
.bm-event-featured{ margin:.75rem 0 1.25rem; }
.bm-event-featured--wide .event-featured-img{
  display:block;
  width:100%;
  height:auto;                 /* natuurlijke verhoudingen */
  /* geen aspect-ratio en geen object-fit:cover → voorkomt crop en “lege ruimte” */
  border-radius:12px;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}

/* Portrait / square binnen de main kolom bovenaan */
.bm-event-featured--narrow .event-featured-img{
  max-width:720px; width:100%; height:auto; display:block;
  margin:.5rem auto 1rem;
  border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.06);
  object-fit:contain; object-position:center center; /* voor de zekerheid */
}

@media (max-width:768px){
  .bm-event-featured--wide .event-featured-img{
    border-radius:0; box-shadow:none;
  }
}

/* ====== CONTENT BLOKKEN ====== */
.bm-event-description{ margin-bottom:2rem; position:relative; }
.bm-event-description img{ margin:1.5rem 0; }

.bm-event-details-block{
  background:#f5f7fa; border-radius:8px; padding:1.5rem; line-height:1.5; margin-bottom:1.75rem;
  box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
.bm-event-details-block ul{ list-style:none; padding:0; margin:1rem 0; }
.bm-sidebar-details-list li{ margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #e0e0e0; }
.bm-sidebar-details-list li:last-child{ border-bottom:none; }
.bm-event-details-block strong{
  display:block; font-size:.85rem; font-weight:700; color:#555;
  text-transform:uppercase; margin-bottom:.25rem;
}
.bm-sidebar-details-list a{ color:#0b3b64; text-decoration:none; word-break:break-word; }
.bm-sidebar-details-list a:hover{ text-decoration:underline; }

/* Callout (onder content) */
.bm-event-callout{
  background:#e6f0ff; border-left:4px solid #0066cc; padding:1.5rem; margin:3rem 0 2rem; border-radius:6px;
}
.bm-event-callout h2{ margin:0 0 .5rem; font-size:1.5rem; color:#003366; }
.bm-event-callout p{ font-size:1.2rem; line-height:1.5; }

/* Tags */
.bm-event-tags{ margin-top:2rem; }
.bm-event-tags ul{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; margin:0; }
.bm-event-tags li a{
  background:#e9eef3; padding:.35rem .75rem; border-radius:999px; font-size:.8rem;
  color:#0b3b64; text-decoration:none; border:1px solid #0066cc;
}
.bm-event-tags li a:hover{ background:#d2dbe6; }

/* ====== BUTTONS ====== */
.bm-btn-primary{
  background:#1e90ff; color:#fff; font-weight:700;
  padding:.75rem 1.2rem; border-radius:6px;
  display:block; width:100%; text-align:center;
  text-decoration:none; transition:background-color .3s;
}
.bm-btn-primary:hover{ background:#3aa0ff; color:#fff; }

/* ====== SIDEBAR ====== */
.bm-event-sidebar > section{ margin-bottom:18px; }

/* Related events */
.related-events-section{
  margin-bottom:2rem; padding:1rem; background:#f7f7f7; border-radius:6px; border-bottom:1px solid #ddd;
}
.new-events-list{ display:flex; flex-direction:column; gap:.5rem; }
.new-event-item{
  display:flex; align-items:center; text-decoration:none; color:inherit;
  background:#fff; border-radius:4px; padding:.5rem; transition:background .2s;
}
.new-event-item:hover{ background:#f0f8ff; }
.new-event-date{
  flex:0 0 auto; width:50px; text-align:center; background:#003366; color:#fff;
  border-radius:4px; padding:.25rem 0; margin-right:.75rem;
}
.new-event-date .day{ display:block; font-size:1.2rem; font-weight:700; }
.new-event-date .month{ display:block; font-size:.9rem; text-transform:uppercase; }
.new-event-title{ color:#003366; font-size:1rem; line-height:1.3; font-weight:700; }
.new-event-venue{ font-size:.85rem; color:#666; line-height:1.2; font-weight:400; }

/* Latest news */
.latest-news-section{
  margin-bottom:2rem; padding:1rem; background:#f7f7f7; border-radius:6px; border-bottom:1px solid #ddd;
}
.latest-news-list{ display:flex; flex-direction:column; gap:.5rem; }
.latest-news-item{
  display:flex; align-items:center; gap:.6rem; text-decoration:none;
  background:#fff; padding:.45rem; border-radius:6px; color:inherit;
}
.latest-news-item:hover{ background:#f0f8ff; }
.latest-news-thumb{ width:60px; aspect-ratio:1/1; overflow:hidden; border-radius:4px; flex-shrink:0; }
.latest-news-item .latest-news-thumb img{
  display:block; width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover; object-position:center; aspect-ratio:auto;
}
.latest-news-title{ color:#003366; font-size:1rem; line-height:1.3; }

/* Newsletter */
.newsletter-section{ background:#f5f5f5; color:#000; padding:12px; border-radius:4px; border-bottom:1px solid #ddd; }
.newsletter-section h2,
.related-events-section h2,
.latest-news-section h2{
  font-size:1.35rem; font-weight:700; margin:0 0 .6rem; color:#003366;
  border-bottom:.125rem solid #1e73be; padding-bottom:.35rem;
}
.newsletter-section .mailpoet_form{ margin:0 !important; padding:0 !important; font-family:inherit !important; font-size:14px; color:#444; line-height:inherit !important; }
.newsletter-section .mailpoet_form input[type="email"]{
  width:100% !important; padding:8px 10px !important; border-radius:4px !important; border:1px solid #ccc !important; background:#fff !important;
  margin:10px 0 !important; font-size:14px;
}
.newsletter-section .mailpoet_form :is(input[type="submit"], button){
  width:100% !important; padding:.9rem 1rem !important; background:#1e73be !important; color:#fff !important; border-radius:4px !important;
  font-weight:700 !important; border:none !important; font-size:1.1rem !important; cursor:pointer !important; transition:background .2s;
}
.newsletter-section .mailpoet_form :is(input[type="submit"], button):hover{ background:#155d94 !important; }

/* Concert toevoegen */
.concert-add-block{
  background:#003366; color:#fff; padding:1rem; border-radius:8px; margin-bottom:2.5rem; border-bottom:1px solid #ddd;
}
.concert-add-block h2{
  font-size:1.35rem; font-weight:700; margin:0 0 .6rem; color:#fff; border-bottom:.125rem solid #1e73be; padding-bottom:.35rem;
}
.concert-add-subtitle{ font-size:1rem; color:rgba(255,255,255,.85); margin-bottom:.8rem; }
.concert-add-block .concert-add-button{
  background:#1e90ff !important; color:#fff !important; border:none !important;
  font-weight:700; padding:.75rem 1.2rem; border-radius:6px; display:block; width:100%; text-align:center; text-decoration:none;
}
.concert-add-block .concert-add-button:hover{ background:#3aa0ff !important; color:#fff !important; }

/* ====== SOCIAL SHARE BLOK ====== */
.bm-sharebox{ margin-top:1.75rem; padding-top:.75rem; border-top:1px solid #eee; }
.bm-sharebox__head{ margin-bottom:.5rem; }
.bm-sharebox__label{ color:#555; font-size:.95rem; font-weight:600; letter-spacing:.01em; }
.bm-sharebox__list{ display:flex; flex-wrap:wrap; gap:12px; list-style:none; margin:0; padding:0; }
.bm-share{
  width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
  border:none; padding:0; border-radius:12px; background:transparent; cursor:pointer;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.bm-share svg{ width:100%; height:100%; }
.bm-share:hover{ transform:translateY(-1px); filter:brightness(1.03); }
.bm-share--fb svg circle{ fill:#1877f2; }
.bm-share--x  svg circle{ fill:#111111; }
.bm-share--wa svg circle{ fill:#25d366; }
.bm-share--mail svg circle{ fill:#c71610; }
.bm-share--copy svg circle{ fill:#0ea5e9; }
.bm-share--native svg circle{ fill:#6366f1; }
.bm-share:focus-visible{ outline:2px solid #0ea5e9; outline-offset:2px; }
@media (hover:hover) and (pointer:fine){ .bm-share-native{ display:none; } }
@media (max-width:360px){ .bm-share{ width:16px; height:16px; border-radius:4px; } }

/* ====== MOBILE CONTENT HYGIENE ====== */
@media (max-width:768px){
  .single-tribe_events .bm-event-description{ overflow-x:hidden; }
  .single-tribe_events .bm-event-description .alignwide,
  .single-tribe_events .bm-event-description .alignfull,
  .single-tribe_events .bm-event-description [class*="align"]{
    width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
  }
  .single-tribe_events .bm-event-description .wp-block-columns{ margin-left:0 !important; margin-right:0 !important; }
  .single-tribe_events .bm-event-description .wp-block-column{ padding-left:0 !important; padding-right:0 !important; }
  .single-tribe_events .bm-event-description img,
  .single-tribe_events .bm-event-description video,
  .single-tribe_events .bm-event-description iframe,
  .single-tribe_events .bm-event-description svg{
    max-width:100% !important; height:auto !important;
  }
  .single-tribe_events .bm-event-description table{
    display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
  .single-tribe_events .bm-event-description pre,
  .single-tribe_events .bm-event-description code{ white-space:pre-wrap; word-break:break-word; }
  .single-tribe_events .bm-event-description,
  .single-tribe_events .bm-event-description *{ overflow-wrap:anywhere; word-break:break-word; }
}

/* ====== VEILIGHEIDSNET ====== */
html, body{ overflow-x:hidden; }

/* Scope content-afbeeldingen naar het artikel (niet header/footer) */
.bm-event-single .bm-event-main img,
.bm-event-single .bm-event-sidebar img,
.bm-event-single .bm-event-featured img,
.bm-event-single .bm-event-details-block img,
.bm-event-single .bm-event-description img{
  max-width:100%; height:auto; display:block;
}



/* ==== FORCEER: uitgelichte foto volledig tonen (geen crop/zoom) ==== */
.single-tribe_events .bm-event-featured--wide .event-featured-img{
  display:block !important;
  width:100% !important;
  height:auto !important;              /* natuurlijke hoogte */
  max-width:100% !important;
  object-fit:contain !important;       /* volledige afbeelding tonen */
  object-position:center center !important;
  aspect-ratio:auto !important;        /* geen geforceerde ratio */
}

/* Safety: voorkom ratio-hacks via pseudo-elementen / vaste hoogtes */
.single-tribe_events .bm-event-featured--wide,
.single-tribe_events .bm-event-featured--wide::before{
  height:auto !important;
  padding-top:0 !important;
}

/* Als er toch nog oude .bm-hero styles actief zijn, neutraliseer die: */
.single-tribe_events .bm-hero,
.single-tribe_events .bm-hero::before{
  aspect-ratio:auto !important;
  padding-top:0 !important;
}
.single-tribe_events .bm-hero img{
  position:static !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}





/* ===== Concert details: duidelijke rand + nette spacing ===== */
.bm-event-details-block{
  background:#f7f9fc;                 /* iets frisser */
  border:1px solid #e1e6f3;           /* ← duidelijke border */
  border-radius:12px;
  box-shadow:0 1px 3px rgba(16,24,40,.05);
  padding:22px;
}

/* Titel in het blok */
.bm-event-details-block > h2{
  margin:0 0 10px;
  font-size:28px;
  line-height:1.25;
  font-weight:800;
  color:#102a4a;
}

/* Lijststijl */
.bm-event-details-block ul{ list-style:none; padding:0; margin:8px 0 14px; }
.bm-event-details-block li{
  margin:0; padding:14px 0; border-bottom:1px solid #e8ecf3;
}
.bm-event-details-block li:last-child{ border-bottom:none; }
.bm-event-details-block strong{
  display:block; margin:0 0 4px; font-size:.85rem; font-weight:800; color:#5a6b7f; text-transform:uppercase;
}
.bm-event-details-block a{ color:#0b3b64; text-decoration:none; }
.bm-event-details-block a:hover{ text-decoration:underline; }

/* CTA-button — match “Avada Clean” */
.bm-event-details-block .bm-btn-primary{
  display:block; width:100%;
  height:50px;
  background:#1e63ff;
  color:#fff;
  border:2px solid #1e63ff;
  border-radius:12px;
  padding:12px 18px;
  font-weight:800; font-size:18px; line-height:1;
  text-align:center; text-decoration:none;
  box-shadow:0 2px 6px rgba(30,99,255,.20);
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s, transform .05s;
}
.bm-event-details-block .bm-btn-primary:hover{
  background:#fff; color:#1e63ff; border-color:#1e63ff; box-shadow:none; text-decoration:none;
}
.bm-event-details-block .bm-btn-primary:active{ transform:translateY(1px); }

/* Tag pills ín het details-blok */
.bm-event-details-block .bm-event-tags{ margin-top:8px; }
.bm-event-details-block .bm-event-tags ul{
  display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;
}
.bm-event-details-block .bm-event-tags a{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#f2f5fb;
  color:#123;
  border:1px solid #e1e6f3;
  font-size:13px; text-decoration:none;
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.bm-event-details-block .bm-event-tags a:hover,
.bm-event-details-block .bm-event-tags a:focus-visible{
  background:#1e63ff; border-color:#1e63ff; color:#fff; box-shadow:0 2px 6px rgba(30,99,255,.25); outline:2px solid #fff; outline-offset:2px;
}



.bm-event-tags{ margin-top:16px; }
.bm-event-tags ul{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; margin:0; }
.bm-event-tags li a{
  display:inline-block; padding:.35rem .75rem; border-radius:999px;
  background:#f2f5fb; color:#123; border:1px solid #e1e6f3; font-size:13px; text-decoration:none;
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.bm-event-tags li a:hover,
.bm-event-tags li a:focus-visible{
  background:#1e63ff; border-color:#1e63ff; color:#fff; box-shadow:0 2px 6px rgba(30,99,255,.25); outline:2px solid #fff; outline-offset:2px;
}



.bm-event-tags{ margin-top:20px; padding-top:12px; border-top:1px solid #e8ecf3; }

/* Extra ruimte onder de tag-pills */
.bm-event-tags{
  margin-bottom: 24px;        /* ruimte naar onderen */
}

/* (optioneel) nog ietsje extra als direct gevolgd door het details-blok */
.bm-event-tags + .bm-event-details-block{
  margin-top: 12px;
}

/* Mobiel iets compacter, maar nog steeds los */
@media (max-width:768px){
  .bm-event-tags{ margin-bottom: 18px; }
}





/* ==== Reactiesectie (zelfde als single post) ==== */
body.single-tribe_events .comments-area{
  border-top: 1px solid #e8ecf3;
  padding-top: 18px;
  margin-top: 28px;
  margin-bottom: 64px;   /* extra ruimte onder het blok */
}

body.single-tribe_events .comment-respond{ 
  margin-bottom: 48px; 
}

/* Reactie-knop (CTA) – blauw zoals single post */
body.single-tribe_events .comment-form #submit{
  background: #1e63ff;
  color: #fff;
  border: 2px solid #1e63ff;
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(30,99,255,.20);
  transition: background .15s, color .15s, box-shadow .15s, transform .05s;
  margin-top: 12px;
}

body.single-tribe_events .comment-form #submit:hover{
  background: transparent;
  color: #1e63ff;
  box-shadow: none;
}

body.single-tribe_events .comment-form #submit:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(30,99,255,.9);
}





/* ===== Typografie main content – gelijk aan single post ===== */
body.single-tribe_events .bm-event-description > *:first-child{ margin-top:0; }

body.single-tribe_events .bm-event-description p{
  margin: 0 0 1.05em;
  font-size: 18px;
  line-height: 1.7;
  color: #0f2235;
}

body.single-tribe_events .bm-event-description h2{
  margin: 1.6em 0 .6em;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 800;
  color: #102a4a;
}

body.single-tribe_events .bm-event-description h3{
  margin: 1.4em 0 .5em;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 800;
  color: #102a4a;
}

body.single-tribe_events .bm-event-description ul,
body.single-tribe_events .bm-event-description ol{
  padding-left: 1.15em;
  margin: 0 0 1.1em;
}

body.single-tribe_events .bm-event-description li{ margin: .25em 0; }

body.single-tribe_events .bm-event-description blockquote{
  margin: 1.4em 0;
  padding: .6em 1em .6em 1.1em;
  border-left: 4px solid #1e63ff;
  background: #f8faff;
  color: #0f2235;
}

body.single-tribe_events .bm-event-description img{
  max-width: 100%;
  height: auto;
  display: block;
}

body.single-tribe_events .bm-event-description table{
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

body.single-tribe_events .bm-event-description pre,
body.single-tribe_events .bm-event-description code{
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Klein tikje typografie in detailsblok voor leescomfort */
body.single-tribe_events .bm-event-details-block{
  font-size: 16.5px;
  line-height: 1.6;
}
body.single-tribe_events .bm-event-details-block strong{
  letter-spacing:.02em;
}

/* Mobiel iets compacter, zelfde lijn als single post */
@media (max-width:768px){
  body.single-tribe_events .bm-event-description p{ font-size: 17px; line-height: 1.65; }
  body.single-tribe_events .bm-event-description h2{ font-size: 24px; }
  body.single-tribe_events .bm-event-description h3{ font-size: 20px; }
}



/* "Ook interessant" fallback-tekst zichtbaar maken */
body.single-tribe_events .related-events-section,
body.single-tribe_events .related-events-section p{
  color: #0f2235;   /* zelfde donker als Concertnieuws */
}





/* ===== MOBILE TUNE (≤768px) ===== */
@media (max-width:768px){
  /* Container & grid */
  .bm-event-single{ padding:0 16px; }
  .bm-event-layout{ grid-template-columns:1fr; gap:22px; }

  /* Header/titelblok */
  .bm-event-single .bm-entry-header{ padding:16px 0 8px !important; }
  .bm-event-single .bm-titleblock{ margin:8px 0 8px !important; padding-left:18px !important; }
  .bm-event-single .bm-titleblock::before{ width:8px; border-radius:8px; top:.06em; bottom:.06em; }
  .bm-event-single .bm-titleblock .bm-title{
    font-size: clamp(24px,7vw,30px);
    margin:0 0 10px;
  }
  .bm-event-single .bm-titleblock .bm-title-sub{
    font-size: clamp(16px,4.6vw,18px);
    line-height: 1.5;
    margin-top: 6px;
  }

  /* Hero image – volledig tonen, geen “spookruimte” */
  .bm-event-featured--wide .event-featured-img{
    aspect-ratio:auto !important;
    border-radius:0 !important;
    box-shadow:none !important;
    display:block;
    width:100%; height:auto; object-fit:contain !important; object-position:center;
    margin:0;                 /* haalt eventuele extra marge weg */
  }

  /* Bodytypografie (match single post) */
  .bm-event-description p{ font-size:17.5px; line-height:1.68; }
  .bm-event-description h2{ font-size:24px; line-height:1.25; margin:1.4em 0 .55em; }
  .bm-event-description h3{ font-size:20px; line-height:1.3; margin:1.2em 0 .5em; }

  /* Content hygiene */
  .bm-event-description{ overflow-x:hidden; }
  .bm-event-description :is(.alignwide,.alignfull,[class*="align"]){
    width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
  }
  .bm-event-description .wp-block-columns{ margin-left:0 !important; margin-right:0 !important; }
  .bm-event-description .wp-block-column{ padding-left:0 !important; padding-right:0 !important; }
  .bm-event-description table{ display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .bm-event-description pre, .bm-event-description code{ white-space:pre-wrap; word-break:break-word; }
  .bm-event-description, .bm-event-description *{ overflow-wrap:anywhere; word-break:break-word; }

  /* Details block – grotere tappables */
  .bm-event-details-block{ padding:14px; border-radius:10px; }
  .bm-sidebar-details-list li{ padding-bottom:.9rem; margin-bottom:.9rem; }
  .bm-event-details-block strong{ font-size:.8rem; }
  .bm-sidebar-details-list a{ padding:.1rem 0; display:inline-block; }

  /* CTA’s */
  .bm-btn-primary{ width:100%; padding:12px 14px; font-size:16px; }

  /* Tags – lucht onder pills */
  .bm-event-tags{ margin-top:18px; margin-bottom:18px; }
  .bm-event-tags ul{ gap:.45rem; }
  .bm-event-tags li a{ font-size:.8rem; padding:.35rem .7rem; }

  /* Share */
  .bm-sharebox{ margin-top:16px; }
  .bm-share{ width:36px; height:36px; border-radius:10px; }

  /* Comments submit – match single post look & tap size */
  .comment-form #submit{
    background:#1e63ff !important; color:#fff !important; border:2px solid #1e63ff !important;
    border-radius:12px !important; padding:12px 18px !important; height:50px !important;
    font-weight:800 !important; font-size:18px !important; line-height:1 !important; width:100% !important;
  }
  .comment-form #submit:hover{ background:#2a73ff !important; border-color:#2a73ff !important; }

  /* Sidebar cards compacte spacing */
  .related-events-section, .latest-news-section, .newsletter-section{ padding:12px; }
  .latest-news-thumb{ width:56px; }
}

/* “Ook interessant” fallback tekst zichtbaar (donker) */
.related-events-section p{ color:#0f2235; }





/* === MOBIEL: linkslijn 1:1 + consistente inhang voor alle regels === */
@media (max-width: 768px){
  /* Gebruik border-left i.p.v. ::before — voorkomt optische en subpixel verschillen */
  .bm-event-single .bm-titleblock{
    border-left: 8px solid #1e63ff !important;
    padding-left: 14px !important;      /* inhang achter de blauwe balk */
    margin-left: 0 !important;
    position: relative;
  }
  /* Schakel de oude balk uit */
  .bm-event-single .bm-titleblock::before{
    content: none !important;
  }

  /* Alle tekstregels exact gelijk uitlijnen */
  .bm-event-single .bm-titleblock .bm-title,
  .bm-event-single .bm-titleblock .bm-title-sub{
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
  }

  /* Verticale spacing: titel → datum wat lucht, datum → venue iets compacter */
  .bm-event-single .bm-titleblock .bm-title{
    margin: 0 0 10px !important;
  }
  .bm-event-single .bm-titleblock .bm-title-date{
    margin-top: 0 !important;
  }
  .bm-event-single .bm-titleblock .bm-title-venue{
    margin-top: 2px !important;
  }
}