.hero--card {
    animation: onLoad 1s ease-in forwards
}

@keyframes onLoad {
    from {
        transform: translateY(-200px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.carousel--card {
    max-width: 100%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto; 
    object-fit: contain;
    background-color: var(--portalThemeColor1);
}

#carouselRealEstate .carousel--card {
    height: auto;
}

#carouselPlan .carousel--card {
    height: auto;
}

.carousel--card-item {
    max-width: 100%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    object-fit: contain;
}

#carouselRealEstate .carousel--card-item {
    width: 100%;
}

#carouselPlan .carousel--card-item {
    height: auto;
}

.icon--panel {
    display: block;
    float: left;
    min-width: 38px;
    width: 30px;
    height: 30px;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: black;
}

.icon--details {
    mask-image: url("/Immobili/feature-details.svg");
}

.icon--floor-plan {
    mask-image: url("/Immobili/floor-plan.svg");
}

.icon--video {
    mask-image: url("/Immobili/video.svg");
}

/*
.accordion-button.collapsed {
    background-color: var(--portalThemeColor1);
}
.accordion-button:not(.collapsed) {
    background-color: var(--portalThemeColor4);
    color: #fff;
}
*/
.accordion {
    --bs-accordion-btn-bg: var(--portalThemeColor1);
    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: var(--portalThemeColor4);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/* Cambia il colore dell'icona quando l'accordion è espanso */
.accordion-button:not(.collapsed) .icon--panel {
    background-color: white; /* Colore dell'icona in stato espanso */
}

.image--card {
    max-width: 100%;
    background-color: var(--portalThemeColor1);
    display: flex;
    justify-content: center; /* Centra orizzontalmente */
    align-items: center; /* Centra verticalmente */
    overflow: hidden; /* Opzionale: per evitare che l'immagine fuoriesca dal contenitore */
}

.image--card img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantiene le proporzioni dell'immagine */
}

footer .footer-bottom {
    background-color: #fff !important;
    background-image: url("/image-footer.png");
    background-repeat: repeat-x;
    min-height: 23px;
    margin-bottom: 15px;
}

.footer-bottom p {
    color: black !important;
}

.wrapper-body {
    min-height: calc(100% - 180px) !important;
}

#carouselRealEstate .carousel-indicators, #carouselPlan .carousel-indicators {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap; /* Impedisce che le thumbnails vadano su più righe */
    margin-top: 0px;
}

#carouselRealEstate .carousel-indicators button, #carouselPlan .carousel-indicators button {
    width: 90px;
    height: auto;
    margin: 0 10px;
    cursor: pointer;
    transition: transform 0.3s;
}

#carouselRealEstate .carousel-indicators::-webkit-scrollbar,  #carouselPlan .carousel-indicators::-webkit-scrollbar{
    display: none;
}

#carouselRealEstate .carousel-indicators button:hover, #carouselPlan .carousel-indicators button:hover {
    transform: scale(1.1);
}

#carouselRealEstate .carousel-indicators .active, #carouselPlan .carousel-indicators .active {
    transform: scale(1.2);
    border: 2px solid rgb(13, 110, 253)
}

#carouselPlan .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#carouselPlan .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.navbar
{
    z-index: 1050;
}

.bi-rafvg-point
{
    position: relative;
    padding-left: 1em; /* Spazio sufficiente per l'icona */
}

.bi-rafvg-point::before
{
    content: "";
    background: url("/Immobili/point.svg") no-repeat center;
    background-size: 1em 1em; /* Dimensione dell'icona uguale al testo */
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0; /* Posiziona l'icona prima del testo */
    top: 50%;
    transform: translateY(-50%); /* Centra verticalmente l'icona */
}