/* © agence digitale afondlacom' / Pascal Evrard 2025 */
/* cm-silo.css – CLEAN + MENU MOBILE AFONDLACOM' + MENU PASCAL SAFE */

/* ============================================================
   SILO (BASE)
   ============================================================ */

.cm-silo{
  --bg:#fff;
  --ink:#111827;
  --muted:#6b7280;
  --line:rgba(17,24,39,.12);
  --radius:12px;
  --shadow: 0 10px 24px rgba(17,24,39,.06);
}

.cm-silo *{ box-sizing:border-box; }

.cm-silo{ width:100%; }

/* Desktop bar = 2 lignes : labels en haut, sélections en bas */
.cm-silo__bar{
  width:100%;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  grid-template-rows: auto auto;
  gap:8px 16px;
  align-items:end;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--bg);
  box-shadow:var(--shadow);
}

/* Ligne 1 : labels (en haut) — display:contents pour que les enfants participent à la grille du bar */
.cm-silo__row--labels{
  display:contents;
}
.cm-silo__row--labels .cm-silo__label{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.2px;
  margin:0;
}
.cm-silo__row--labels .cm-silo__label-spacer{
  display:block;
  min-height:0;
}

/* Ligne 2 : sélections (en bas) */
.cm-silo__row--selection{
  display:contents;
}

.cm-silo__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.cm-silo__label{
  font-size:12px;
  color:var(--muted);
  font-weight:700;
  letter-spacing:.2px;
}

.cm-silo__select{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 10px;
  font-size:14px;
  color:var(--ink);
  background:#fff;
  outline:none;
}

.cm-silo__select:focus{
  border-color:rgba(0,159,216,.45);
  box-shadow:0 0 0 4px rgba(0,159,216,.10);
}

.cm-silo__select:disabled{
  background:#f9fafb;
  color:#9ca3af;
}

