/* ==========================================================================
   Malacara Esquí — Grupos a medida (Booking Utility UI complement)
   Tokens consumed from main.css / site-booking.css
   ========================================================================== */

.student-row {
    background-color: #f8fafc;
    border: 1px solid var(--booking-border, var(--neutral-color));
    border-radius: 12px;
    padding: 1rem;
}

.booking-btn-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0.5rem 0.75rem;
}

.student-row.invalid {
    border-color: var(--booking-error, #dc2626);
    background-color: var(--booking-error-bg, #fef2f2);
}

.material-item .form-control,
.material-item .form-select {
    min-height: 48px;
    font-size: 1rem;
}

.booking-btn-remove--hidden {
    display: none;
}

.booking-field-hidden {
    display: none;
}

.booking-panel-hidden[hidden] {
    display: none !important;
}

.booking-message-anchor {
    scroll-margin-top: 100px;
}

.session-block,
.material-item {
    background-color: #f8fafc;
    border: 1px solid var(--booking-border, var(--neutral-color));
    border-radius: 12px;
    padding: 1rem;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand-secondary);
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.2);
}