/* ------------------------------------------------------------------
   Bloc « Trouver votre bien » sur téléphone (largeur ≤ 767 px)
   spec §5.120, 24/10/2026 — demande du gérant (capture) : les quatre
   champs serrés, la ligne du prix juste dessous (« Prix: » à gauche,
   montant à droite), le curseur sous la ligne. Rien d'autre.

   Chargée APRÈS build/default.min.css (config bower « default »,
   version automatique ?v=filemtime). Aucune règle hors téléphone ;
   la barre de partage, les bulles et la pastille Seerus ne bougent pas.
   Le gabarit search-form.php est partagé : accueil ET liste des biens.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
    .find-home-area .section-title { margin-bottom: 20px; }
    .find-homes { padding-bottom: 0; }
    .find-homes .form-group { margin-bottom: 0; }
    .find-home-item { margin-top: 0; margin-bottom: 12px; }
    .find-home-item .bootstrap-select { width: 100% !important; }

    /* ligne du prix alignée sur les champs : libellé à gauche, montant à droite */
    .find-homes .adv-search-range-cont { padding-left: 0; padding-right: 0; }
    .price-label-search { display: flex; justify-content: space-between; align-items: baseline; }
    .price-label-search .adv-search-amount {
        flex: 1; width: auto; text-align: right; border: 0; background: transparent;
        font-variant-numeric: tabular-nums; padding-right: 0;
    }
    #slider-range-price { margin-top: 10px; }
}

/* ------------------------------------------------------------------
   Cartes d'annonces sur téléphone (accueil « Annonces récentes » et
   listes) — spec §5.121, 24/10/2026, capture du gérant : l'adresse
   sortait de la carte (hauteur figée à 400 px par le bundle, colonne
   de l'adresse aux deux tiers, coupure des mots autorisée) et la carte
   suivante la recouvrait. La carte prend la hauteur de son contenu.
   front-end.css fige #myCarousel (2 566 px) et ses .item (2 500 px
   !important) : on relâche avec une spécificité supérieure.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
    .carousel_block { height: auto; }
    body #page-content #myCarousel { height: auto; }
    body #page-content #myCarousel .item { height: auto !important; }
    .carousel_footer a, .carousel_footer h5, .carousel_footer h6, .carousel_footer span { word-break: normal; overflow-wrap: anywhere; }
    .carousel_footer .address-property-mobile { padding-bottom: 6px; }
}