#form-prenotazione-container {
    margin-top: 30px;
    margin-bottom: 30px;
   display: none; /*parte nascosto e poi slideToggle */
}

#form-prenotazione .hidden {display: none;}

#form-prenotazione-title {
    color:var(--nectar-accent-color);
}
#form-prenotazione-title + div {
    border-top:1px solid #ccc;
    margin-top:10px;
    padding-top:15px;
}

/*pulsanti*/
#form-prenotazione button {
    font-weight: 400;
    border: none;
    min-height: 48px;
    min-width: 48px;
    text-align: center;
}
#form-prenotazione button:not(.stile-link) {
    padding: 15px 20px;
}
#form-prenotazione button:not(.stile-link):not(.counter-btn) {
    min-width: 150px;
    cursor: pointer;
}
#form-prenotazione button.stile-link {
    background: transparent;
    color:var(--nectar-extra-color-1);
    font-weight: 600;
}

#form-prenotazione .campi-visibili > div:not(:last-child) {
	margin-bottom:24px;
}
#form-prenotazione label,
#rooms-dropdown #rooms-title {
    display: block;
    line-height: 1.3;
    font-weight: 700;
    color: #555 !important;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 14px;
}

#form-prenotazione .campi-visibili input,
#form-prenotazione .campi-visibili select,
#form-prenotazione .campi-visibili #rooms-summary {
    height: 48px !important;
    background-color: #ededed !important;
    padding: 8px 20px !important;
    font-family: inherit;
    font-size: 17px;
}
#form-prenotazione .counter-value {
    min-width: 10px;
    text-align: center;
}
#form-prenotazione [type="submit"] {
    color: #000;
}

/*funzionamento dropdown camere*/
#rooms-container {
	position: relative;
	z-index: 1000;
}
#rooms-dropdown.absolute {
	position: absolute;
}
#rooms-dropdown {
    background-color: #fff;
    z-index: 10;
    top: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 0 0 20px 20px;
    padding: 20px;
}
#form-prenotazione #rooms-btns {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    justify-content: center;
}

#dynamic_room_details {
	display: flex;
	flex-wrap: wrap;
}
#dynamic_room_details > .dynamic_room_added {
    flex: 1 0 100%;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 15px;

    display: flex;
    flex-direction: column;
    gap:20px;
}
#dynamic_room_details .room-num {
   width: 100%;
}
#dynamic_room_details .children-ages-container > div:not(:only-of-type) {
    width: 100%;
}
   
#dynamic_room_details .camera-ospiti {
    display: flex;
    gap: 25px;
}
#dynamic_room_details .room-num button {
    min-height: auto;
    margin: 0 0 7px 0;
    padding: 0;
}
#dynamic_room_details .camera-adulti > div, 
#dynamic_room_details .camera-bambini > div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0 15px;
}
#dynamic_room_details .counter-btn.disabled { 
	background-color: #f8f8f8; 
	color: #ccc; 
	cursor: not-allowed !important; 
}
#dynamic_room_details .children-ages-container > div {
    display: flex;
    gap: 15px;
}
#form-prenotazione .campi-visibili select.child-age-select {
    padding: 8px !important;
}

#form-prenotazione #save-room-details {
    background-color: var(--nectar-extra-color-1);
}

/*messaggi ed errori*/
#form-prenotazione [id*="error"], 
#form-prenotazione [class*="error"] {
    color: red;
    font-size: 14px;
    margin-top: 8px;
}
.border-red-500 {border:1px solid red}
#form-prenotazione-messaggi {
    font-size: 14px;
    margin-top: 8px;
}
#cancel-link {
   color: var(--nectar-extra-color-1);
}