/* Recherche multi-chambres : nombre de chambres et âges dans le sélecteur de voyageurs, répartition sur la fiche. */

.guest-popup .hotel-only-guest[hidden] { display: none !important; }
.guest-popup .guest-ages { display: flex; flex-wrap: wrap; gap: .5rem; padding: .5rem 0; }
.guest-popup .guest-ages label { display: flex; flex-direction: column; font-size: .8rem; color: #6c757d; }
.guest-popup .guest-ages select { min-width: 4.5rem; padding: .25rem .5rem; border: 1px solid #dee2e6; border-radius: .5rem; background: #fff; }
.guest-popup .guest-rooms-note { font-size: .78rem; color: #b45309; margin: .25rem 0 0; }

.group-allocation__rooms { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .75rem; }
.group-allocation__room legend { font-size: .85rem; }
.group-allocation__line-name { min-width: 0; flex: 1 1 14rem; }
.group-allocation__line-name select { max-width: 100%; }
.group-allocation__total .btn { white-space: normal; }

@media (max-width: 575.98px) {
	.group-allocation__total { flex-direction: column; align-items: stretch !important; }
	.group-allocation__total .btn { width: 100%; }
	.group-allocation__rooms { grid-template-columns: 1fr; }
}

/* Résultats : total du séjour pour plusieurs chambres. */
.result-card .multi-room-total { display: block; font-size: .78rem; color: #6c757d; }
.result-card .multi-room-status { display: block; font-size: .75rem; }