/* Booking search — glass trial (remove this file link to revert) */

.booking-search .widget-card.bs-card {
    background: rgba(255, 255, 255, 0.42) !important;
    backdrop-filter: blur(20px) saturate(1.35);
    -webkit-backdrop-filter: blur(20px) saturate(1.35);
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow:
        0 18px 50px rgba(0, 57, 128, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

/* Tabs — solid natural colors, no fade */
.booking-search .bs-tabs {
    background: var(--navy, #003980) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none;
}

.booking-search .bs-tab {
    color: #fff !important;
    opacity: 1 !important;
    background: transparent !important;
}

.booking-search .bs-tab:hover,
.booking-search .bs-tab:focus-visible {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.booking-search .bs-tab.active {
    background: #fff !important;
    color: var(--navy, #003980) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.booking-search .bs-panels {
    background: transparent;
}

.booking-search .bs-input-wrap {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.booking-search .bs-input-wrap:focus-within {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--gold, #6FFFFE) !important;
    box-shadow: 0 0 0 3px rgba(111, 255, 254, 0.25);
}

.booking-search .bs-field > label {
    color: var(--navy, #003980) !important;
    font-weight: 800;
}

.booking-search .bs-chip span {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.85) !important;
}

.booking-search .bs-chip input:checked + span {
    background: linear-gradient(90deg, #0059B9, #6FFFFE) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* Keep dropdowns solid for readability (also when portaled to body) */
.booking-search .bs-suggest,
.booking-search .bs-guests-panel,
.bs-suggest.bs-portal,
.bs-guests-panel.bs-portal {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid var(--line, #E2E8F0) !important;
    box-shadow: 0 16px 40px rgba(0, 57, 128, 0.16) !important;
    z-index: 10050 !important;
}

/* Submit: no frosted background under the button */
.booking-search .bs-field.bs-submit {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.booking-search .bs-field.bs-submit > label {
    display: none !important;
}

.booking-search .bs-field.bs-submit .bs-input-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
}

.booking-search .bs-search-btn,
.booking-search button[type="submit"].btn-gold,
.booking-search .bs-submit .btn-gold {
    background: linear-gradient(90deg, #0059B9, #6FFFFE) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 10px 24px rgba(0, 104, 181, 0.35) !important;
}

@media (max-width: 640px) {
    .booking-search .widget-card.bs-card {
        border-radius: 18px !important;
    }
}
