.bb-reservering { --bb-accent:#735b3c; --bb-light:#f7f2ea; --bb-red:#b9473e; max-width:900px; margin:2rem auto; color:#26231f; }
.bb-reservering * { box-sizing:border-box; }
.bb-kalender { max-width:540px; margin:2rem 0; padding:1.25rem; border:1px solid #ded6ca; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(42,34,23,.08); }
.bb-kalender-kop { display:grid; grid-template-columns:44px 1fr 44px; align-items:center; gap:.5rem; }
.bb-kalender-kop h3 { margin:0; text-align:center; text-transform:capitalize; }
.bb-kalender-kop button { width:44px; height:40px; border:0; border-radius:8px; color:#fff; background:var(--bb-accent); cursor:pointer; font-size:1.2rem; }
.bb-weekdagen,.bb-dagen { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:1rem; text-align:center; }
.bb-weekdagen { font-weight:700; font-size:.85rem; }
.bb-dagen span { display:grid; place-items:center; min-height:42px; border-radius:7px; }
.bb-dagen .is-vrij { background:#e5f2e7; color:#235c2d; }
.bb-dagen .is-bezet { background:#f5d9d6; color:#842b25; text-decoration:line-through; }
.bb-dagen .is-verleden { background:#eee; color:#8b8b8b; }
.bb-dagen .bb-laden,.bb-dagen .bb-fout { grid-column:1/-1; }
.bb-legenda { display:flex; gap:1.25rem; margin-top:1rem; font-size:.9rem; }
.bb-legenda i { display:inline-block; width:13px; height:13px; margin-right:5px; border-radius:3px; vertical-align:-1px; }
.bb-legenda .bb-vrij { background:#e5f2e7; }.bb-legenda .bb-bezet { background:#f5d9d6; }
.bb-formulier { padding:1.5rem; border-radius:12px; background:var(--bb-light); }
.bb-velden { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem; }
.bb-formulier label { display:flex; flex-direction:column; gap:.35rem; font-weight:650; }
.bb-formulier input,.bb-formulier select { width:100%; min-height:45px; padding:.65rem .75rem; border:1px solid #bdb5a9; border-radius:6px; background:#fff; font:inherit; }
.bb-formulier input:focus,.bb-formulier select:focus { outline:3px solid rgba(115,91,60,.2); border-color:var(--bb-accent); }
.bb-verstuur { margin-top:1rem; padding:.8rem 1.25rem; border:0; border-radius:7px; color:#fff; background:var(--bb-accent); font:inherit; font-weight:700; cursor:pointer; }
.bb-verstuur:disabled { opacity:.55; cursor:wait; }
.bb-melding { margin:1rem 0 0; font-weight:650; }.bb-melding.is-succes { color:#23602d; }.bb-melding.is-fout,.bb-fout { color:var(--bb-red); }
.bb-honingpot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@media (max-width:640px) { .bb-velden { grid-template-columns:1fr; }.bb-kalender { padding:.8rem; }.bb-dagen span { min-height:36px; } }