/* Booking wrapper */
.sba-booking-wrapper{border-radius:12px;padding:20px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);max-width:420px}
.sba-booking-wrapper h2{margin:0 0 12px;font-size:22px}
.sba-row{margin-bottom:12px}
.sba-row label{display:block;font-weight:700;margin-bottom:8px}
.sba-row input[type="text"], .sba-row select, .sba-row input[type="number"]{width:100%;padding:12px;border:1px solid #e8e8e8;border-radius:10px;box-sizing:border-box}
.sba-row input[type="text"]{background:#fff}
.sba-participants .sba-counter-row{display:flex;gap:12px;flex-wrap:wrap}
.sba-counter{flex:1;min-width:120px;background:#fafafa;padding:12px;border-radius:10px;text-align:center;border:1px solid #f0f0f0}
.sba-label{font-size:13px;margin-bottom:6px}
.sba-counter button{background:#fff;border:1px solid #ddd;padding:6px 10px;border-radius:8px;cursor:pointer}
.sba-counter input[type="number"]{width:56px;text-align:center;border:none;background:transparent;font-weight:700}
.sba-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.sba-total-label{font-weight:800}
.sba-total-amount{font-weight:900;color:#038a73; font-size:20px}
.sba-range{font-weight:400;font-size:12px;margin-left:8px;color:#666}
hr{border:none;border-top:1px solid #eee;margin:14px 0}

/* Flatpickr - dark square grid look */
.flatpickr-calendar.sba-flatpickr{background:#111;color:#e6e6e6;border:1px solid #222;border-radius:8px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);width:auto;max-width:320px}
.flatpickr-calendar.sba-flatpickr .flatpickr-months{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#151515;border-radius:6px;margin-bottom:8px}
.flatpickr-calendar.sba-flatpickr .flatpickr-current-month{display:flex;gap:8px;align-items:center}
.flatpickr-calendar.sba-flatpickr .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-calendar.sba-flatpickr .numInputWrapper input{background:#111;color:#fff;border:1px solid #333;padding:6px;border-radius:6px}
.flatpickr-calendar.sba-flatpickr .flatpickr-prev-month, .flatpickr-calendar.sba-flatpickr .flatpickr-next-month{background:#111;border:1px solid #222;color:#fff;padding:6px;border-radius:6px;cursor:pointer}
.flatpickr-calendar.sba-flatpickr .flatpickr-weekday{color:#bbb;font-weight:700}
.flatpickr-calendar.sba-flatpickr .flatpickr-day{background:#333;color:#ddd;border-radius:6px;margin:3px;padding:8px 0;display:inline-block;width:36px;text-align:center;box-sizing:border-box;font-weight:700}
.flatpickr-calendar.sba-flatpickr .flatpickr-day.today{background:#2b7a78;color:#fff}
.flatpickr-calendar.sba-flatpickr .flatpickr-day:hover{background:#2b7a78;color:#fff}
.flatpickr-calendar.sba-flatpickr .flatpickr-day.disabled{opacity:0.35}
.flatpickr-calendar.sba-flatpickr .flatpickr-weekdays{margin-bottom:6px;display:flex;justify-content:space-between;padding:0 8px}
.flatpickr-calendar.sba-flatpickr .sba-year-select{background:#111;color:#fff;border:1px solid #333;padding:6px;border-radius:6px;margin-left:6px}

/* responsive adjustments */
@media (max-width:600px){
    .sba-booking-wrapper{padding:14px}
    .sba-row input[type="text"], .sba-row select{padding:10px}
    .flatpickr-calendar.sba-flatpickr{max-width:100%;font-size:14px}
    .flatpickr-calendar.sba-flatpickr .flatpickr-day{width:30px;padding:6px 0}
    .flatpickr-calendar.sba-flatpickr .flatpickr-weekdays{padding:0 4px}
    .flatpickr-calendar.sba-flatpickr .flatpickr-months{flex-wrap:wrap;gap:6px}
    .sba-counter{min-width:100px}
}