/* Booking Reservation Form Styles */
/* Keep fonts and colors to theme defaults. Only layout, spacing, borders. */

.brf-container { max-width: 800px; margin: 0 auto; }
.brf-alert { border: 1px solid #e5e7eb; padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; }
.brf-alert-success { border-color: #10b98140; background: #10b98110; }
.brf-alert-error { border-color: #ef444440; background: #ef444410; }

.brf-form label { display:block; font-size: 14px; margin-bottom: 8px; }
.brf-form input[type="text"],
.brf-form input[type="email"],
.brf-form input[type="number"],
.brf-form input[type="date"],
.brf-form textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 12px;
    outline: none;
}

.brf-row { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) {
    .brf-row { grid-template-columns: 1fr 1fr; }
}
.brf-field { margin-top: 24px; }
.brf-terms { margin-top: 24px; }
.brf-checkbox { display: flex; align-items: center; gap: 10px; }

.brf-actions { margin-top: 24px; }
.brf-btn {
    width: 100%;
    padding: 18px 24px;
    border-radius: 9999px;
    border: none;
    font-weight: 700;
    letter-spacing: 2px;
    cursor: pointer;
    /* inherits colors from theme */
}