.bcm-ruimtes { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
@media (max-width: 1024px) {
  .bcm-ruimtes { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  .bcm-ruimtes { grid-template-columns: 1fr !important; }
}
.bcm-ruimte-filters { display:flex; gap:8px; flex-wrap:wrap; margin:8px 0 27px; }
.bcm-chip-filter { padding:6px 10px; border:1px solid #00A7A0; border-radius:999px; background:#fff; color:#00A7A0; cursor:pointer; transition:background .15s,color .15s; }
.bcm-chip-filter:hover { background:#00A7A0; color:#fff; }
.bcm-chip-filter.active { background:#00A7A0; color:#fff; }
.bcm-ruimte-card { border: 1px solid #e5e7eb; border-radius: 10px; overflow:hidden; background: #fff; }
.bcm-ruimte-card .bcm-ruimte-media { position:relative; overflow:hidden; max-height:220px !important; height:220px !important; }
.bcm-ruimte-card img.bcm-ruimte-thumb,
.bcm-ruimte-card .bcm-ruimte-thumb.wp-post-image { width: 100% !important; height: 220px !important; max-height: 220px !important; object-fit: cover !important; object-position: center !important; border-radius:0 !important; border:0 !important; box-shadow:none !important; outline:none !important; display:block !important; }
/* Detailpagina: hoofdfoto weer normaal, volledige hoogte proportioneel */
.bcm-ruimte-single .bcm-ruimte-thumb { height: auto !important; max-height: none !important; object-fit: initial !important; border-radius: 6px; }
.bcm-ruimte-overlay { position:absolute; left:0; right:0; top:0; padding:18px 18px 28px; color:#fff; background: linear-gradient(180deg, rgba(0,167,160,0.95) 0%, rgba(0,167,160,0.82) 55%, rgba(0,167,160,0.35) 80%, transparent 100%); }
.bcm-ruimte-title { margin:0; font-size:1.15rem; font-weight:800; color:#fff; text-shadow: none; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.bcm-ruimte-cap-ov { font-size:inherit; font-weight:inherit; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; color:#fff; flex-shrink:0; }
.bcm-ruimte-cap-ov svg { vertical-align:middle; opacity:0.92; }
.bcm-ruimte-cta { position:absolute; left:0; right:0; bottom:0; }
.bcm-ruimte-cta .bcm-btn-cta { display:block; width:100%; padding:10px 14px; background:#00A7A0; color:#fff; text-decoration:none; text-align:center; font-weight:700; border-radius:0; }
.bcm-ruimte-info { padding: 0 0 0 15px !important; }
.bcm-ruimte-list { margin:0; padding:0 0 0 16px; color:#374151; }
.bcm-galerij { margin-top: 12px; overflow-x: auto; }
.bcm-galerij-track { display:flex; gap:8px; }
.bcm-galerij-item img { height: 140px; width: auto; border-radius:6px; border:1px solid #e5e7eb; }
.bcm-ruimte-titel { margin: 8px 0; font-size: 1.1rem; }
.bcm-ruimte-meta, .bcm-ruimte-prijs { color: #374151; margin: 4px 0; }
.bcm-ruimte-voorzieningen { margin: 8px 0 0; padding: 0 0 0 18px; }

/* Single ruimte */
.bcm-ruimte-single .bcm-container { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }

/* ── Werf-achtige boekingsflow: één kolom, koppen bovenaan (cf. drentsewerf.nl) ── */
.bcm-werf-booking .bcm-werf-container {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 16px 48px;
}
.bcm-werf-stack { display: flex; flex-direction: column; gap: 0; }
.bcm-werf-hero { margin: 0; padding: 0; }
.bcm-werf-prices.bcm-prijzen-grid {
  margin-top: 0;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px;
}
.bcm-werf-adres {
  font-size: 15px;
  color: #374151;
  line-height: 1.55;
  margin-top: 16px;
}
.bcm-werf-adres a { text-decoration: underline; }
.bcm-werf-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.bcm-werf-tags li {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
}
.bcm-werf-kicker {
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  margin: 22px 0 8px;
}
.bcm-werf-title {
  font-size: clamp(1.65rem, 4.2vw, 2.2rem);
  font-weight: 700;
  color: #111827;
  margin: 0 0 10px;
  line-height: 1.15;
  letter-spacing: -0.025em;
}
.bcm-werf-subtitle {
  font-size: 13px;
  color: #00A7A0;
  font-weight: 500;
  margin: 2px 0 0;
  line-height: 1.4;
}
.bcm-price-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 6px;
}
.bcm-price-tag {
  display: inline-block;
  background: #00A7A0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 6px;
  line-height: 1.3;
  white-space: nowrap;
}
.bcm-werf-lead {
  font-size: 1rem;
  line-height: 1.65;
  color: #374151;
  margin-top: 18px;
}
.bcm-werf-lead > *:first-child { margin-top: 0; }
.bcm-werf-gallery { margin-top: 22px; }
.bcm-werf-gallery-hero {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.bcm-werf-gallery-hero img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  display: block;
}
.bcm-werf-galerij { margin-top: 12px; }
.bcm-werf-form-panel {
  margin-top: 28px;
  padding: 24px 20px 28px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
}
.bcm-werf-form-panel .bcm-booking-section--reserveren {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.bcm-werf-form-panel .bcm-booking-h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 14px;
}
.bcm-werf-actions {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.bcm-werf-actions .bcm-btn-primary,
.bcm-werf-actions .bcm-btn-secondary {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
}
.bcm-werf-meta-footer {
  margin-top: 40px;
  padding-top: 22px;
  border-top: 1px solid #e5e7eb;
}
.bcm-werf-meta-h {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 10px;
  color: #111827;
}
.bcm-werf-meta-footer ul {
  margin: 0;
  padding: 0 0 0 18px;
  font-size: 14px;
  color: #4b5563;
  line-height: 1.55;
}
/* Thema: ruimtepagina iets rustiger in de breedte */
body.bcm-booking-ui.bcm-single-ruimte .site-content .ast-container {
  max-width: min(100%, 800px);
}
body.bcm-booking-ui.bcm-single-ruimte .content-area.primary {
  width: 100%;
  float: none;
}
.bcm-ruimte-header { margin-bottom: 12px; }
.bcm-ruimte-header .bcm-ruimte-titel { margin: 0 0 8px; }
.bcm-chip { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #f3f4f6; color: #111827; font-size: 12px; margin-right: 6px; }
.bcm-ruimte-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.bcm-ruimte-grid.bcm-60-40 { grid-template-columns: 3fr 2fr; }

/* Boekingspagina: media + sidebar; catering als volle breedte rij */
.bcm-booking-page-grid {
  grid-template-columns: 3fr minmax(280px, 400px);
  gap: 28px 32px;
  align-items: start;
}
.bcm-booking-page-grid > .bcm-ruimte-media {
  grid-column: 1;
  grid-row: 1;
}
.bcm-booking-page-grid > .bcm-booking-sidebar-col {
  grid-column: 2;
  grid-row: 1;
}
.bcm-booking-sidebar-col.bcm-reserveren {
  position: sticky;
  top: 16px;
  align-self: start;
}
.bcm-prijzen { display: flex; gap: 16px; margin-bottom: 8px; }
.bcm-prijs strong { font-size: 1.25rem; }
.bcm-acties { display: flex; gap: 12px; margin: 12px 0; }
.bcm-btn.boeken { padding: 8px 12px; background: #111827; color: #fff; border-radius: 6px; text-decoration: none; }
.bcm-link { color: #111827; text-decoration: underline; }
.bcm-ruimte-content { margin-top: 16px; }
.bcm-openingstijden { padding-top: 20px; }
.bcm-openingstijden ul { margin: 0; padding: 0 0 0 18px; list-style: disc; font-size: 0.95em; }
.bcm-openingstijden li { margin: 2px 0; }
.bcm-voorzieningen { padding-top:20px; }
.bcm-reserveren:not(.bcm-booking-sidebar-col) { position: sticky; top: 16px; align-self: start; }
.bcm-reserveren-inner { border:1px solid #e5e7eb; border-radius:12px; padding:16px 18px 20px; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,0.04); }
.screen-reader-text {
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute !important; word-wrap: normal !important;
  border: 0;
}
.bcm-summary-sub { margin: 6px 0 0; font-size: 14px; color: #6b7280; line-height: 1.45; }
.bcm-booking-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid #eef0f2; }
.bcm-booking-section--reserveren { margin-top: 18px; padding-top: 14px; border-top: 1px solid #eef0f2; }
.bcm-booking-section--overzicht { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e5e7eb; }
.bcm-booking-section--overzicht .bcm-samenvatting { margin: 0; padding: 0; border: 0; background: transparent; }
.bcm-booking-h2 { margin: 0 0 12px; font-size: 1.08rem; font-weight: 700; color: #111827; letter-spacing: -0.02em; }
.bcm-booking-h3 { margin: 0 0 10px; font-size: 0.95rem; font-weight: 600; color: #374151; }
.bcm-booking-h3--small { font-size: 0.85rem; color: #6b7280; margin: 0 0 8px; font-weight: 600; }
.bcm-booking-lead { font-size: 13px; color: #6b7280; margin: -6px 0 14px; line-height: 1.4; }
.bcm-req-mark { color: #b91c1c; font-weight: 700; }
.bcm-opt-label { font-weight: 500; font-size: 0.8rem; color: #9ca3af; }
.bcm-booking-disclosure { margin: 12px 0 0; border: 1px solid #e8eaed; border-radius: 10px; background: #fafbfc; overflow: hidden; }
.bcm-booking-disclosure-sum { padding: 12px 14px; font-weight: 600; font-size: 14px; color: #374151; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bcm-booking-disclosure-sum::-webkit-details-marker { display: none; }
.bcm-avail-disclosure { background: transparent; border: 0; margin: 10px 0 0; }
.bcm-avail-disclosure .bcm-booking-disclosure-sum { padding: 6px 0; font-size: 13px; color: #6b7280; font-weight: 600; }
.bcm-booking-disclosure-body { padding: 0 14px 14px; }
.bcm-grid-tight { gap: 12px !important; }
.bcm-grid-tight label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 4px; color: #4b5563; }
.bcm-input-full { width: 100%; height: 44px; padding: 8px 10px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 15px; box-sizing: border-box; }
.bcm-recurring-mode-option:has(input:checked) { border-color: #00A7A0 !important; background: #f0fdfa; }
.bcm-recurring-mode-option:hover { border-color: #99e0dc; }
.bcm-sum-lines { margin: 0 0 12px; padding: 0 0 0 18px; color: #374151; font-size: 14px; line-height: 1.55; }
.bcm-sum-slot { color: #6b7280; font-weight: 500; }
.bcm-sum-included { margin: 0 0 14px; padding: 10px 14px; background: #f0fdf9; border: 1px solid #d1fae5; border-radius: 8px; font-size: 14px; color: #065f46; list-style: disc; padding-left: 28px; line-height: 1.45; }
.bcm-total-line { margin: 4px 0; font-size: 14px; color: #374151; }
.bcm-total-grand { margin-top: 8px; padding-top: 10px; border-top: 1px solid #e5e7eb; font-size: 15px; }
.bcm-factuur-toelichting { font-size: 13px; color: #6b7280; line-height: 1.5; margin: 12px 0 0; }
.bcm-booking-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.bcm-btn.bcm-btn-primary,
.bcm-btn-primary#bcm-submit {
  width: 100%; background: #00A7A0; border: 1px solid #00A7A0; color: #fff; border-radius: 8px;
  padding: 12px 16px; font-size: 15px; font-weight: 700; cursor: pointer; display: block;
}
.bcm-btn.bcm-btn-primary:hover,
.bcm-btn-primary#bcm-submit:hover { filter: brightness(0.96); }
.bcm-btn-primary#bcm-submit.is-loading {
  position: relative;
  padding-left: 38px !important;
}
.bcm-btn-primary#bcm-submit.is-loading::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border: 2px solid rgba(255,255,255,.55);
  border-top-color: #fff;
  border-radius: 50%;
  animation: bcmSubmitSpin .8s linear infinite;
}
.bcm-btn.bcm-btn-secondary { width: 100%; background: #fff; border: 1px solid #d1d5db; color: #374151; border-radius: 8px; padding: 12px 16px; font-size: 15px; font-weight: 600; cursor: pointer; }
.bcm-btn.bcm-btn-secondary:hover { background: #f9fafb; border-color: #9ca3af; }
.bcm-booking-legal { margin-top: 24px; padding: 16px; background: #f9fafb; border-radius: 10px; border: 1px solid #eef0f2; font-size: 13px; color: #4b5563; line-height: 1.55; }
.bcm-booking-legal .bcm-annulering-body ul { margin: 8px 0 0; padding-left: 18px; }
.bcm-catering-compact-wrap { padding-top: 2px; }
.bcm-catering-details.bcm-booking-disclosure { margin-top: 14px; }
.bcm-catering-details .bcm-catering-intro { max-width: none; margin-bottom: 12px; }
.bcm-summary-card { border:1px solid #e5e7eb; border-radius:8px; padding:12px; background:#fff; margin-bottom:12px; }
.bcm-summary-head { display:flex; gap:10px; align-items:center; }
.bcm-thumb-sm { width:56px; height:56px; object-fit:cover; border-radius:6px; }
.bcm-summary-title { font-weight:700; }
.bcm-summary-title-lg { font-size: 1.6rem; line-height:1.25; }
.bcm-summary-title-lg .bcm-min-afname-hint {
  display: inline;
  font-weight: 500;
  font-size: 0.82rem;
  color: #9ca3af;
  margin-left: 0.35em;
  letter-spacing: 0.01em;
}
.bcm-badge { display:inline-block; padding:2px 8px; border-radius:999px; background:#f3f4f6; font-size:12px; }
.bcm-cap { display:inline-flex; gap:4px; align-items:center; color:#374151; font-size:12px; margin-left:6px; }
.bcm-prijzen-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:6px; margin-top:10px; }
.bcm-price-chip { background:#00A7A0; color:#fff; border-radius:8px; padding:8px; text-align:center; }
.bcm-price-chip .lbl { font-size:14px; font-weight:700; opacity:0.95; }
.bcm-price-chip .val { font-size:18px; font-weight:700; }
.bcm-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.bcm-addons .bcm-addon-row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px dashed #eee; }
.bcm-datetime { margin:8px 0 12px; }
.bcm-datetime-row { display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; align-items:center; }
.bcm-datetime-row .dt-cell { position:relative; display:flex; align-items:center; }
.bcm-datetime-row .dt-cell .sep-pill { position:absolute; right:-12px; top:50%; transform:translateY(-50%); background:transparent; color:#6b7280; border-radius:6px; padding:2px 6px; font-size:14px; pointer-events:none; }
.bcm-datetime .time-pair { display:flex; align-items:center; gap:6px; }
.bcm-datetime .time-pair .sep { color:#6b7280; }
/* Dagdeel-balk: neutraal kader, teal = merk (geen mint-blokken) */
.bcm-availability-bar {
  margin-top: 12px;
  padding: 14px 16px 16px;
  background: linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.bcm-availability-bar .seg {
  flex: 1 1 0;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 16px;
  border-left: 1px solid #e8e8ea;
}
.bcm-availability-bar .seg:first-child { border-left: 0; padding-left: 0; }
.bcm-availability-bar .seg:last-child { padding-right: 0; }
.bcm-availability-bar .lbl {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
}
.bcm-availability-bar .dots {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px 5px;
  min-height: 22px;
}
.bcm-availability-bar .dot {
  flex: 0 0 auto;
  width: 5px;
  height: 20px;
  border-radius: 999px;
  background: #e5e7eb;
  opacity: 0.85;
}
.bcm-availability-bar .dot.ok {
  background: #00A7A0;
  opacity: 1;
  box-shadow: 0 1px 2px rgba(0, 167, 160, 0.35);
}
.bcm-availability-bar .bcm-avail-empty {
  flex: 1 1 100%;
  border: 0;
  padding: 4px 0;
}
.bcm-availability-bar .bcm-avail-empty .lbl {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
}
/* Grotere inputs in datum/tijd selectie */
.bcm-datetime-row input[type="date"],
.bcm-datetime-row select { height:44px; font-size:16px; padding:8px 10px; border:1px solid #e5e7eb; border-radius:6px; width:100%; }
.bcm-mode-chips { display:flex; gap:8px; margin:10px 0; }
.mode-chip { padding:6px 10px; border:1px solid #00A7A0; border-radius:999px; background:#00A7A0; color:#fff; }
.mode-chip.active, .mode-chip:hover { background:#111827; color:#fff; border-color:#111827; }
.mode-chip.disabled { opacity:0.4; pointer-events:none; }
.bcm-availability-banner { display:flex; align-items:center; gap:10px; background:#fafafa; border:1px solid #e5e7eb; color:#374151; padding:10px 12px; border-radius:10px; margin-bottom:8px; }
.bcm-availability-banner .bars { display:flex; gap:4px; flex-wrap:wrap; }
.bcm-availability-banner .bar { width:5px; height:18px; border-radius:999px; background:#e5e7eb; }
.bcm-availability-banner .bar.ok { background:#00A7A0; box-shadow:0 1px 2px rgba(0,167,160,0.3); }
.bcm-slots .bcm-slotpick { padding:6px 10px; border:1px solid #00A7A0; border-radius:6px; background:#00A7A0; color:#fff; }
.bcm-slots .bcm-slotpick:hover { background:#111827; color:#fff; border-color:#111827; }
.bcm-slots .bcm-slotpick[disabled] { opacity:0.4; pointer-events:none; background:#f3f4f6; border-color:#e5e7eb; color:#9ca3af; }
.bcm-kalender { border:1px solid #e5e7eb; border-radius:8px; }
.bcm-kalender-head { display:flex; justify-content:space-between; align-items:center; padding:8px; border-bottom:1px solid #e5e7eb; }
.bcm-kalender-grid { padding:8px; }
.bcm-kalender-legenda { display:flex; gap:12px; align-items:center; padding:8px; color:#374151; font-size:12px; }
.bcm-kalender-legenda .lg { width:12px; height:12px; display:inline-block; border-radius:3px; margin-right:4px; vertical-align:middle; }
.bcm-kalender-legenda .lg-open { background:#ecfdf5; border:1px solid #10b981; }
.bcm-kalender-legenda .lg-partial { background:#fffbeb; border:1px solid #f59e0b; }
.bcm-kalender-legenda .lg-closed { background:#f3f4f6; border:1px solid #e5e7eb; }
.bcm-kalender-grid .bcm-weekdays { display:grid; grid-template-columns: repeat(7, 1fr); text-align:center; color:#6b7280; gap:4px; }
.bcm-kalender-grid .bcm-days { display:grid; grid-template-columns: repeat(7, 1fr); gap:4px; }
.bcm-kalender-grid .day { padding:8px 4px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; color:#111827; }
.bcm-kalender-grid .day.open { background:#ecfdf5; border-color:#10b981; color:#111827; }
.bcm-kalender-grid .day.partial { background:#fffbeb; border-color:#f59e0b; color:#111827; }
.bcm-kalender-grid .day.closed { background:#f3f4f6; color:#9ca3af; }
.bcm-kalender-grid .day.sel { outline:2px solid #111827; }
.bcm-samenvatting { margin-top:12px; border-top:1px solid #e5e7eb; padding-top:8px; }
.bcm-samenvatting .rows { color:#374151; font-size:14px; margin-bottom:6px; }
.bcm-boeking-form { margin-top:10px; }
.bcm-boeking-form p { margin:0 0 10px; }

/* Extra diensten – nette, onopvallende uitlijning */
.bcm-addons { border:0; padding:0; margin-top:6px; }
.bcm-addons legend { font-weight:700; margin-bottom:6px; }
.bcm-addons-table { width:100%; border-collapse:collapse; border:0; }
.bcm-addons-table td { border:0; padding:4px 6px 6px 0; vertical-align:middle; font: inherit; color: inherit; }
.bcm-addons-table .col-check { width:28px; padding-right:8px; }
.bcm-addons-table .col-ttl { font-weight:500; }
.bcm-addons-table .col-prc { text-align:left; white-space:nowrap; padding-left:8px; }
.bcm-addons-table .col-unit { color:#6b7280; padding-left:6px; white-space:nowrap; }
.bcm-cta-lunch { margin-top:8px; }
.bcm-btn.bcm-lunch-btn { background:#10b981; color:#fff; border-radius:6px; padding:6px 10px; border:1px solid #10b981; }

@media (max-width: 900px) {
  .bcm-ruimte-grid { grid-template-columns: 1fr; }
  .bcm-ruimte-grid.bcm-60-40 { grid-template-columns: 1fr; }
  .bcm-booking-page-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .bcm-booking-page-grid > .bcm-ruimte-media,
  .bcm-booking-page-grid > .bcm-booking-sidebar-col {
    grid-column: 1;
    grid-row: auto;
  }
  .bcm-booking-sidebar-col.bcm-reserveren { position: static; }
}

@keyframes bcmSubmitSpin {
  to { transform: rotate(360deg); }
}

/* Agenda/beschikbaarheid */
.bcm-agenda { border:1px solid #e5e7eb; border-radius:8px; }
.bcm-agenda-toolbar { display:flex; gap:8px; align-items:center; margin:12px 0; }
.bcm-agenda-header { display:grid; grid-template-columns: repeat(7, 1fr); gap:8px; padding:8px; border-bottom:1px solid #e5e7eb; background:#f9fafb; }
.bcm-agenda-colhead { text-align:center; font-weight:600; }
.bcm-agenda-grid { display:grid; grid-template-columns: repeat(7, 1fr); gap:8px; padding:8px; }
.bcm-agenda-col { min-height: 180px; border-left:1px dashed #eee; padding:4px; }
.bcm-slot { border:1px solid #e5e7eb; border-radius:6px; padding:6px; margin-bottom:6px; }
.bcm-slot-time { font-weight:600; }
.bcm-slot-free { font-size:12px; color:#374151; margin:4px 0; }
.bcm-btn.bcm-book { display:inline-block; padding:6px 10px; background:#111827; color:#fff; border-radius:6px; text-decoration:none; }
.bcm-btn[disabled], .bcm-btn-disabled { opacity:0.4; pointer-events:none; }
.bcm-empty { color:#6b7280; font-style:italic; text-align:center; margin-top:8px; }

/* Lightbox */
.bcm-ruimte-media a.bcm-lightbox-link { outline:none; border:0; }
.bcm-lightbox { position:fixed; inset:0; background:rgba(0,0,0,0.85); display:none; align-items:center; justify-content:center; z-index:999999; }
.bcm-lightbox .lb-img { max-width:90vw; max-height:90vh; border-radius:8px; display:block; }
.bcm-lightbox .lb-close, .bcm-lightbox .lb-prev, .bcm-lightbox .lb-next { position:absolute; border:0 !important; outline:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; margin:0; cursor:pointer; background:rgba(17,24,39,0.85) !important; color:#fff !important; border-radius:50%; box-shadow:none !important; }
.bcm-lightbox .lb-close { top:16px; right:16px; font-size:22px; line-height:1; }
.bcm-lightbox .lb-prev { left:16px; top:50%; transform:translateY(-50%); font-size:28px; }
.bcm-lightbox .lb-next { right:16px; top:50%; transform:translateY(-50%); font-size:28px; }
.bcm-noscroll { overflow:hidden; }

/* Carousel */
.bcm-carousel { overflow:hidden; position:relative; }
.bcm-carousel-track { display:flex; gap:0; will-change:transform; }

/* Marquee uit bij voorkeur voor minder beweging (WCAG 2.3.3) */
.bcm-carousel--reduced-motion { overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
.bcm-carousel--reduced-motion .bcm-carousel-track { will-change:auto; padding-bottom:4px; }
@media (prefers-reduced-motion: reduce) {
  .bcm-carousel:not(.bcm-carousel--reduced-motion) .bcm-carousel-track { animation:none; }
}
/* animatie wordt via JS (requestAnimationFrame) gedaan voor naadloze loop */
.bcm-slide { min-width: 280px; max-width: 360px; flex:0 0 auto; border-radius:10px; overflow:hidden; border:1px solid #e5e7eb; background:#fff; position:relative; }
.bcm-slide + .bcm-slide { margin-left:12px; }
.bcm-slide-media img { display:block; width:100%; height:200px; object-fit:cover; }
.bcm-slide-overlay { position:absolute; left:0; right:0; top:0; padding:20px 12px 12px 20px; color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,0.5); pointer-events:none; }
.bcm-slide-title { margin:0; font-size:1.35rem; font-weight:800; color:#fff !important; }
.bcm-slide-cap { font-size:1.05rem; padding-bottom:14px; font-weight:600; }
/* CTA over de afbeelding, volledige breedte onderaan */
.bcm-slide-cta { position:absolute; left:0; right:0; bottom:0; padding:0; display:block; }
.bcm-btn-cta { display:block; width:100%; padding:10px 14px; background:#00A7A0; color:#fff !important; border-radius:0 0 10px 10px; text-decoration:none !important; text-align:center; font-weight:700; }

/* Add-on toelichting accordion */
.bcm-addon-details { margin-top:4px; }
.bcm-addon-details summary { cursor:pointer; font-size:12px; color:#2563eb; user-select:none; }
.bcm-addon-details summary:hover { text-decoration:underline; }
.bcm-addon-toelichting { margin-top:6px; padding:8px 12px; background:#f8fafc; border-left:3px solid #2563eb; border-radius:0 6px 6px 0; font-size:13px; line-height:1.5; color:#334155; }

/* Minimum afname notitie */

/* ── Cateringmodule ── */
.bcm-catering-module { border:1px solid #e5e7eb; border-radius:8px; padding:12px; margin-top:12px; }
.bcm-catering-module legend { font-weight:700; font-size:15px; }
.bcm-catering-panel.bcm-catering-module {
  margin-top: 0;
  padding: 22px 24px 26px;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fafb 0%, #fff 72px);
  border: 1px solid #e8eaed;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.bcm-catering-panel legend {
  float: none;
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 4px;
  font-size: 1.1rem;
  border-bottom: 1px solid #e5e7eb;
}
.bcm-catering-legend-note {
  font-weight: 500;
  font-size: 0.78rem;
  color: #9ca3af;
  text-transform: lowercase;
  letter-spacing: 0.02em;
}
.bcm-catering-intro {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #6b7280;
  max-width: 52rem;
}
.bcm-catering-opm-field {
  display: block;
  width: 100%;
  margin-top: 4px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font: inherit;
  resize: vertical;
  min-height: 72px;
}
.bcm-catering-loading { color:#6b7280; font-style:italic; }
.bcm-catering-block-title {
  margin: 20px 0 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #64748b;
  border-bottom: none;
  padding-bottom: 0;
}
.bcm-catering-arrangements { margin-bottom: 8px; }
.bcm-catering-arrangements .bcm-catering-block-title:first-child { margin-top: 0; }
.bcm-catering-arr-grid { display:flex; flex-direction:column; gap:10px; width:100%; }
@media (min-width: 700px) {
  .bcm-catering-compact-wrap .bcm-catering-arr-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
.bcm-catering-arr-card { display:flex; align-items:stretch; width:100%; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; background:#fff; cursor:pointer; transition:border-color .15s, box-shadow .15s; box-sizing:border-box; }
.bcm-catering-arr-card:not(.bcm-arr-personen-config):hover { border-color:#00A7A0; box-shadow:0 2px 8px rgba(0,167,160,0.10); }
.bcm-catering-arr-card.bcm-arr-active { border-color:#00A7A0; box-shadow:0 0 0 2px rgba(0,167,160,0.20); }
.bcm-catering-arr-img { width:88px; height:88px; object-fit:cover; flex-shrink:0; }
.bcm-catering-arr-body { flex:1; padding:12px 16px; display:flex; flex-direction:column; justify-content:center; gap:3px; }
.bcm-catering-arr-body strong { font-size:14px; font-weight:700; color:#111827; }
.bcm-catering-arr-price { color:#00A7A0; font-weight:600; font-size:13px; }
.bcm-catering-arr-desc { font-size:12px; color:#6b7280; line-height:1.4; }
/* ── Catering: cart panel (top of modal) ── */
#bcm-cart-panel { padding-bottom: 14px; }
.bcm-cart-panel--empty p.bcm-cart-empty-msg { margin:0; color:#9ca3af; font-size:13px; font-style:italic; padding:10px 0 6px; }
.bcm-catering-summary--top { background:#f0fdf4; border:1px solid #d1fae5; border-radius:10px; padding:14px 16px 10px; }
.bcm-cart-panel-title { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#065f46; margin:0 0 10px; }
.bcm-catering-sumtable { width:100%; border-collapse:collapse; border:0; font-size:13.5px; color:#1f2937; line-height:1.5; }
.bcm-catering-sumtable td { padding:3px 0; border:0; vertical-align:middle; }
.bcm-catering-sumtable td:first-child { text-align:left; }
.bcm-catering-sumcell-price { text-align:right; white-space:nowrap; padding-left:12px; font-variant-numeric:tabular-nums; }
.bcm-catering-sumcell-del { text-align:center; width:28px; padding-left:4px; }
.bcm-cart-remove { background:none; border:none; color:#9ca3af; font-size:16px; font-weight:700; cursor:pointer; padding:2px 4px; border-radius:4px; line-height:1; transition:color .12s; }
.bcm-cart-remove:hover { color:#dc2626; }
.bcm-catering-sumtotal td { padding-top:8px; font-weight:700; border-top:1px solid #d1fae5; }
.bcm-catering-min-warn { color:#dc2626; font-weight:600; font-size:12px; margin:6px 0 0; }
.bcm-catering-svc-row td { color:#92400e; font-style:italic; font-size:13px; }
.bcm-catering-summary-actions { margin-top:10px; display:flex; gap:8px; justify-content:flex-end; }
.bcm-catering-summary-actions .bcm-cart-confirm-top,
.bcm-catering-summary-actions .bcm-cart-clear-top { font-size:13px; padding:5px 14px; }

/* ── Arrangement: personen configuratie ── */
.bcm-arr-personen-config { cursor:default !important; }
.bcm-arr-pp-form { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; padding:10px 14px; border-left:1px solid #e5e7eb; flex:1; min-width:0; }
.bcm-arr-pp-label { font-size:12px; color:#6b7280; font-weight:600; white-space:nowrap; flex-shrink:0; }
.bcm-arr-pp-input { flex:0 0 56px; width:56px; height:32px; border:1px solid #d1d5db; border-radius:6px; padding:0 18px 0 6px; font-size:13px; box-sizing:border-box; }
.bcm-arr-dur-sel { flex:0 0 190px; width:190px; height:32px; border:1px solid #d1d5db; border-radius:6px; padding:0 8px; font-size:13px; background:#fff; box-sizing:border-box; }
.bcm-arr-pp-preview-label { font-size:12px; color:#6b7280; font-weight:600; white-space:nowrap; flex-shrink:0; }
.bcm-arr-pp-preview { font-size:14px; font-weight:700; color:#00A7A0; white-space:nowrap; flex-shrink:0; }
.bcm-arr-pp-add { flex:0 0 auto; height:32px; background:#00A7A0; color:#fff; border:none; border-radius:6px; padding:0 14px; font-size:13px; font-weight:600; cursor:pointer; transition:background .15s; white-space:nowrap; box-sizing:border-box; }
.bcm-arr-pp-add:hover { background:#008f89; }
.bcm-arr-pp-add:disabled { opacity:.7; cursor:default; }

/* ── Catering: categories as bordered cards ── */
.bcm-catering-cats { display:flex; flex-direction:column; gap:12px; margin-top:4px; }
.bcm-catering-cat-card { border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; }
.bcm-catering-cat-title { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#374151; margin:0; padding:10px 14px; background:#f9fafb; border-bottom:1px solid #e5e7eb; }
.bcm-catering-cat-items { padding:0 14px; }

/* ── Catering: item row ── */
.bcm-ci-row { display:grid; grid-template-columns:1fr 190px 56px auto; gap:8px 10px; align-items:center; padding:12px 0; border-bottom:1px solid #f3f4f6; }
.bcm-ci-row:last-child { border-bottom:0; }
.bcm-ci-left { min-width:0; }
.bcm-ci-title { font-weight:600; font-size:14px; color:#111827; line-height:1.3; }
.bcm-ci-price { font-size:12.5px; color:#6b7280; margin-top:2px; }
.bcm-ci-var { min-width:0; }
.bcm-ci-var-sel { width:100%; font-size:13px; border:1px solid #d1d5db; border-radius:6px; padding:0 8px; background:#fff; color:#111827; cursor:pointer; height:32px; box-sizing:border-box; }
.bcm-ci-single-var { font-size:12.5px; color:#6b7280; white-space:nowrap; line-height:32px; }
.bcm-ci-qty { min-width:0; }
.bcm-ci-qty-spin { width:100%; font-size:13px; border:1px solid #d1d5db; border-radius:6px; padding:0 2px 0 6px; text-align:left; background:#fff; color:#111827; height:32px; box-sizing:border-box; }
.bcm-ci-order-btn { background:#00A7A0; color:#fff; border:none; border-radius:6px; padding:0 14px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; transition:background .15s; height:32px; box-sizing:border-box; }
.bcm-ci-order-btn:hover { background:#008f89; }
.bcm-ci-order-btn--done { background:#10b981 !important; }
.bcm-ci-order-btn:disabled { opacity:.7; cursor:default; }

/* ── Boekingstotaal tabel ── */
.bcm-totaal-tabel { width:100%; border-collapse:collapse; border:0; font-size:14px; color:#1f2937; line-height:1.5; }
.bcm-totaal-tabel td { padding:3px 0; vertical-align:baseline; border:0; }
.bcm-totaal-tabel td:first-child { text-align:left; }
.bcm-totaal-tabel td:last-child  { text-align:right; white-space:nowrap; }
.bcm-totaal-tabel .bcm-tt-item td { font-weight:600; font-size:14px; }
.bcm-totaal-tabel .bcm-tt-sub td  { color:#6b7280; font-size:13px; padding:1px 0; }
.bcm-totaal-tabel .bcm-tt-sep td  { padding:6px 0 0; height:0; line-height:0; font-size:0; border-bottom:1px solid #e5e7eb; }
.bcm-totaal-tabel tfoot td { padding:3px 0; font-size:14px; border:0; }
.bcm-totaal-subtotaal td   { font-weight:600; padding-top:4px !important; }
.bcm-totaal-btw td          { color:#6b7280; font-size:13px; }
.bcm-totaal-grand td        { font-size:18px; font-weight:800; padding-top:4px !important; }

/* ── Catering trigger button + inline summary ── */
.bcm-catering-trigger-wrap { margin-top: 14px; }
.bcm-catering-open-btn,
#bcm-catering-open {
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 12px 16px;
  border: 2px solid #00A7A0 !important;
  border-radius: 6px;
  background: #00A7A0 !important; color: #fff !important;
  font-size: 15px; font-weight: 600;
  cursor: pointer; transition: background .15s, color .15s, border-color .15s;
  justify-content: center;
  outline: none;
  box-shadow: none;
}
.bcm-catering-open-btn:hover,
#bcm-catering-open:hover {
  background: #fff !important;
  color: #00A7A0 !important;
  border-color: #00A7A0 !important;
}
.bcm-catering-inline-summary {
  margin-top: 10px; padding: 0; border: 0;
  border-radius: 0; background: transparent; font-size: 14px;
}
.bcm-catering-inline-summary table {
  width: 100%; border-collapse: collapse; border: 0;
  font-size: 14px; color: #1f2937; line-height: 1.5;
}
.bcm-catering-inline-summary td {
  padding: 2px 0; font-size: 13px; color: #6b7280; vertical-align: baseline; border: 0;
}
.bcm-catering-inline-summary td:first-child { text-align: left; }
.bcm-catering-inline-summary td:last-child  { text-align: right; white-space: nowrap; }
.bcm-catering-inline-summary .cis-total td {
  padding-top: 6px; font-weight: 600; font-size: 14px; color: #1f2937; border: 0;
}
.bcm-catering-inline-summary .cis-actions {
  display: flex; gap: 10px; margin-top: 8px;
}
.bcm-catering-inline-summary .cis-actions button {
  background: none; border: none; padding: 0; font-size: 13px;
  font-weight: 600; cursor: pointer; color: #00A7A0;
}
.bcm-catering-inline-summary .cis-actions button:hover { text-decoration: underline; }
.bcm-catering-inline-summary .cis-actions .cis-remove { color: #dc2626; }

/* ── Catering modal ── */
.bcm-modal-overlay {
  display: none; position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,0.5); backdrop-filter: blur(2px);
  justify-content: center; align-items: center; padding: 20px;
}
.bcm-modal-overlay[aria-hidden="false"] { display: flex; }
.bcm-modal {
  background: #fff; border-radius: 12px; width: 100%; max-width: 960px;
  max-height: 90vh; display: flex; flex-direction: column;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15); overflow: hidden;
}
.bcm-modal-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 20px; border-bottom: 1px solid #e5e7eb; flex-shrink: 0;
}
.bcm-modal-title {
  font-size: 18px; font-weight: 700; margin: 0;
  display: flex; align-items: center; gap: 8px; color: #111827;
}
.bcm-modal-close {
  background: none; border: none; cursor: pointer; padding: 4px;
  color: #6b7280; border-radius: 6px; transition: background .15s;
}
.bcm-modal-close:hover { background: #f3f4f6; color: #111827; }
.bcm-modal-body {
  flex: 1; display: flex; flex-direction: column; overflow: hidden;
}
.bcm-modal-fixed-top {
  flex-shrink: 0; padding: 16px 20px 0;
  border-bottom: 1px solid #e5e7eb;
}
.bcm-modal-scroll-area {
  flex: 1; overflow-y: auto; padding: 16px 20px 20px;
  -webkit-overflow-scrolling: touch;
}
.bcm-catering-modal-persons {
  display: flex; flex-direction: column; gap: 6px;
  margin-bottom: 14px;
}
.bcm-catering-modal-persons label { font-size: 14px; font-weight: 600; color: #374151; }
.bcm-pp-stepper {
  display: flex; align-items: center; gap: 0;
  border: 1px solid #d1d5db; border-radius: 6px; overflow: hidden;
  width: fit-content;
}
.bcm-pp-step-btn {
  width: 40px; height: 38px; border: none; background: #f9fafb; cursor: pointer;
  font-size: 20px; font-weight: 700; color: #374151; display: flex;
  align-items: center; justify-content: center; transition: background .15s;
}
.bcm-pp-step-btn:hover { background: #e5e7eb; }
.bcm-pp-step-val {
  width: 52px; height: 38px; border: none; border-left: 1px solid #d1d5db; border-right: 1px solid #d1d5db;
  text-align: center; font-size: 15px; font-weight: 600; -moz-appearance: textfield; appearance: textfield;
}
.bcm-pp-step-val::-webkit-inner-spin-button,
.bcm-pp-step-val::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bcm-catering-opm-wrap { margin-top: 16px; }
.bcm-catering-opm-wrap label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; color: #374151; }
.bcm-modal-footer {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 20px; border-top: 1px solid #e5e7eb; flex-shrink: 0;
  background: #f9fafb;
}
.bcm-modal-footer-total { display: flex; flex-direction: column; }
.bcm-modal-footer-label { font-size: 12px; color: #6b7280; }
.bcm-modal-footer-amount { font-size: 20px; color: #111827; }
.bcm-modal-footer-actions { display: flex; gap: 10px; }
.bcm-modal-footer-actions .bcm-btn { padding: 10px 20px; font-size: 14px; border-radius: 6px; }

/* ── Modal responsive (mobile fullscreen) ── */
@media (max-width: 640px) {
  .bcm-modal-overlay { padding: 0; }
  .bcm-modal { max-width: 100%; max-height: 100vh; height: 100vh; border-radius: 0; }
  .bcm-modal-footer { flex-direction: column; gap: 10px; }
  .bcm-modal-footer-total { flex-direction: row; justify-content: space-between; width: 100%; }
  .bcm-modal-footer-actions { width: 100%; }
  .bcm-modal-footer-actions .bcm-btn { flex: 1; }
  .bcm-arr-pp-form { min-width: 0; width: 100%; border-left: none; border-top: 1px solid #f3f4f6; }
  .bcm-catering-arr-card { flex-direction: column; }
}

/* ── Responsive: smalle schermen ── */
@media (max-width: 480px) {
  .bcm-prijzen-grid { grid-template-columns: repeat(2, 1fr); }
  .bcm-datetime-row { grid-template-columns: 1fr; gap:6px; }
  .bcm-datetime-row .dt-cell .sep-pill { display:none; }
  .bcm-availability-bar { flex-direction: column; gap: 14px; padding: 12px 14px; }
  .bcm-availability-bar .seg { border-left: 0; border-top: 1px solid #e8e8ea; padding: 12px 0 0; min-width: 0; }
  .bcm-availability-bar .seg:first-child { border-top: 0; padding-top: 0; }
  .bcm-grid-2 { grid-template-columns: 1fr; }
  .bcm-summary-title-lg { font-size:1.2rem; }
  .bcm-agenda-header,
  .bcm-agenda-grid { grid-template-columns: repeat(3, 1fr); }
  .bcm-agenda-col { min-height:120px; }
  .bcm-galerij-item img { height:100px; }
  .bcm-boekingen-tabel th,
  .bcm-boekingen-tabel td { font-size:13px; padding:6px 4px; }
}

@media (max-width: 360px) {
  .bcm-ruimte-single .bcm-container { padding:12px 8px; }
  .bcm-prijzen-grid { grid-template-columns: 1fr 1fr; gap:4px; }
  .bcm-price-chip { padding:6px; }
  .bcm-price-chip .val { font-size:15px; }
}

/* ── OVERRIDES VOOR DRENTSE WERF 2-KOLOMS LAYOUT & TYPOGRAPHY ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap');

.bcm-werf-booking, 
.bcm-werf-booking input, 
.bcm-werf-booking select, 
.bcm-werf-booking textarea, 
.bcm-werf-booking button {
  font-family: 'Inter', system-ui, sans-serif !important;
}
.bcm-werf-booking .bcm-werf-container {
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 40px 16px 64px !important;
}
.bcm-werf-stack { 
  display: grid !important; 
  grid-template-columns: 1fr !important; 
  gap: 32px !important; 
  align-items: start;
}
@media (min-width: 960px) {
  .bcm-werf-stack {
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 40px !important;
  }
}
.bcm-werf-sidebar.bcm-reserveren {
  position: sticky !important;
  top: 24px !important;
  align-self: start;
}
.bcm-werf-prices.bcm-prijzen-grid {
  gap: 12px !important;
}
.bcm-price-chip {
  padding: 12px !important;
  border-radius: 6px !important;
}
.bcm-werf-adres {
  color: rgba(0,0,0,0.7) !important;
}
.bcm-werf-tags li {
  padding: 6px 14px !important;
  border-radius: 6px !important;
  background: #f9f9f9 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  color: rgba(0,0,0,0.7) !important;
}
.bcm-werf-kicker {
  display: none !important;
}
.bcm-werf-title {
  font-size: clamp(2rem, 5vw, 48px) !important;
  font-weight: 900 !important;
  color: #000 !important;
  margin: 0 0 12px !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
}
.bcm-werf-subtitle {
  color: #00A7A0 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}
.bcm-werf-lead {
  font-size: 17px !important;
  color: rgba(0,0,0,0.7) !important;
  margin-top: 24px !important;
}
.bcm-werf-gallery-hero {
  border-radius: 6px !important;
  border: 0 !important;
  box-shadow: none !important;
}
.bcm-werf-form-panel {
  padding: 10px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 6px !important;
  background: #F9F9F9 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

/* Form Inputs Reset */
.bcm-werf-form-panel input[type="text"],
.bcm-werf-form-panel input[type="email"],
.bcm-werf-form-panel input[type="tel"],
.bcm-werf-form-panel input[type="number"],
.bcm-werf-form-panel input[type="date"],
.bcm-werf-form-panel textarea,
.bcm-werf-form-panel select,
.bcm-input-full {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}
.bcm-werf-form-panel label {
  font-size: 15px !important;
}
.bcm-booking-h2 {
  font-size: 20px !important;
  font-weight: 900 !important;
}

/* Primary Button Update */
.bcm-btn.bcm-btn-primary,
.bcm-btn-primary#bcm-submit {
  padding: 10px 24px !important;
  font-size: 15px !important;
  border-radius: 6px !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* Number field compact */
#bcm_aantal {
  width: auto !important;
  min-width: 60px !important;
  max-width: 80px !important;
}

/* Availability Bar Tweaks (optional: use the green color) */
.bcm-availability-bar {
  background: white !important;
}

/* ── VISUAL POLISH UPDATES (REFINEMENTS FOR DRENTSE WERF) ── */
.bcm-werf-title {
  font-weight: 700 !important;
  font-size: clamp(1.25rem, 3vw, 24px) !important;
  line-height: 1.3 !important;
}
.bcm-werf-form-panel {
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
  background: #FFFFFF !important;
}
body.bcm-booking-ui, body.bcm-single-ruimte, .site-content {
  background-color: #f8f9fa !important;
}
.bcm-date-time-flex {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}
.bcm-date-time-flex .dt-cell {
  flex: 1 !important;
  width: 100% !important;
}
/* time-cell flex handled in consolidated block below */
/* Ensure form panel inputs stay readable inside the white card */
.bcm-werf-form-panel input[type="text"],
.bcm-werf-form-panel input[type="email"],
.bcm-werf-form-panel input[type="tel"],
.bcm-werf-form-panel input[type="number"],
.bcm-werf-form-panel input[type="date"],
.bcm-werf-form-panel textarea,
.bcm-werf-form-panel select {
  background-color: #F9F9F9 !important; /* Slight contrast to the white card */
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ── OVERRIDE ASTRA THEME CONTAINER RESTRICTION ── */
body.bcm-booking-ui.bcm-single-ruimte .site-content .ast-container {
  max-width: 1200px !important;
}

/* ── DEEP STRUCTURAL MATCH DE DRENTSE WERF ── */
.bcm-werf-header-card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 24px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}
.bcm-werf-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
}
.bcm-werf-header-title-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.bcm-werf-header-thumb {
  width: 80px;
  height: 80px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,0.06);
}
.bcm-werf-header-cap {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #000;
}
.bcm-werf-prices-clean {
  display: flex;
  gap: 32px;
}
.bcm-price-item {
  display: flex;
  flex-direction: column;
}
.bcm-price-item .lbl {
  font-size: 14px;
  color: rgba(0,0,0,0.5);
  margin-bottom: 4px;
}
.bcm-price-item .val {
  font-size: 24px;
  font-weight: 800;
  color: #000;
}
.bcm-hero-main-img {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  margin-bottom: 12px;
}
.bcm-sub-gallery-img {
  width: 100% !important;
  height: 90px !important;
  max-height: 90px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 4px;
  display: block;
}
.bcm-galerij-track {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
}
.bcm-galerij-item {
  min-width: 0 !important;
  overflow: hidden !important;
}
.bcm-form-drentse-style input,
.bcm-form-drentse-style select,
.bcm-form-drentse-style textarea {
  border: 1px solid rgba(0,0,0,0.1) !important;
  background: white !important;
}
.bcm-date-time-flex {
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  display: flex !important;
  background: #fff;
}
.bcm-date-time-flex input,
.bcm-date-time-flex select {
  border: none !important;
  background: transparent !important;
}
.bcm-date-time-flex .dt-cell:not(:last-child) {
  border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.bcm-clean-bar {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-top: 12px !important;
}
.bcm-clean-bar .seg { border:0 !important; padding:0 !important; flex:1 !important; }
.bcm-clean-bar .lbl { display:none !important; }
.bcm-clean-bar .dots {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 2px !important;
}
.bcm-clean-bar .dot {
  flex: 1 !important;
  height: 24px !important;
  width: auto !important;
  border-radius: 0 !important;
  background: #e5e7eb !important;
  opacity: 1 !important;
}
.bcm-clean-bar .dot:first-child { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.bcm-clean-bar .dot:last-child { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.bcm-clean-bar .dot.ok {
  background: #00B800 !important;
  box-shadow: none !important;
}
/* Button uses theme primary color via .bcm-btn-primary rules above */

/* Force place-holder styling like normal inputs */
::-webkit-input-placeholder { color: rgba(0,0,0,0.4); }
:-moz-placeholder { color: rgba(0,0,0,0.4); }
::-moz-placeholder { color: rgba(0,0,0,0.4); }
:-ms-input-placeholder { color: rgba(0,0,0,0.4); }

/* ── Date / time inputs unified ── */
.bcm-date-row input[type="text"],
.bcm-date-row input[type="date"],
.bcm-time-row select {
  width: 100% !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}
.bcm-time-row select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300A7A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 18px !important;
  padding-right: 36px !important;
}
.bcm-date-row input[type="text"],
.bcm-date-row input[type="date"] {
  position: relative !important;
  cursor: pointer !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300A7A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 18px !important;
  padding-right: 36px !important;
}

/* ── Flatpickr theme override ── */
.flatpickr-calendar {
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  font-family: inherit !important;
}
.bcm-date-row .flatpickr-wrapper {
  display: block !important;
  width: 100% !important;
}
.bcm-date-row .flatpickr-calendar.static {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  top: 4px !important;
}
.bcm-date-row .flatpickr-calendar .flatpickr-innerContainer,
.bcm-date-row .flatpickr-calendar .flatpickr-rContainer,
.bcm-date-row .flatpickr-calendar .flatpickr-days,
.bcm-date-row .flatpickr-calendar .dayContainer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.bcm-date-row .flatpickr-calendar .flatpickr-months {
  width: 100% !important;
}
.flatpickr-months .flatpickr-month {
  background: #00A7A0 !important;
  border-radius: 8px 8px 0 0 !important;
  height: 40px !important;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  color: #fff !important;
  fill: #fff !important;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #fff !important;
}
.flatpickr-current-month {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 40px !important;
  height: 100% !important;
  position: relative !important;
  left: 0 !important;
  width: auto !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600 !important;
  border: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  width: auto !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none !important;
  box-shadow: none !important;
}
.flatpickr-current-month input.cur-year {
  color: #fff !important;
  font-weight: 600 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  width: 4.5em !important;
  margin: 0 !important;
  padding: 0 !important;
}
.flatpickr-current-month .numInputWrapper {
  border: none !important;
  background: transparent !important;
  width: 4.5em !important;
  flex-shrink: 0 !important;
}
.flatpickr-current-month .numInputWrapper:hover {
  background: transparent !important;
}
.flatpickr-current-month .numInputWrapper span {
  display: none !important;
}
span.flatpickr-weekday {
  color: #6b7280 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}
.flatpickr-day {
  border-radius: 6px !important;
  font-size: 13px !important;
  max-width: none !important;
  height: 34px !important;
  line-height: 34px !important;
}
.flatpickr-day.today:not(.selected) {
  border-color: #00A7A0 !important;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #00A7A0 !important;
  border-color: #00A7A0 !important;
  color: #fff !important;
}
.flatpickr-day:hover:not(.selected):not(.flatpickr-disabled) {
  background: rgba(0,167,160,0.1) !important;
  border-color: transparent !important;
}
.flatpickr-day.flatpickr-disabled {
  color: #d1d5db !important;
}
.bcm-clean-bar .dot:hover {
  cursor: pointer !important;
  opacity: 0.85 !important;
  position: relative;
}
.bcm-clean-bar .dot.bezet {
  background: #fca5a5 !important;
}
.bcm-clean-bar .dot.past {
  background: #d1d5db !important;
  opacity: 0.5 !important;
  cursor: default !important;
}

/* ── Back-link ── */
.bcm-breadcrumb-back {
  margin: 0 0 18px;
}
.bcm-back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #00A7A0;
  text-decoration: none;
  transition: opacity .15s;
}
.bcm-back-link:hover { opacity: .7; }
.bcm-back-link svg { flex-shrink: 0; }

/* ── Alternatieven-slider ── */
.bcm-alternatieven {
  margin: 48px 0 0;
  padding: 36px 0 0;
  border-top: 1px solid rgba(0,0,0,.08);
}
.bcm-alt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bcm-alt-title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.bcm-alt-nav {
  display: flex;
  gap: 2px;
  align-items: center;
}
.bcm-alt-arrow {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #9ca3af;
  transition: color .15s;
}
.bcm-alt-arrow svg {
  width: 24px;
  height: 24px;
}
.bcm-alt-arrow:hover:not(:disabled) {
  color: #00A7A0;
}
.bcm-alt-arrow:disabled {
  color: #d1d5db;
  cursor: default;
}
.bcm-alt-track-wrap {
  overflow: hidden;
}
.bcm-alt-track {
  display: flex;
  gap: 16px;
  transition: transform .35s ease;
}
.bcm-alt-card {
  flex: 0 0 calc(33.333% - 11px);
  min-width: 0;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .2s, transform .2s;
}
.bcm-alt-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.bcm-alt-card-img {
  position: relative;
  height: 140px;
  overflow: hidden;
}
.bcm-alt-thumb {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
.bcm-alt-card-body {
  padding: 12px 14px 14px;
}
.bcm-alt-card-title {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bcm-alt-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}
.bcm-alt-cap {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.bcm-alt-price {
  font-weight: 600;
  color: #00A7A0;
}
@media (max-width: 1024px) {
  .bcm-alt-card { flex: 0 0 calc(50% - 8px); }
}
@media (max-width: 640px) {
  .bcm-alt-card { flex: 0 0 85%; }
}