/* ESPAVEL Widget v17 - restores only the original Reservation Lookup UI. */
.hb-lookup-modal [hidden] { display: none !important; }
.hb-lookup-modal .modal-dialog { max-width: 500px; }
.hb-lookup-modal .modal-content { border-radius: var(--hotel-radius-lg,20px); }
.hb-lookup-modal .modal-header,
.hb-lookup-modal .modal-body { font-family: var(--hotel-font-body,'Manrope',sans-serif); }
.hb-lookup-modal .hb-tabs { margin-bottom: 22px; }
.hb-lookup-modal .hb-tab { font-size: 14px; }
.hb-lookup-modal .hb-btn { width: 100%; }
.hb-lookup-modal .hb-otp { justify-content: center; }
.hb-lookup-modal .hb-otp input { min-width: 0; }
.hb-lookup-modal .hb-lookup-running { cursor: progress; }
@media (max-width: 575.98px) {
    .hb-lookup-modal .modal-dialog { max-width: none; }
    .hb-lookup-modal .hb-otp { gap: 5px; }
    .hb-lookup-modal .hb-otp input { width: min(14vw, 48px); }
}

/* Verified reservation selection; uses the existing modal colors and spacing. */
.hb-lookup-modal .hb-lookup-results { display: grid; gap: 10px; }
.hb-lookup-modal .hb-lookup-result { display: flex; flex-direction: column; gap: 5px;
  width: 100%; padding: 15px 18px; text-align: left; border: 1px solid var(--hotel-border-color,#dfe5e7);
  border-radius: var(--hotel-radius-md,12px); background: var(--hotel-surface,#fff);
  color: var(--hotel-text-primary,#1d2a31); cursor: pointer; }
.hb-lookup-modal .hb-lookup-result:hover, .hb-lookup-modal .hb-lookup-result:focus-visible {
  border-color: var(--hotel-secondary,#a8804d); box-shadow: 0 0 0 2px var(--hotel-focus-ring,transparent); }
.hb-lookup-modal .hb-lookup-result span { font-size: 12px; color: var(--hotel-text-secondary,#5c6b73); }
.hb-lookup-modal .hb-lookup-result:disabled { opacity: .6; pointer-events: none; }