/* ==========================================================================
   SOLD PROPERTIES - CONSULTANTS IMMOBILIER LUXURY DESIGN
   ========================================================================== */

/* 1. Pastille VENDU : collée au bord en haut à gauche, sans border radius, fond doré #B3A16E */
.property_snippet .badge_vendu,
.property_snippet.sold_property_card .badge_vendu,
.swiper-slide.property_snippet .badge_vendu {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #B3A16E !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    border-radius: 0 !important;
    z-index: 10 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* 2. Espace vertical de la photo : UNIQUEMENT pour les biens vendus et le slider estimation */
.sgvc_propertyslider .property_snippet .image:after,
.property_snippet.sold_property_card .image:after {
    padding-top: 125% !important;
}

/* Les biens en cours (non vendus) conservent strictement leur ratio natif */
.properties_list .property_snippet:not(.sold_property_card) .image:after,
.agency_properties .property_snippet:not(.sold_property_card) .image:after {
    padding-top: 65% !important;
}

/* 3. Box sizing pour les cartes */
.properties_list .property_snippet {
    box-sizing: border-box !important;
}

/* 4. Suppression des fonds gris parasites derrière les cartes (agences et estimation) */
.sgvc_propertyslider > div:before,
.sgvc_propertyslider > div:after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

.agency_properties,
.agency_properties.properties_list,
.sgvc_propertyslider,
.sgvc_propertyslider > div,
.sgvc_propertyslider .swiper-container,
.sgvc_propertyslider .swiper-slide {
    background: transparent !important;
}

/* 5. Zéro Border Radius partout (Design Strict Luxe CI) */
.property_snippet.sold_property_card,
.property_snippet.sold_property_card .image,
.property_snippet.sold_property_card .capsule,
.property_snippet.sold_property_card .attribs,
.property_snippet.sold_property_card a,
.sgvc_propertyslider .property_snippet.sold_property_card {
    border-radius: 0 !important;
}

/* 6. Effet Hover Luxe & Liseret 1px gris sur le slider estimation */
.property_snippet.sold_property_card {
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s ease !important;
    position: relative !important;
    background: #ffffff !important;
    outline: none !important;
}

/* Liseret gris 1px autour des biens dans le slider estimation sans padding */
.sgvc_propertyslider .property_snippet.sold_property_card,
.sgvc_propertyslider .property_snippet {
    border: 1px solid #e2e8f0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.property_snippet.sold_property_card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 28px rgba(4, 14, 49, 0.09) !important;
    outline: none !important;
}

/* 7. Bandeau Bien Vendu sur la fiche single-annonces.php (sans fond bleu, épuré) */
.ci-sold-single-banner {
    background: transparent !important;
    padding: 0 0 15px 0 !important;
    margin: 15px 0 25px 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.ci-sold-banner-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 15px;
}

.ci-sold-stamp {
    display: inline-block;
    background: #B3A16E !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 7px 16px !important;
    border-radius: 0 !important;
    line-height: 1.2 !important;
}

.ci-sold-estimate-btn {
    display: inline-block;
    background: #040e31 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    padding: 9px 18px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}

.ci-sold-estimate-btn:hover {
    background: #B3A16E !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .ci-sold-banner-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .ci-sold-estimate-btn {
        width: 100%;
        text-align: center;
    }
}

/* 8. Fix Single Property Slider Navigation & Back button */
.singleproperty .header_image > div.content {
    pointer-events: none !important;
}
.singleproperty .header_image > div.content .back_button {
    pointer-events: auto !important;
}
.singleproperty .header_image > div.content .back_button a {
    pointer-events: auto !important;
    cursor: pointer !important;
}
.singleproperty .header_image .navigation {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 20 !important;
}
.singleproperty .header_image .swiper-button-prev,
.singleproperty .header_image .swiper-button-next {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 25 !important;
}