/* Booking Search — kabdalis2 design system.
   view.js adds .bs.b-bookbar to wrapper at runtime — overlays theme .b-bookbar
   primitive structure on the booking search form. */

.kabdalis-booking-search.bs{ display:block; }
.bs .booking-search-form{
    display:flex; flex-wrap:wrap;
    gap:14px; align-items:flex-end;
    padding:18px 20px;
    background:var(--surface);
}
.bs .booking-date-field,
.bs .booking-beds-field{
    flex:1; min-width:160px;
    display:flex; flex-direction:column; gap:6px;
}
.bs .booking-date-button{
    display:flex; align-items:center; justify-content:space-between;
    width:100%; height:46px; padding:0 13px;
    border-radius:var(--radius-sm); border:1px solid var(--line);
    background:var(--surface); color:var(--ink);
    font:inherit; cursor:pointer;
}
.bs .booking-date-button:hover{ border-color:var(--accent); }
.bs .booking-date-value{ font-weight:500; }
.bs a.button{
    display:inline-flex; align-items:center; gap:.55em;
    padding:.82em 1.5em; border-radius:999px;
    background:var(--accent); color:var(--on-accent);
    font-weight:600; font-size:.95rem; text-decoration:none;
    flex:0 0 auto;
}
.bs a.button:hover{ filter:brightness(1.06); }

/* Calendar overlay */
.bs .booking-calendar-overlay{
    position:absolute; inset:0; z-index:4;
    display:none; align-items:center; justify-content:center; padding:20px;
    background:color-mix(in srgb, var(--ink) 45%, transparent);
}
.bs .booking-calendar-overlay.is-open{ display:flex; }
.bs .booking-calendar-dialog{
    width:100%; max-width:560px; padding:18px;
    background:var(--surface); border-radius:var(--radius);
    box-shadow:0 30px 70px -20px color-mix(in srgb, var(--ink) 60%, transparent);
}
.bs .booking-calendar-months{
    display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:18px;
}
.bs .booking-calendar-month{
    display:flex; flex-direction:column; gap:8px;
    font-weight:600; color:var(--ink);
}
.bs .booking-calendar-prev,
.bs .booking-calendar-next,
.bs .booking-calendar-close{
    display:grid; place-items:center;
    width:32px; height:32px; border-radius:999px;
    border:1px solid var(--line); background:var(--surface); color:var(--ink-soft);
    cursor:pointer;
}
.bs .booking-calendar-prev:hover,
.bs .booking-calendar-next:hover,
.bs .booking-calendar-close:hover{
    border-color:var(--accent); color:var(--accent);
}