.hidden-accompagnant-toggle{
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow:hidden;
}
.hidden-accompagnant-toggle.open {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    max-height: 100px;
}


.hidden-type-invite {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow:hidden;
}

.hidden-type-invite.open {
    max-height: 100px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

.hidden-participe {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow:hidden;
}

.hidden-participe.open {
    max-height: 100px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

.hidden-accompagnant {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow:hidden;
}

.hidden-accompagnant.open {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

/* Remove Tailwind RingShadow */
input {
    --tw-ring-shadow: 0 0 #000 !important
}

.star-rating {
    display: flex;
    flex-direction: row-reverse; 
    justify-content: flex-end; 
}
.star-rating input[type="radio"] {
    display: none; 
}
.star-rating label {
    font-size: 2.7em; 
    color: #ddd; 
    cursor: pointer;
    padding: 0 0.1em;
    transition: color 0.2s;
}
.star-rating input[type="radio"]:checked ~ label,
.star-rating input[type="radio"]:checked + label,
.star-rating label:hover,
.star-rating label:hover ~ label {
    color: #f5a623;
}
.star-rating input[type="radio"]:checked ~ label:hover ~ label {
    color: #ddd;
}

@media (max-width: 640px) {
    .star-rating {
        justify-content: center !important;
    }
    
    .star-rating label {
        font-size: 1.8em !important;
        padding: 0.1em !important;
    }
    
    .star-rating input[type="radio"]:checked ~ label,
    .star-rating input[type="radio"]:checked + label,
    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: #f5a623 !important;
    }
}

@media (max-width: 400px) {
    .star-rating label {
        font-size: 1.4em !important;
        padding: 0.1em !important;
    }
}