/* Reisplan: knop, teller, vaste balk en planner (zelfde stijl als de Next.js-site) */
.bz-plan-knop .elementor-button{cursor:pointer}
.bz-plan-knop.bz-actief .elementor-button{background:#1c4a45!important;color:#ece1c7!important;border-color:#1c4a45!important}
.bz-plan-klein .elementor-button{padding:7px 12px!important;font-size:12px!important}

.bz-teller>a .ct-menu-link-text,.bz-teller>a{transition:none}
.bz-teller.bz-gevuld>a,.bz-teller>a.bz-gevuld{color:#cf9a3c!important;opacity:1!important}

.bz-reisplan-balk{display:none}
@media (max-width:700px){
  body.heeft-reisplan-balk{padding-bottom:62px}
  .bz-reisplan-balk{display:block;position:fixed;left:0;right:0;bottom:0;z-index:99990;background:#8a2f2a;color:#ece1c7!important;text-align:center;padding:15px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:600;border-top:2px solid #23201a;text-decoration:none}
  .bz-reisplan-balk:hover{background:#1c4a45}
}

/* planner */
#bz-planner{font-family:Bitter,Georgia,serif;color:#23201a}
.plan-leeg{font-size:18px;color:#6d6555;padding:30px 0}
.plan-totaal{display:flex;border:2px solid #23201a;background:#f5eeda;margin:8px 0 18px}
.plan-totaal>div{flex:1;padding:16px 18px;border-right:2px solid #23201a}
.plan-totaal>div:last-child{border-right:0}
.plan-totaal .lbl{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#6d6555}
.plan-totaal .val{font-family:ui-monospace,"Courier New",monospace;font-size:26px;font-weight:700}
.plan-hint{font-size:15px;color:#6d6555;margin:0 0 16px}
.plan-lijst{list-style:none;padding:0;margin:0}
.plan-lijst li{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid #d4c5a0;cursor:grab}
.plan-lijst li:active{cursor:grabbing}
.plan-lijst .nr{flex:0 0 34px;height:34px;display:grid;place-items:center;background:#8a2f2a;color:#ece1c7;font-family:Oswald,sans-serif;font-weight:700;margin-top:2px}
.plan-lijst .info{flex:1;display:flex;flex-direction:column}
.plan-lijst .info>a{font-family:Oswald,sans-serif;font-weight:600;font-size:18px;color:#23201a;text-decoration:none}
.plan-lijst .info>a:hover{color:#8a2f2a}
.plan-lijst .sub{font-family:ui-monospace,"Courier New",monospace;font-size:12px;color:#6d6555}
.loop{display:block;margin-top:8px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#1c4a45}
.stop-acties{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.verplaats-select{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:12px;padding:6px 8px;background:#ece1c7;border:1.5px solid #23201a;color:#23201a}
.mini-cta{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12px;padding:6px 12px;background:#8a2f2a;color:#ece1c7!important;border:1.5px solid #23201a;text-decoration:none}
.verwijder{cursor:pointer;background:none;border:0;font-size:22px;line-height:1;color:#6d6555;padding:0 4px}
.verwijder:hover{color:#8a2f2a}
.dagen-kies{display:flex;align-items:center;gap:8px;margin:4px 0 22px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#6d6555}
.dagen-kies button{cursor:pointer;width:34px;height:34px;background:#f5eeda;color:#23201a;border:2px solid #23201a;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;border-radius:0}
.dagen-kies button:hover{background:#cf9a3c}
.dagen-kies button.actief{background:#1c4a45;color:#ece1c7;border-color:#1c4a45}
.dag{margin:22px 0}
.dag-kop{display:flex;align-items:baseline;justify-content:space-between;border-bottom:3px solid #23201a;padding-bottom:8px;margin-bottom:6px}
.dag-kop h2{font-family:Oswald,sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.03em;margin:0;border:0;padding:0}
.dag-kop span{font-family:ui-monospace,"Courier New",monospace;font-size:13px;color:#6d6555}

/* kaart (Leaflet + OpenStreetMap) */
.kaart{border:2px solid #23201a;margin:14px 0 0;filter:sepia(.18) saturate(.85) contrast(1.03)}
.kaart-pin span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#8a2f2a;color:#ece1c7;border:2px solid #23201a;font-family:Oswald,sans-serif;font-weight:700;font-size:13px}

@media (max-width:700px){
  .plan-totaal{flex-direction:column}
  .plan-totaal>div{border-right:0;border-bottom:2px solid #23201a;padding:12px 16px}
  .plan-totaal>div:last-child{border-bottom:0}
  .plan-totaal .val{font-size:22px}
  .dagen-kies button{width:42px;height:42px;font-size:16px}
  .dag-kop{flex-direction:column;align-items:flex-start;gap:3px}
  .dag-kop h2{font-size:21px}
  .plan-lijst .stop{flex-wrap:wrap;row-gap:10px;padding:16px 0}
  .plan-lijst .info{flex:1 1 180px;min-width:0}
  .stop-acties{flex:1 1 100%;justify-content:flex-end;padding-left:48px}
  .verplaats-select{padding:9px 10px;font-size:13px}
  .mini-cta{padding:9px 14px}
  .verwijder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:26px;padding:0}
}

/* Elementor-kit zet knoppen op oxblood; de planner heeft eigen knopstijlen */
#bz-planner .dagen-kies button{background:#f5eeda!important;color:#23201a!important;border:2px solid #23201a!important;padding:0!important;line-height:1!important;border-radius:0!important;text-transform:none!important;letter-spacing:0!important}
#bz-planner .dagen-kies button:hover{background:#cf9a3c!important}
#bz-planner .dagen-kies button.actief{background:#1c4a45!important;color:#ece1c7!important;border-color:#1c4a45!important}
#bz-planner .verwijder{background:none!important;border:0!important;color:#6d6555!important;padding:0 4px!important;font-size:22px!important;line-height:1!important;box-shadow:none!important}
#bz-planner .verwijder:hover{color:#8a2f2a!important}
#bz-planner .plan-lijst .info>a,#bz-planner .dag-kop h2{color:#23201a}