.cm-silo__select--hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  border:0 !important;
}
.cm-silo__field--model{ position:relative; display:flex; flex-direction:column; min-height:0; }
/* Xiaomi: combobox recherche + liste groupée */
.cm-silo__xiaomi-wrap{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.cm-silo__input{ width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 10px; font-size:14px; color:var(--ink); background:#fff; outline:none; }
.cm-silo__input:focus{ border-color:rgba(0,159,216,.45); box-shadow:0 0 0 4px rgba(0,159,216,.10); }
.cm-silo__xiaomi-list{ max-height:220px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; padding:6px 4px; border:1px solid var(--line); border-radius:10px; background:#fff; display:flex; flex-direction:column; gap:2px; }
.cm-silo__xiaomi-group{ display:flex; flex-direction:column; gap:2px; }
.cm-silo__xiaomi-group-title{ font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; padding:6px 8px 4px; }
.cm-silo__xiaomi-opt{ display:flex; justify-content:space-between; align-items:center; width:100%; padding:8px 12px; border:0; border-radius:8px; background:transparent; font-size:14px; color:var(--ink); text-align:left; cursor:pointer; transition:background .15s ease; }
.cm-silo__xiaomi-opt:hover{ background:#f3f4f6; }
.cm-silo__xiaomi-opt--active{ background:rgba(0,159,216,.12); color:var(--ink); font-weight:600; }
.cm-silo__xiaomi-opt-label{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cm-silo__xiaomi-opt-price{ flex-shrink:0; font-weight:700; color:var(--ink); margin-left:8px; }
.cm-silo__xiaomi-empty{ padding:12px; font-size:14px; color:var(--muted); text-align:center; }
.cm-silo__field--model .cm-silo__bubbles{ flex:0 0 220px; min-height:0; }
.cm-silo__bubbles{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:10px;
  height:220px;
  min-height:220px;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:8px 4px 4px;
  box-sizing:border-box;
}
.cm-silo__bubble{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:24px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  font-size:14px;
  font-weight:800;
  color:#111;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.cm-silo__bubble:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  background:#f8fafc;
}
.cm-silo__bubble:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.cm-silo__bubble.is-selected{
  background:linear-gradient(135deg,var(--ismart-primary,#e63946),var(--ismart-primary-hover,#c1121f));
  color:#fff;
  border-color:rgba(230,57,70,.4);
  box-shadow:0 4px 12px rgba(230,57,70,.25);
}
/* Bulle unique (ex: Pixel tous modèles) : style neutre */
.cm-silo__bubble.is-selected.cm-silo__bubble--single{
  background:#fff;
  color:#111;
  border-color:rgba(0,0,0,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.cm-silo__bubble.is-selected .cm-silo__bubble-ico{ color:rgba(255,255,255,.9); }
.cm-silo__bubble.is-selected.cm-silo__bubble--single .cm-silo__bubble-ico{ color:rgba(0,0,0,.5); }
.cm-silo__bubble-ico{
  flex-shrink:0;
  color:rgba(0,0,0,.5);
  font-size:16px;
}
.cm-silo__bubble-text{ white-space:nowrap; }

.cm-silo__action{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:stretch;
}

/* Bouton aligné hauteur selects */
.cm-silo__btn{
  height:44px;
  line-height:44px;
  padding:0 22px;
  border:0;
  border-radius:10px;
  font-weight:800;
  cursor:pointer;
  color:#fff;
  white-space:nowrap;
  background:var(--ismart-primary,#e63946);
}

.cm-silo__btn:hover:not(:disabled){
  background:var(--ismart-primary-hover,#c1121f);
}

.cm-silo__btn:disabled{
  background:var(--ismart-primary-light,#ffe4e6);
  cursor:not-allowed;
  opacity:1;
}

/* Messages sous le bouton : OFF en prod */
.cm-silo__msg,
.cm-silo__hint,
.cm-silo__error{
  display:none !important;
}

/* Forçage rouge sur #cmGo (conflits Bootstrap / thème) */
#cmGo{
  background-color:var(--ismart-primary,#e63946) !important;
  border-color:var(--ismart-primary,#e63946) !important;
  color:#ffffff !important;
  background-image:none !important;
}
#cmGo:hover:not(:disabled){
  background-color:var(--ismart-primary-hover,#c1121f) !important;
  border-color:var(--ismart-primary-hover,#c1121f) !important;
  color:#ffffff !important;
}
#cmGo:focus-visible{
  outline:3px solid rgba(230,57,70,.35) !important;
  outline-offset:2px !important;
}
#cmGo:disabled{
  background-color:var(--ismart-primary-light,#ffe4e6) !important;
  border-color:var(--ismart-primary-light,#ffe4e6) !important;
  color:#ffffff !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}

/* Liens SEO (desktop only) */
.cm-silo__seo{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:12px;
  color:var(--muted);
}
.cm-silo__seo a{
  text-decoration:none;
  color:#374151;
  border-bottom:1px dotted #cbd5e1;
}
.cm-silo__seo a:hover{
  color:#111827;
  border-bottom-color:#111827;
}

.cm-silo__noscript{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff7ed;
  color:#7c2d12;
  font-size:12.5px;
}

/* ============================================================
   MOBILE : MASQUER LE SILO (barre + seo + noscript)
   ============================================================ */
@media (max-width: 991px){
  .cm-silo__bar,
  .cm-silo__seo,
  .cm-silo__noscript{
    display:none !important;
  }
}

/* ============================================================
   MENU MOBILE PASCAL (drilldown) – CONSERVÉ
   - Ne casse pas le menu AFONDLACOM'
   - Reste uniquement en mobile
   ============================================================ */
@media (max-width: 991px){
  body.cm-pascal-ready{ padding-top: 56px; }

  .cm-pascal-topbar{
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 14px;
    background: #0b2a5a;
    color: #fff;
    z-index: 99990;
  }
  .cm-pascal-btn{
    width: 44px; height: 44px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    touch-action: manipulation;
  }
  .cm-pascal-brand{
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cm-pascal-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    transition: opacity .18s ease;
    z-index: 99991;
  }
  .cm-pascal-overlay.is-open{ opacity: 1; }

  .cm-pascal-drawer{
    position: fixed;
    top: 0; left: 0;
    width: min(86vw, 360px);
    height: 100vh;
    background: #fff;
    transform: translateX(-102%);
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    z-index: 99992;
    box-shadow: 14px 0 40px rgba(0,0,0,.22);
    display: flex;
    flex-direction: column;
  }
  .cm-pascal-drawer.is-open{ transform: translateX(0); }

  .cm-pascal-head{
    height: 56px;
    padding: 0 14px;
    background: #0b2a5a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .cm-pascal-title{ font-weight: 900; letter-spacing: .35px; }
  .cm-pascal-close{
    width: 44px; height: 44px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
  }

  .cm-pascal-panes{
    position: relative;
    flex: 1;
    overflow: hidden;
  }
  .cm-pascal-pane{
    position: absolute;
    inset: 0;
    background: #fff;
    transform: translateX(100%);
    transition: transform .22s cubic-bezier(.2,.8,.2,1);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cm-pascal-pane.is-active{ transform: translateX(0); }
  .cm-pascal-pane.is-prev{ transform: translateX(-25%); }

  .cm-pascal-panehead{
    padding:10px 14px;
    font-weight:700;
    font-size:15px;
    background:#e8f0ff;
    color:#0a2e5c;
    border-bottom:1px solid rgba(0,0,0,.06);
  }

  .cm-pascal-list{ list-style:none; padding:0; margin:0; }
  .cm-pascal-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:16px 14px;
    border-bottom:1px solid #eef2f7;
    text-decoration:none;
    color:#111827;
    font-weight:650;
  }
  .cm-pascal-left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
  }
  .cm-pascal-txt{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .cm-pascal-chevron{
    color:#111;
    opacity:.55;
  }
}

/* ============================================================
   MENU MOBILE AFONDLACOM' (2e menu) – REQUIS PAR TON CLIENT
   - Mobile only
   - Sticky topbar + drawer gauche + overlay
   ============================================================ */
@media (max-width: 991px){

  .cm-afondlacom-topbar{
    position: sticky;
    top: 0;
    z-index: 999999;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    background:#0b2f57;
    color:#fff;
  }

  .cm-afondlacom-btn{
    width:42px; height:42px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.28);
    background:transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    user-select:none;
    color:#fff;
    font-size:22px;
    line-height:1;
  }

  .cm-afondlacom-brand{
    font-weight:900;
    letter-spacing:.4px;
    color:#fff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }

  .cm-afondlacom-overlay{
    position:fixed;
    inset:0;
    z-index:1000000;
    background:rgba(0,0,0,.38);
    opacity:0;
    transition:opacity .22s ease;
  }
  .cm-afondlacom-overlay[hidden]{ display:none !important; }
  .cm-afondlacom-overlay.is-open{ opacity:1; }

  .cm-afondlacom-drawer{
    position:fixed;
    top:0; left:0;
    z-index:1000001;
    width:min(92vw,380px);
    height:100%;
    background:#fff;
    transform:translateX(-110%);
    transition:transform .22s ease;
    box-shadow:10px 0 40px rgba(0,0,0,.25);
    display:flex;
    flex-direction:column;
  }
  .cm-afondlacom-drawer[hidden]{ display:none !important; }
  .cm-afondlacom-drawer.is-open{ transform:translateX(0); }

  .cm-afondlacom-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px;
    border-bottom:1px solid rgba(0,0,0,.08);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }
  .cm-afondlacom-title{ font-weight:900; color:#111; }

  .cm-afondlacom-close{
    width:40px; height:40px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
    cursor:pointer;
    font-size:18px;
    line-height:1;
  }

  .cm-afondlacom-search{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  .cm-afondlacom-searchInput{
    flex:1;
    height:42px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.15);
    padding:0 12px;
    outline:none;
    font-size:14px;
  }
  .cm-afondlacom-searchClear{
    width:42px; height:42px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
    cursor:pointer;
    font-size:16px;
  }

  .cm-afondlacom-panes{ flex:1; overflow:auto; padding:12px; }
  .cm-afondlacom-pane{ display:none; }
  .cm-afondlacom-pane.is-active{ display:block; }

  .cm-afondlacom-backbar{
    padding:10px 12px;
    font-weight:900;
    border-radius:14px;
    background:rgba(0,0,0,.04);
    margin-bottom:12px;
    user-select:none;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }

  .cm-afondlacom-list{ list-style:none; margin:0; padding:0; }

  .cm-afondlacom-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border-radius:16px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
    text-decoration:none;
    color:#111;
    margin-bottom:10px;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }

  .cm-afondlacom-text{
    font-weight:800;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .cm-afondlacom-chevron{ opacity:.55; }

  .cm-afondlacom-empty{
    padding:14px;
    color:#555;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  }
}

@media (min-width: 992px){
  .cm-afondlacom-topbar,
  .cm-afondlacom-overlay,
  .cm-afondlacom-drawer{
    display:none !important;
  }
}

/* ============================================================
   SAFETY PATCH (MOBILE)
   - On ne masque le desktop que si un menu mobile est prêt
   - (cm-pascal-ready OU cm-has-afondlacom)
   ============================================================ */
@media (max-width: 991px){

  /* Par défaut : ne rien tuer hors silo */
  body:not(.cm-pascal-ready):not(.cm-has-afondlacom) #cmNavDesktop,
  body:not(.cm-pascal-ready):not(.cm-has-afondlacom) .cm-nav-desktop,
  body:not(.cm-pascal-ready):not(.cm-has-afondlacom) nav.cm-nav-desktop,
  body:not(.cm-pascal-ready):not(.cm-has-afondlacom) .cm-desktop-nav{
    display:block !important;
  }

  /* Si menu mobile prêt : on masque les menus desktop listés (si tu en as) */
  body.cm-pascal-ready #cmNavDesktop,
  body.cm-pascal-ready .cm-nav-desktop,
  body.cm-pascal-ready nav.cm-nav-desktop,
  body.cm-pascal-ready .cm-desktop-nav{
    display:none !important;
  }

  body.cm-has-afondlacom #cmNavDesktop,
  body.cm-has-afondlacom .cm-nav-desktop,
  body.cm-has-afondlacom nav.cm-nav-desktop,
  body.cm-has-afondlacom .cm-desktop-nav{
    display:none !important;
  }
}

/* ============================================================
   DESKTOP : RAIL 1230px (HEADER + SILO)
   ============================================================ */
@media (min-width: 992px){

  /* Header : tous les containers du header au même rail */
  #header .container{
    max-width:1230px !important;
    width:100% !important;
  }

  /* Stabilise les rows du header (évite les offsets de thèmes) */
  #header .header-container .header-row{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Téléphone collé à droite DANS le rail */
  #header ul.header-extra-info{
    margin-left:auto !important;
  }

  /* Liens BLOG/SAV/GUIDE */
  #header .cm-header-links{
    margin-left:auto !important;
    margin-right:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:18px !important;
    white-space:nowrap !important;
  }
  #header .cm-header-links a{
    font-weight:700 !important;
    font-size:14px !important;
    letter-spacing:.6px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    color:#333 !important;
  }
  #header .cm-header-links a:hover{
    color:var(--ismart-primary,#e63946) !important;
    text-decoration:none !important;
  }

  /* Silo : rail 1230 car il est hors container */
  .cm-nav__desktop{
    max-width:1230px !important;
    width:100% !important;
    margin:0 auto !important;
    padding-left:15px !important;
    padding-right:15px !important;
  }

  .cm-nav__desktop .cm-silo,
  .cm-nav__desktop .cm-silo__bar{
    width:100% !important;
    max-width:100% !important;
  }
}

/* © agence digitale afondlacom' / Pascal Evrard 2025 */
/* Header: bloc liens + téléphone toujours dans le container */

@media (min-width: 992px){

  .cm-header-right{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    min-width:0 !important;
  }

  /* Le bloc tel ne doit jamais “forcer” une largeur */
  .cm-header-phone{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  /* Empêche une icône/texte de partir hors rail */
  .cm-header-links{
    flex:0 1 auto !important;
    min-width:0 !important;
  }

  /* Si besoin: petit filet de sécurité sur la row */
  #header .header-container .header-row{
    flex-wrap:nowrap !important;
  }
}

/* © agence digitale afondlacom' / Pascal Evrard 2025 */
/* Ajustement final : liens un peu plus à gauche, téléphone reste au bord droit */

@media (min-width: 992px){

  /* 1) Réduit le gap global du bloc droite (optionnel) */
  .cm-header-right{
    gap: 14px !important; /* au lieu de 18 */
  }

  /* 2) Décale les liens vers la gauche (garde le téléphone collé à droite) */
  .cm-header-links{
    margin-right: 200px !important;  /* augmente si tu veux encore plus à gauche */
  }

  /* 3) Sécurité : le téléphone reste compact, pas de saut de ligne */
  .cm-header-phone{
    white-space: nowrap !important;
  }
}

/* © agence digitale afondlacom' / Pascal Evrard 2025 */
/* Décale les liens vers la gauche (même si justify-content-between) */

@media (min-width: 992px){
  #header nav.cm-header-links{
    position: relative !important;
    transform: translateX(-100px) !important; /* mets -60, -80, etc. */
  }
}

/* ============================================================
   MOBILE CLEANUP (PROMO TOP + POPUP)
   - Cache le bandeau promo du haut (notice-top-bar)
   - Cache le popup remise (simple-cookies)
   - Remonte le header/menu au top (supprime les offsets/marges)
   ============================================================ */
@media (max-width: 991px){

  /* 1) Bandeau promo bleu du haut */
  .notice-top-bar{
    display:none !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* 2) Popup remise (-5%) */
  #simple-cookies,
  .simple-cookies{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* 3) Remonter le header/menu au top (supprime les offsets/marges) */
  html, body{
    margin-top:0 !important;
    padding-top:0 !important;
  }

  /* Si ton thème injecte des marges/offsets autour du header */
  #header,
  #header .header-body,
  #header .header-top{
    top:0 !important;
    margin-top:0 !important;
  }

  /* Evite l'espace vide avant le contenu si le thème réserve la place du bandeau */
  .body,
  .main{
    margin-top:0 !important;
  }
}

/* ============================================================
   MOBILE: STOP STICKY PORTO (bandeau blanc + logo qui rétrécit)
   On garde uniquement le menu mobile (Pascal / Afondlacom')
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (max-width: 991px){

  /* Empêche le header Porto de devenir "sticky" et de réserver une zone blanche */
  #header{
    position: relative !important;
    top: auto !important;
  }

  /* Porto applique souvent ces classes au scroll */
  html.sticky-header-active #header .header-body,
  body.sticky-header-active #header .header-body,
  .sticky-header-active #header .header-body{
    position: relative !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* On masque les zones Porto qui créent le bandeau blanc + logo shrink */
  #header .header-top,
  #header .header-container{
    display: none !important;
  }

  /* Évite un padding/marge ajouté par le thème pour compenser le sticky */
  body{
    padding-top: 0 !important;
  }
  .body,
  .main{
    margin-top: 0 !important;
  }
}

/* ============================================================
   MOBILE TOPBAR — BLANC + OMBRE + LIGNE 1px + LOGO OFFICIEL
   Compatible : menu mobile Pascal (.cm-pascal-*) + Afondlacom (.cm-afondlacom-*)
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (max-width: 991px){

  /* ---------- TOPBAR (les 2 variantes) ---------- */
  .cm-pascal-topbar,
  .cm-afondlacom-topbar{
    background:#ffffff !important;
    color:#0b2a5a !important;
    border-bottom:1px solid #e5e7eb !important; /* séparateur gris 1px */
    box-shadow:0 8px 18px rgba(17,24,39,.08) !important; /* ombre douce */
    position:relative !important; /* ancre du logo centré */
  }

  /* ---------- Bouton hamburger (visible sur fond blanc) ---------- */
  .cm-pascal-btn,
  .cm-afondlacom-btn{
    background:#ffffff !important;
    color:#0b2a5a !important;
    border:1px solid rgba(11,42,90,.22) !important;
    box-shadow:0 6px 14px rgba(17,24,39,.10) !important;
  }

  /* ---------- On cache le texte de brand, sans le déplacer ---------- */
  .cm-pascal-brand,
  .cm-afondlacom-brand{
    color:transparent !important;
    user-select:none !important;
  }

  /* ---------- IMPORTANT : on neutralise l'ancien logo ::before ---------- */
  .cm-pascal-brand::before,
  .cm-afondlacom-brand::before{
    content:none !important;
  }

  /* ---------- Logo centré AU MILIEU DU BANDEAU (écran) ---------- */
  .cm-pascal-topbar::after,
  .cm-afondlacom-topbar::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;

    width:170px !important;
    height:34px !important;

    background:url("/img/logo-ismartfix-reparation-telephone-lille.png") no-repeat center center !important;
    background-size:contain !important;
    pointer-events:none !important;
  }

  @media (max-width: 360px){
    .cm-pascal-topbar::after,
    .cm-afondlacom-topbar::after{
      width:150px !important;
      height:32px !important;
    }
  }
}
/* ============================================================
   PATCH MOBILE UNIQUEMENT
   - Bandeau menu sticky
   - Loupe FontAwesome dans le bouton recherche
   - Icônes différentes par lien (menu 1er niveau)
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (max-width: 991px){

  /* 1) BANDEAU MENU : STICKY/FIXED (les 2 variantes) */
  body.cm-pascal-ready{ padding-top:56px; }
  .cm-pascal-topbar{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important;
    height:56px !important;
    z-index:999999 !important;
  }

  body.cm-has-afondlacom{ padding-top:56px; }
  .cm-afondlacom-topbar{
    position:fixed !important;
    top:0 !important; left:0 !important; right:0 !important;
    height:56px !important;
    z-index:999999 !important;
  }

  /* 2) BOUTON RECHERCHE : vraie loupe FA (écrase tout contenu existant) */
  .cm-afondlacom-searchClear{
    position:relative !important;
    font-size:0 !important;          /* tue le “semblant d’icône/texte” */
    color:transparent !important;
    background-image:none !important;
  }
  .cm-afondlacom-searchClear::before{
    content:"\f002" !important;      /* fa-search */
    font-family:"Font Awesome 5 Free" !important;
    font-weight:900 !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    color:#000 !important;
    font-size:16px !important;
    line-height:1 !important;
    pointer-events:none !important;
  }

@media (max-width: 991px){

  /* =====================================================
     MENU MOBILE — ICÔNES PAR LIEN (HREF) — PRIORITÉS FIX
     - RDV/Blog/SAV/Contact verrouillés
     - Modèles => icône par type (téléphone/tablette/pc/trott/gaming)
     - "Tarifs réparations" (hub) => tools UNIQUEMENT si pas un modèle
     ===================================================== */

  /* Base commune */
  .cm-afondlacom-drawer a.cm-afondlacom-row,
  .cm-pascal-drawer a.cm-pascal-row{
    position:relative !important;
    padding-left:52px !important;
  }

  .cm-afondlacom-drawer a.cm-afondlacom-row::before,
  .cm-pascal-drawer a.cm-pascal-row::before{
    content: var(--icon, "\f054") !important; /* chevron fallback */
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position:absolute !important;
    left:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    color:#000 !important;
    font-size:16px !important;
    line-height:1 !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  /* -----------------------------
     1) VERROUILLAGES (PRIORITÉ MAX)
     ----------------------------- */

  /* RDV = calendrier */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="rdv"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="rendez"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="rendez-vous"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservation"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reserver"],
  .cm-pascal-drawer a.cm-pascal-row[href*="rdv"],
  .cm-pascal-drawer a.cm-pascal-row[href*="rendez"],
  .cm-pascal-drawer a.cm-pascal-row[href*="rendez-vous"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reservation"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reserver"]{
    --icon:"\f274" !important; /* calendar-check */
  }

  /* Blog */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="blog"],
  .cm-pascal-drawer a.cm-pascal-row[href*="blog"]{
    --icon:"\f02d" !important; /* book */
  }

  /* SAV */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="sav"],
  .cm-pascal-drawer a.cm-pascal-row[href*="sav"]{
    --icon:"\f1cd" !important; /* life-ring */
  }

  /* Contact */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="contact"],
  .cm-pascal-drawer a.cm-pascal-row[href*="contact"]{
    --icon:"\f0e0" !important; /* envelope */
  }

  /* -----------------------------
     2) MODÈLES / CATÉGORIES => ICÔNE PAR TYPE (AVANT "TOOLS")
     ----------------------------- */

  /* TÉLÉPHONES (inclut Pixel) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="iphone"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="samsung"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="galaxy"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="xiaomi"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="redmi"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="huawei"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="honor"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="oppo"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="oneplus"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="google-pixel"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/pixel"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="pixel-"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reparation-telephone"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="telephones"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="telephone"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="smartphone"],

  .cm-pascal-drawer a.cm-pascal-row[href*="iphone"],
  .cm-pascal-drawer a.cm-pascal-row[href*="samsung"],
  .cm-pascal-drawer a.cm-pascal-row[href*="galaxy"],
  .cm-pascal-drawer a.cm-pascal-row[href*="xiaomi"],
  .cm-pascal-drawer a.cm-pascal-row[href*="redmi"],
  .cm-pascal-drawer a.cm-pascal-row[href*="huawei"],
  .cm-pascal-drawer a.cm-pascal-row[href*="honor"],
  .cm-pascal-drawer a.cm-pascal-row[href*="oppo"],
  .cm-pascal-drawer a.cm-pascal-row[href*="oneplus"],
  .cm-pascal-drawer a.cm-pascal-row[href*="google-pixel"],
  .cm-pascal-drawer a.cm-pascal-row[href*="/pixel"],
  .cm-pascal-drawer a.cm-pascal-row[href*="pixel-"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reparation-telephone"],
  .cm-pascal-drawer a.cm-pascal-row[href*="telephones"],
  .cm-pascal-drawer a.cm-pascal-row[href*="telephone"],
  .cm-pascal-drawer a.cm-pascal-row[href*="smartphone"]{
    --icon:"\f3cd" !important; /* mobile-alt */
  }

  /* TABLETTES */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="tablette"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="tablettes"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ipad"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="galaxy-tab"],
  .cm-pascal-drawer a.cm-pascal-row[href*="tablette"],
  .cm-pascal-drawer a.cm-pascal-row[href*="tablettes"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ipad"],
  .cm-pascal-drawer a.cm-pascal-row[href*="galaxy-tab"]{
    --icon:"\f3fa" !important; /* tablet-alt */
  }

  /* ORDINATEURS */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ordinateur"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ordinateurs"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="macbook"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="imac"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="laptop"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reparation-ordinateur"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ordinateur"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ordinateurs"],
  .cm-pascal-drawer a.cm-pascal-row[href*="macbook"],
  .cm-pascal-drawer a.cm-pascal-row[href*="imac"],
  .cm-pascal-drawer a.cm-pascal-row[href*="laptop"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reparation-ordinateur"]{
    --icon:"\f109" !important; /* laptop */
  }

  /* TROTTINETTES */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="trottinette"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="trottinettes"],
  .cm-pascal-drawer a.cm-pascal-row[href*="trottinette"],
  .cm-pascal-drawer a.cm-pascal-row[href*="trottinettes"]{
    --icon:"\f0e7" !important; /* bolt */
  }

  /* GAMING */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="gaming"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="console"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="consoles"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="playstation"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ps4"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ps5"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="xbox"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="switch"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="nintendo"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="sony-ps"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="microsoft-xbox"],

  .cm-pascal-drawer a.cm-pascal-row[href*="gaming"],
  .cm-pascal-drawer a.cm-pascal-row[href*="console"],
  .cm-pascal-drawer a.cm-pascal-row[href*="consoles"],
  .cm-pascal-drawer a.cm-pascal-row[href*="playstation"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ps4"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ps5"],
  .cm-pascal-drawer a.cm-pascal-row[href*="xbox"],
  .cm-pascal-drawer a.cm-pascal-row[href*="switch"],
  .cm-pascal-drawer a.cm-pascal-row[href*="nintendo"],
  .cm-pascal-drawer a.cm-pascal-row[href*="sony-ps"],
  .cm-pascal-drawer a.cm-pascal-row[href*="microsoft-xbox"]{
    --icon:"\f11b" !important; /* gamepad */
  }

  /* -----------------------------
     3) "TARIFS RÉPARATIONS" HUB => tools, MAIS PAS sur les modèles
     (donc seulement si l’URL ressemble à un hub "tarifs-reparations")
     ----------------------------- */

  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="tarifs-reparations"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="tarifs-reparation"],
  .cm-pascal-drawer a.cm-pascal-row[href*="tarifs-reparations"],
  .cm-pascal-drawer a.cm-pascal-row[href*="tarifs-reparation"]{
    --icon:"\f0ad" !important; /* tools */
  }
}
@media (max-width: 991px){

  /* =====================================================
     PATCH FINAL — NE TOUCHE QU'À RDV + GAMING
     - RDV: match par URL réelle (car contient "switch=1")
     - Gaming: doit gagner même si l’URL contient "tarifs-reparations"
     ===================================================== */

  /* 1) RDV = calendrier (priorité ABSOLUE)
     Ton URL RDV : .../reservations/formulaire.php?cid=1&switch=1...
     Donc on matche "reservations" ou "formulaire.php" (et PAS "rdv"). */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"],
  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"],
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"]{
    --icon:"\f274" !important; /* calendar-check */
  }

  /* 2) GAMING = gamepad (doit ÉCRASER l’icône tools même si "tarifs-reparations") */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="gaming"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="console"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="consoles"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="playstation"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ps4"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="ps5"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="xbox"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="switch"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="nintendo"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="sony-ps"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="microsoft-xbox"],

  .cm-pascal-drawer a.cm-pascal-row[href*="gaming"],
  .cm-pascal-drawer a.cm-pascal-row[href*="console"],
  .cm-pascal-drawer a.cm-pascal-row[href*="consoles"],
  .cm-pascal-drawer a.cm-pascal-row[href*="playstation"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ps4"],
  .cm-pascal-drawer a.cm-pascal-row[href*="ps5"],
  .cm-pascal-drawer a.cm-pascal-row[href*="xbox"],
  .cm-pascal-drawer a.cm-pascal-row[href*="switch"],
  .cm-pascal-drawer a.cm-pascal-row[href*="nintendo"],
  .cm-pascal-drawer a.cm-pascal-row[href*="sony-ps"],
  .cm-pascal-drawer a.cm-pascal-row[href*="microsoft-xbox"]{
    --icon:"\f11b" !important; /* gamepad */
  }
}
@media (max-width: 991px){

  /* ============================================
     VERROUILLAGE ABSOLU — PRENDRE UN RDV
     (corrige le conflit avec "switch=1")
     ============================================ */

  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"],
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"]{
    --icon:"\f274" !important; /* fa-calendar-days */
  }

}
/* Réseaux sociaux sur version mobile */
/* © agence digitale afondlacom' / Pascal Evrard 2025 */
@media (max-width: 991.98px){

  .cm-nav__drawer .cm-nav__socialbar{
    display:flex;
    justify-content:center;
    gap:12px;
    padding:12px 0 16px;
    margin:10px 0 0;
    border-top:1px solid rgba(0,0,0,.10);
  }

  .cm-nav__drawer .cm-nav__socialLink{
    width:40px;height:40px;border-radius:999px;
    display:inline-flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.06);
    text-decoration:none !important;
  }

  .cm-nav__drawer .cm-nav__socialLink svg{
    width:18px;height:18px;
    fill:#111;
    display:block;
  }
}
/* ============================================================
   DESKTOP — MASQUER LE LOGO "STICKY" AU SCROLL (Porto)
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (min-width: 992px){

  /* Porto active souvent "sticky-header-active" sur html/body */
  html.sticky-header-active #header .header-logo,
  body.sticky-header-active #header .header-logo,
  .sticky-header-active #header .header-logo{
    visibility: hidden !important;   /* masque le logo */
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Sécurité: si Porto clone/swap une image sticky */
  html.sticky-header-active #header .header-logo img,
  body.sticky-header-active #header .header-logo img,
  .sticky-header-active #header .header-logo img,
  html.sticky-header-active #header img[data-sticky-width],
  body.sticky-header-active #header img[data-sticky-width],
  .sticky-header-active #header img[data-sticky-width]{
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Optionnel: garde la place pour éviter un saut de layout (CLS) */
  html.sticky-header-active #header .header-logo,
  body.sticky-header-active #header .header-logo,
  .sticky-header-active #header .header-logo{
    width: 188px !important;   /* largeur normale de ton logo */
    height: 46px !important;   /* hauteur normale */
  }
}

