input[type=checkbox] {
    -moz-appearance: none;
    -ms-appearance: none;
}
input[type=checkbox] {
    height: 15px;
    width: 15px;
    border: 2px solid black;
}
/* Grille */
.biens-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px;
    margin-top: 30px;
}
/* Carte */
.bien-item {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 700px;
    &:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }
    .bien-title {
        width: 100%;
        background: var(--e-global-color-accent);
        h3 {
        font-size: 1.2rem;
        margin: 5px 15px;
        flex: 0 0 auto;
            a {
                color: #111;
                text-decoration: none;
            }
        }
    }
    .bien-image-wrapper {
        position: relative;
        overflow: hidden;
        flex: 0 0 50%;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.3s ease;
        }
        &:hover img {
            transform: scale(1.05);
        }
        .bien-vendu-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
            .bien-status {
                background-color: #000000;
                color: var(--e-global-color-accent);
                text-align: center;
                position: absolute;
                font-weight: 500;
                top: 50px;
                right: -50px;
                rotate: 45deg;
                width: 225px;;
            }
        }
        .bien-renovation-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.5);
            z-index: 1;
            .bien-status {
                background-color: var(--e-global-color-primary);
                color: black;
                text-align: center;
                position: absolute;
                font-weight: 500;
                top: 50px;
                right: -50px;
                rotate: 45deg;
                width: 225px;;
            }
        }
        .bien-a-vendre-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            .bien-status {
                background-color: var(--e-global-color-accent);
                color: black;
                text-align: center;
                position: absolute;
                font-weight: 500;
                top: 50px;
                right: -50px;
                rotate: 45deg;
                width: 225px;;
            }
        }

        .bien-secteurs {
            position: absolute;
            bottom: 10px;
            right: 10px;
            display: flex;
            gap: 5px;
            flex-wrap: wrap;
            .secteur-label {
                background: rgba(255, 255, 255, 0.8);
                color: #000000;
                font-size: 1rem;
                font-weight: 500;
                padding: 3px 8px;
                border-radius: 6px;
            }
        }
    }
    .bien-caracteristiques {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: 0 15px 10px;
        flex: 1 1 auto;
        .carac-item {
            flex: 1 1 60%;
            strong {
                display: block;
                font-weight: 700;
                margin-bottom: 3px;
            }
            span {
                font-weight: 400;
            }
        }
        ul {
            list-style: none;
            padding-left: 0px;
            margin-top: 10px;
            li {
                display: flex;
                gap: 10px;
                margin: 0;
                line-height: 2;
                .texte {
                    font-size: 15px;
                    line-height: 1;
                    margin: auto 0px;
                }
                .icone {
                    color: var(--e-global-color-accent);
                }
        }
        }
    }
}
.filter-btn.active {
    background-color: var(--e-global-color-accent);
    color: #fff;
}
.status-filter {
    display: inline-block;
    margin: 0 10px;
    .status-filter-checkbox {
        accent-color: var(--e-global-color-accent);
    }
}
/* Responsive */
@media (max-width: 1024px) {
    .biens-grid { grid-template-columns: repeat(2, 1fr); } 
}
@media (max-width: 768px) {
    .biens-grid { grid-template-columns: 1fr; } 
    .bien-item { 
        height: fit-content; 
        .bien-caracteristiques {
            ul {
                li {
                    line-height: 2.3;
                }
            }
        } 
    }

}