/* Mobilroad Beschikbaarheidskalender - responsive versie */
.mrbc-calendar-wrap{
  width:100%;
  max-width:820px;
  margin:0 auto 35px;
  font-family:inherit;
  box-sizing:border-box;
}
.mrbc-calendar-wrap *{box-sizing:border-box;}
.mrbc-header{display:flex;align-items:center;justify-content:space-between;background:#2f3136;color:#fff;border-radius:12px 12px 0 0;padding:14px 18px;gap:12px}.mrbc-title{font-size:22px;font-weight:700;text-transform:capitalize;text-align:center;line-height:1.2}.mrbc-nav{display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;width:38px;height:38px;min-width:38px;border-radius:50%;font-size:26px;line-height:1;padding:0!important;cursor:pointer}.mrbc-nav:hover{background:#c79a52;border-color:#c79a52}.mrbc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;min-width:0}.mrbc-weekdays div{background:#f9f5ec;color:#333;font-weight:700;text-align:center;padding:10px 2px;border-left:1px solid #eadfcb;border-right:1px solid #eadfcb;min-width:0}.mrbc-days{border-left:1px solid #eadfcb;border-bottom:1px solid #eadfcb;min-width:0}.mrbc-day{min-width:0;width:100%;min-height:82px;background:#fff;border:0;border-right:1px solid #eadfcb;border-top:1px solid #eadfcb;padding:8px 4px;text-align:center;cursor:default;position:relative;font-family:inherit;overflow:hidden}.mrbc-admin .mrbc-day{cursor:pointer}.mrbc-day-number{display:block;font-weight:700;color:#333;font-size:15px;line-height:1.2}.mrbc-day-label{display:block;max-width:100%;margin:7px auto 0;padding:4px 5px;border-radius:20px;font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;text-align:center}.mrbc-available .mrbc-day-label{background:#e7f4e5;color:#2f6b35}.mrbc-booked{background:#fff1f1}.mrbc-booked .mrbc-day-label{background:#d9534f;color:#fff}.mrbc-today{box-shadow:inset 0 0 0 2px #c79a52}.mrbc-empty{background:#fafafa}.mrbc-legend{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid #eadfcb;border-top:0;border-radius:0 0 12px 12px}.mrbc-legend span{color:#333;font-size:14px}.mrbc-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px}.mrbc-legend-available{background:#e7f4e5;border:1px solid #2f6b35}.mrbc-legend-booked{background:#d9534f}.mrbc-tabs{margin:20px 0}.mrbc-tabs a{display:inline-block;padding:10px 16px;margin-right:8px;background:#f9f5ec;border:1px solid #c79a52;border-radius:8px;text-decoration:none;color:#333;font-weight:700}.mrbc-tabs a.active{background:#c79a52;color:#fff}.mrbc-admin-shortcode{background:#fff;border-left:4px solid #c79a52;padding:12px 15px;margin-bottom:20px}.mrbc-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center}.mrbc-modal-box{background:#fff;padding:24px;width:min(420px,92vw);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.mrbc-modal-box label{display:block;margin-top:14px;font-weight:700}.mrbc-modal-box select,.mrbc-modal-box textarea{width:100%;margin-top:6px}.mrbc-modal-actions{margin-top:18px;display:flex;gap:10px}.mrbc-note-dot{position:absolute;right:8px;bottom:4px;color:#c79a52;font-size:26px}
@media(max-width:768px){
  .mrbc-calendar-wrap{max-width:100%;margin-left:auto;margin-right:auto;}
  .mrbc-header{padding:10px 10px;}
  .mrbc-title{font-size:17px;}
  .mrbc-nav{width:34px;height:34px;min-width:34px;font-size:22px;}
  .mrbc-weekdays div{font-size:11px;padding:7px 1px;}
  .mrbc-day{min-height:52px;padding:4px 1px;}
  .mrbc-day-number{font-size:12px;}
  .mrbc-day-label{font-size:8.5px;padding:3px 2px;margin-top:4px;letter-spacing:0;}
  .mrbc-legend{gap:10px;padding:10px 6px;}
  .mrbc-legend span{font-size:12px;}
}
@media(max-width:380px){
  .mrbc-day-label{font-size:8px;padding:2px 1px;}
  .mrbc-day{min-height:48px;}
  .mrbc-weekdays div{font-size:10px;}
}