/**
 * Styles pour le widget de recherche des biens
 * Fait prendre toute la largeur à wpcasa-property-search-2
 * 
 * @package wpCasa
 */

/* Widget de recherche - pleine largeur */
#wpcasa-property-search-2,
.widget[id*="wpcasa-property-search"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Container du formulaire de recherche */
#wpcasa-property-search-2 .property-search,
.widget[id*="wpcasa-property-search"] .property-search {
    width: 100% !important;
    max-width: 100% !important;
}

/* Zone principale de recherche */
#wpcasa-property-search-2 .property-search-main,
.widget[id*="wpcasa-property-search"] .property-search-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Zone des détails de recherche */
#wpcasa-property-search-2 .property-search-details,
.widget[id*="wpcasa-property-search"] .property-search-details {
    width: 100% !important;
    max-width: 100% !important;
}

/* S'assurer que le widget sort de son conteneur si nécessaire */
#wpcasa-property-search-2,
.widget[id*="wpcasa-property-search"] {
    position: relative;
    left: 0;
    right: 0;
}

/* Pour sortir complètement du conteneur parent si nécessaire */
#wpcasa-property-search-2.full-width,
.widget[id*="wpcasa-property-search"].full-width {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* Responsive */
@media (max-width: 768px) {
    #wpcasa-property-search-2,
    .widget[id*="wpcasa-property-search"] {
        width: 100% !important;
    }
}