/* ============================================================
   PATCH FINAL — RDV (mobile only)
   - Fond vert + texte blanc + icône blanche + spacing OK
   - Ciblé UNIQUEMENT sur le lien RDV réel (/reservations/...)
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (max-width: 991.98px){

  /* Lien RDV réel (Afondlacom + Pascal) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"],
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"],
  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"],
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"],
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"]{
    background:#52af14 !important;
    color:#ffffff !important;
    border-radius:16px !important;
    font-weight:800 !important;

    /* IMPORTANT: garde de la place pour l’icône ::before */
    padding-left:52px !important;
  }

  /* Icône FontAwesome ::before en BLANC (uniquement RDV) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"]::before,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"]::before,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"]::before,
  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"]::before,
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"]::before,
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"]::before{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
  }

  /* Texte RDV en BLANC (évite le noir sur iOS) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"] .cm-afondlacom-text,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"] .cm-afondlacom-text,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"] .cm-afondlacom-text,
  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"] .cm-pascal-txt,
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"] .cm-pascal-txt,
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"] .cm-pascal-txt{
    color:#ffffff !important;
  }

  /* Chevron en BLANC pour RDV (si présent) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"] .cm-afondlacom-chevron,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="reservations/formulaire.php"] .cm-afondlacom-chevron,
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="metatag.fr/ismartfix/reservations"] .cm-afondlacom-chevron,
  .cm-pascal-drawer a.cm-pascal-row[href*="/reservations/"] .cm-pascal-chevron,
  .cm-pascal-drawer a.cm-pascal-row[href*="reservations/formulaire.php"] .cm-pascal-chevron,
  .cm-pascal-drawer a.cm-pascal-row[href*="metatag.fr/ismartfix/reservations"] .cm-pascal-chevron{
    color:#ffffff !important;
    opacity:.85 !important;
  }

  /* Anti “texte qui passe sous l’icône” (sécurité) */
  .cm-afondlacom-drawer a.cm-afondlacom-row[href*="/reservations/"] .cm-afondlacom-text{
    padding-left:32px !important;
    margin-left:0 !important;
  }
}

