/* le hover sur un lien "vignette" d'une location en gris */
.rentable-vignette:has(.stretched-link):hover {
    background: var(--ems-secondary-light-color);
}

/* ul/li avec des petits points blanc */
.list-circle {
    list-style-type: circle!important;
}

/* fix CSS pour pas que le datepicker sorte de l'écran à droite */
@media (min-width: 992px) and (max-width: 1617px) {
    #page-front-rentable-view .datepicker {
        right: 0;
    }
}

@media (min-width: 576px) and (max-width: 1145px) {
    #fields_dates .datepicker {
        right: 0;
    }
}

/* un div avec une bordure qui "s'active" si la checkbox à l'intérieur est checké, + hover */
/* le js fait que si on clic dessus, la checkbox toggle */
.checkbox-container {
    cursor: pointer;
}
.checkbox-container:hover {
    border-color: var(--bs-secondary) !important;
}
.checkbox-container:has(input[type="checkbox"]:checked) {
    border-color: var(--bs-primary) !important;
}

/* un etat "loading" sur un div */
div[aria-busy=true] {
    position: relative;
}
div[aria-busy=true]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background: white;
    opacity: .5;
}