/* ============================================================
   COMPLEMENTS UI MOBILE ProtorMundi - local-commercial-entrepot.com
   Le header (logo/Contact/burger + drawer) est gere par
   menu-pm.css + menu-pm.min.js (systeme commun du site).
   Ici uniquement : barre d'appel basse, fil d'Ariane, mot INVESTIR,
   bloc recherche + image, masquages mobile (carrousel, sections).
   Mobile uniquement (max-width: 768px) - zero impact desktop
   ============================================================ */

/* --- Etat par defaut (desktop) : tout est masque --- */
#callbar-mobile,
#bloc-recherche-mobile,
.bloc-recherche__titre,
.pm-mot-rouge,
.pm-breadcrumb { display: none; }

@media (max-width: 768px) {

  /* Espace reserve pour la barre d'appel basse */
  body { padding-bottom: 64px !important; }

  /* ===== FIL D'ARIANE "Vous etes ici" ===== */
  .pm-breadcrumb {
    display: block;
    margin: 26px 14px 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: #6b6b6b;
  }
  .pm-breadcrumb a {
    color: #6b6b6b;
    text-decoration: underline;
  }

  /* ===== Mot INVESTIR en rouge ===== */
  .pm-mot-rouge {
    display: block;
    margin: 26px 14px 0;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #B90E22;
  }

  /* ===== Titre + bloc recherche (image seule, sans fond gris) ===== */
  .bloc-recherche__titre {
    display: block;
    margin: 16px 14px 8px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #B90E22;
    text-align: center;
  }
  #bloc-recherche-mobile {
    display: block;
    margin: 0 14px 14px;
    text-align: center;
  }
  #bloc-recherche-mobile a { display: block; }
  #bloc-recherche-mobile img {
    display: block;
    width: auto;
    max-width: min(300px, 100%);
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
  }

  /* ===== BARRE D'APPEL ROUGE FIXE EN BAS ===== */
  #callbar-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 980;
    min-height: 56px;
    padding: 6px 12px;
    padding-bottom: calc(6px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    background: #B90E22;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  }
  #callbar-mobile svg { flex-shrink: 0; }

  /* Back-to-top existant remonte au-dessus de la barre d'appel */
  .back-to-top { bottom: 74px !important; }

  /* ===== SUPPRESSIONS SUR MOBILE =====
     - carrousel (background-image non telechargees)
     - blocs "Consulter nos metiers" -> "VOTRE CANDIDATURE ICI !" */
  #bad574b45f324599a72bee690e08a247,
  .slidecontainerbad574b45f324599a72bee690e08a247,
  .pm-hide-mobile {
    display: none !important;
  }
}