/* ESPACEMENT ICÔNES SOCIALES — MENU MOBILE
   © agence digitale afondlacom' / Pascal Evrard 2025 */
@media (max-width: 991.98px){

  .cm-afondlacom-drawer .cm-nav__socialbar{
    display:flex !important;
    justify-content:center !important;
    gap:14px !important; /* ← ESPACE ENTRE ICÔNES */
  }

}
/* SUPPRESSION DU BLOC "MENU" GRIS (doublon)
   © agence digitale afondlacom' / Pascal Evrard 2025 */
@media (max-width: 991.98px){

  /* Cible le bloc titre gris intermédiaire */
  .cm-afondlacom-drawer .cm-afondlacom-pane > .cm-afondlacom-backbar{
    display:none !important;
  }

}
/* CROIX DE FERMETURE — GROSSE, GRASSE, NOIR #333
   © agence digitale afondlacom' / Pascal Evrard 2025 */
@media (max-width: 991.98px){

  .cm-afondlacom-close,
  .cm-pascal-close{
    font-size:26px !important;
    font-weight:900 !important;
    color:#333333 !important;
    line-height:1 !important;
  }

}

/* ============================================================
   SOCIAL BAR — VERROUILLÉE EN BAS DU DRAWER (ANTI BUG PANES)
   - Ne dépend plus de l’ordre DOM des panes
   - Reste TOUJOURS sous le menu affiché
   © agence digitale afondlacom' / Pascal Evrard 2025
   ============================================================ */
@media (max-width: 991.98px){

  /* 1) Le drawer devient le référentiel */
  .cm-afondlacom-drawer,
  .cm-pascal-drawer{
    position: fixed !important; /* déjà le cas chez toi, mais on verrouille */
  }

  /* 2) On réserve de la place en bas pour ne pas recouvrir le contenu */
  .cm-afondlacom-drawer .cm-afondlacom-panes,
  .cm-pascal-drawer .cm-pascal-panes{
    padding-bottom: 78px !important; /* hauteur “safe” de la socialbar */
  }

  /* 3) Socialbar = collée en bas du drawer (donc jamais au-dessus) */
  .cm-afondlacom-drawer .cm-nav__socialbar,
  .cm-pascal-drawer .cm-nav__socialbar{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;                 /* ESPACE ENTRE ICÔNES */
    padding: 14px 0 16px !important;

    background: #fff !important;
    border-top: 1px solid rgba(0,0,0,.10) !important;
    z-index: 5 !important;
  }

  /* 4) Boutons ronds */
  .cm-afondlacom-drawer .cm-nav__socialLink,
  .cm-pascal-drawer .cm-nav__socialLink{
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,.06) !important;
    text-decoration: none !important;
  }

  /* 5) SVG */
  .cm-afondlacom-drawer .cm-nav__socialLink svg,
  .cm-pascal-drawer .cm-nav__socialLink svg{
    width: 18px !important;
    height: 18px !important;
    fill: #111 !important;
    display: block !important;
  }
}
/* ============================================================
   FIX: le contenu ne doit jamais passer sous la topbar fixe
   Utilise une variable CSS calculée en JS
   ============================================================ */
@media (max-width: 991px){
  body{
    padding-top: var(--cm-topbar-h, 0px) !important;
  }
}
/* ============================================================
   MOBILE — LOGO TOPBAR CLIQUABLE
   Zone invisible au-dessus du logo centré
   ============================================================ */
@media (max-width: 991px){

  .cm-mobile-logo-link{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;

    width:170px !important;
    height:34px !important;

    z-index:3 !important;
    text-decoration:none !important;
    background:transparent !important;
  }

  @media (max-width: 360px){
    .cm-mobile-logo-link{
      width:150px !important;
      height:32px !important;
    }
  }
}