/* === Ogura mobile menu v2 (clean buttons, panel, and keep desktop intact) === */

/* Reset .submenu-toggle look (no black squares) */
#primary-menu .submenu-toggle {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  width: 36px;
  height: 36px;
  margin-left: 8px;
  border-radius: 8px;
  cursor: pointer;
  vertical-align: middle;
}
#primary-menu .submenu-toggle:after {
  content: "▾"; /* down caret */
  display: block;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
}
#primary-menu .submenu-open > .submenu-toggle:after { content: "▴"; } /* up caret */
#primary-menu .submenu-toggle:focus { outline: 2px solid #0a6cc4; outline-offset: 2px; }

/* Hide toggle buttons on desktop */
@media (min-width: 1025px){
  #primary-menu .submenu-toggle { display: none !important; }
}

/* Mobile panel */
@media (max-width: 1024px){
  #header .container { display:flex; align-items:center; }
  #primary-menu-trigger { order:-1; display:block; }

  #primary-menu .menu-container { display:block; padding:0; margin:0; list-style:none; }
  #primary-menu .menu-item { border-bottom: 1px solid #eef2f7; }
  #primary-menu .menu-item > .menu-link {
    display:flex; align-items:center; justify-content:space-between;
    font-weight:600; padding:14px 6px;
    color:#111; text-decoration: none;
  }
  #primary-menu .menu-item > .menu-link:hover { background:#f7f9fc; }

  /* Submenus hidden by default */
  #primary-menu .sub-menu,
  #primary-menu .sub-menu-container { display:none; padding: 4px 0 10px 10px; }
  #primary-menu .submenu-open > .sub-menu,
  #primary-menu .submenu-open > .sub-menu-container { display:block; }
  #primary-menu .sub-menu a.menu-link { font-weight:500; padding:10px 4px; display:block; color:#222; }
  #primary-menu .sub-menu a.menu-link:hover { background:#f4f7fb; color:#0a6cc4; }

  /* Hide mega imagery & grid bits in mobile */
  #primary-menu .mega-menu-content,
  #primary-menu .mega-menu-column .og-col-image,
  #primary-menu .mega-menu-column .og-col-desc { display:none !important; }
}

/* Keep desktop mega styles; if missing or overridden, the fix file below will restore them */

/* --- Mobile: rendez visibles *toutes* les listes possibles dans #primary-menu --- */
@media (max-width: 1024px){
  /* Cas où le thème ne met pas .menu-container mais un <ul> direct ou un <div> wrapper */
  #primary-menu .menu-container,
  #primary-menu > ul,
  #primary-menu > div > ul {
    display: block !important;
  }

  /* Nettoyage de base */
  #primary-menu ul { margin: 0; padding: 0; list-style: none; }
  #primary-menu li { border-bottom: 1px solid #eef2f7; }
  #primary-menu li > a.menu-link {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 6px; font-weight: 600; color: #111; text-decoration: none;
  }
  #primary-menu li > a.menu-link:hover { background:#f7f9fc; }

  /* Si un style externe masquait le contenu par opacité/visibilité */
  #primary-menu, #primary-menu * {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* --- Mobile slide panel sous le header --- */
@media (max-width: 1024px){
  /* On force le panneau à commencer sous le header et à passer derrière lui */
  #primary-menu {
    position: fixed;
    left: 0; right: 0;
    /* Valeur par défaut si JS n’a pas encore mesuré */
    top: var(--og-header-h, 92px);
    height: calc(100vh - var(--og-header-h, 92px));
    background: #fff;
    overflow: auto;
    z-index: 90; /* plus bas que header-wrap */
    /* si tu utilises translateX pour l’animation, on ne change rien ici */
  }

  /* Le header doit rester au-dessus */
  .header-wrap, #header, #header-wrap, .site-header {
    z-index: 100 !important;
    position: relative; /* s’il ne l’était pas */
  }

  /* Visibilité/typo de base (au cas où c’était masqué ou en blanc sur blanc) */
  #primary-menu, #primary-menu * {
    opacity: 1 !important;
    visibility: visible !important;
  }
  #primary-menu .menu-container,
  #primary-menu > ul,
  #primary-menu > div > ul {
    display: block !important;
  }
  #primary-menu ul { margin: 0; padding: 0; list-style: none; }
  #primary-menu li { border-bottom: 1px solid #eef2f7; }
  #primary-menu a,
  #primary-menu .menu-link {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    color: #111; text-decoration: none; font-weight: 600;
  }
  #primary-menu a:hover { background: #f7f9fc; }
}

/* [Mehdi] Panneau mobile : couche et structure */
.og-mobile-panel {
  position: fixed;
  inset: 0 0 0 auto;            /* plein écran */
  z-index: 10000;
  background: #ffffff;
  transform: translateX(100%);
  transition: transform .3s ease;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body.menu-open .og-mobile-panel {
  transform: translateX(0);
}

.og-mobile-nav {
  padding: 24px 20px 40px;
}

/* Liste mobile : on s'assure que rien n'est display:none hérité du desktop */
.og-mobile-panel .menu-container,
.og-mobile-panel ul,
.og-mobile-panel li {
  display: block;
  visibility: visible;
  opacity: 1;
}

.og-mobile-panel a.menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  text-decoration: none;
  color: #000;                  /* noir comme demandé */
  font-family: Raleway, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
}

/* Bouton de déploiement */
.og-mobile-panel .submenu-toggle {
  margin-left: auto;
  width: 36px;
  height: 36px;
  border: 0;
  background: none;
  cursor: pointer;
  position: relative;
}
.og-mobile-panel .submenu-toggle::before,
.og-mobile-panel .submenu-toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  background: #000;
  transform: translate(-50%, -50%);
}
.og-mobile-panel .submenu-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.og-mobile-panel .is-open > .submenu-toggle::after {
  display: none; /* passe de + à - */
}

/* Sous-menus */
.og-mobile-panel ul.sub-menu-container,
.og-mobile-panel ul.sub-menu {
  padding-left: 14px;
  border-left: 2px solid #eee;
  margin: 6px 0 10px 10px;
}
.og-mobile-panel ul.sub-menu-container.is-collapsed,
.og-mobile-panel ul.sub-menu.is-collapsed {
  display: none !important;
}

/* Évite que des styles du thème parent (TwentySeventeen) masquent le clone */
@media (max-width: 99999px) {
  .og-mobile-panel #primary-menu,           /* si jamais l'ID traîne dans le clone */
  .og-mobile-panel .primary-menu {
    display: block !important;
    position: static !important;
    height: auto !important;
    clip: auto !important;
  }
}
@media (max-width:1024px){
  /* cache le nav desktop par défaut en mobile */
  #primary-menu{ display:none; }

  /* panneau mobile */
  #og-mobile-panel{
    position:fixed; left:0; right:0; top:0; height:100vh;
    overflow:auto; display:none; z-index:1000;
    background:#fff;
  }
  body.menu-open #og-mobile-panel{ display:block; }

  /* bouton burger cliquable au-dessus du panneau */
  #primary-menu-trigger{ position:relative; z-index:1001; cursor:pointer; }
  #primary-menu-trigger *{ pointer-events:none; }
}

/* === [PATCH] Un seul système mobile : #og-mobile-panel === */
@media (max-width:1024px){
  /* On laisse #primary-menu tranquille (desktop only) */
  #primary-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    border-top: 0 !important;
    display: none !important; /* cache le UL desktop en mobile */
  }
}

/* Le header doit rester au-dessus du panel */
#header { position: sticky; top: 0; z-index: 1002; }

/* Panneau mobile sous le header, scrollable */
#og-mobile-panel{
  position: fixed;
  left: 0; right: 0;
  top: var(--header-h);                    /* hauteur dynamique du header */
  height: calc(100dvh - var(--header-h));  /* 100dvh = viewport mobile fiable */
  overflow: auto;
  z-index: 1001;                           /* < header */
  display: none;
  background: #fff;
}

/* Ouvert */
body.menu-open #og-mobile-panel{ display:block; }

/* Optionnel: empêcher le scroll body quand le menu est ouvert */
body.menu-open { overflow: hidden; }

/* ===== Mobile panel, look "liste simple" ===== */
@media (max-width: 1024px) {
  #og-mobile-panel .og-mobile-nav {
    padding: 12px 0;
  }

  /* Lignes + rythme */
  #og-mobile-panel li.menu-item {
    position: relative;
    border-bottom: 1px solid #eee;
  }
  #og-mobile-panel li.menu-item:last-child {
    border-bottom: 0;
  }

  /* La "ligne" cliquable */
  #og-mobile-panel a.menu-link {
    display: block;
    padding: 16px 16px;
    font-weight: 600;
    color: #222;
  }

  /* Bouton + compact à droite */
  #og-mobile-panel .submenu-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #og-mobile-panel .submenu-toggle::before {
    content: "+";
    font-size: 22px;
    line-height: 1;
  }
  #og-mobile-panel .submenu-toggle[aria-expanded="true"]::before {
    content: "–"; /* tiret moyen */
  }

  /* Contenu déroulé (niveau 1 : mega ; niveau 2 : sous-listes) */
  #og-mobile-panel .sub-menu-container,
  #og-mobile-panel .mega-menu-content {
    padding: 6px 0 8px 14px;
    border-left: 2px solid #f3f3f3;
  }

  /* Flatten du méga en liste verticale */
  #og-mobile-panel .mega-menu-content .row {
    display: block !important;
  }
  #og-mobile-panel .mega-menu-content .ogura-col-5th {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  #og-mobile-panel .mega-menu-content .og-col-image {
    display: none !important;
  }

  /* Titre de colonne (niveau 2) en style "ligne" */
  #og-mobile-panel .mega-menu-content .og-col-title > .menu-link {
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
    font-weight: 700;
  }
  /* Sous-liens (niveau 2 -> items réels) */
  #og-mobile-panel .mega-menu-content .ogura-col-5th > .sub-menu-container {
    padding-left: 12px;
    border-left: 2px solid #f7f7f7;
  }
  #og-mobile-panel .mega-menu-content .sub-menu-container .menu-link {
    padding: 12px 8px;
    font-weight: 500;
  }
}

/* ===== Mobile panel : liste simple ===== */
#og-mobile-panel .og-mobile-nav,
#og-mobile-panel nav,
#og-mobile-panel .og-mobile-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* pleine largeur ; neutralise d’éventuels conteneurs/megamenu */
#og-mobile-panel .container,
#og-mobile-panel .row,
#og-mobile-panel .mega-menu-content,
#og-mobile-panel .mega-menu-content .container,
#og-mobile-panel .mega-menu-content .row,
#og-mobile-panel .mega-menu-column {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* un item = une ligne cliquable */
#og-mobile-panel .menu-item > a.menu-link {
  display: block;
  padding: 18px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: #222;
  font-weight: 600;
}

/* enfants repliés par défaut */
#og-mobile-panel .sub-menu-container,
#og-mobile-panel .mega-menu-content {
  padding-left: 12px;      /* léger retrait visuel */
  border-left: 2px solid #f2f2f2;
}

/* pas d’icône "+" (au cas où) */
#og-mobile-panel .submenu-toggle { display: none !important; }

/* Supprime le liseré focus par défaut, sans sacrifier l’accessibilité */
a:focus { outline: none; }
a:focus-visible {
  outline: 2px solid rgba(10,89,160,.35);
  outline-offset: 2px;
}

/* enlève le flash gris sur mobile */
a, button { -webkit-tap-highlight-color: transparent; }

/* Retrait de base à gauche pour chaque ligne */
#og-mobile-panel .og-mobile-nav .menu-link {
  display:block;
  padding: 18px 20px;         /* 20px = retrait de base */
  /* + tes styles existants (border-bottom, etc.) */
}

/* Enfants : double du retrait */
#og-mobile-panel .og-mobile-nav .sub-menu-container .menu-link {
  padding-left: 40px;         /* 2 × 20px */
}

/* Profondeur 3 (si jamais) : triple */
#og-mobile-panel .og-mobile-nav .sub-menu-container .sub-menu-container .menu-link {
  padding-left: 60px;         /* 3 × 20px */
}

#og-mobile-panel .sub-menu-container.is-collapsed,
#og-mobile-panel .mega-menu-content.is-collapsed {
  display: none !important;
}

/* Parents (niveau 1) */
#og-mobile-panel .og-mobile-nav > .menu-container > li > .menu-link {
  display:block;
  padding: 18px 20px;      /* retrait de base */
}

/* Enfants (niveau 2) : double retrait */
#og-mobile-panel .og-mobile-nav > .menu-container > li > .sub-menu-container .menu-link,
#og-mobile-panel .og-mobile-nav > .menu-container > li > .mega-menu-content .menu-link {
  padding-left: 40px;
}

/* Profondeur 3 : triple retrait */
#og-mobile-panel .og-mobile-nav .sub-menu-container .sub-menu-container .menu-link {
  padding-left: 60px;
}
/* Force le masquage en mobile quand [hidden] est présent */
#og-mobile-panel .og-mobile-nav .sub-menu-container[hidden],
#og-mobile-panel .og-mobile-nav .mega-menu-content[hidden] { display: none !important; }

/* === Mobile scope : rendre visible un mega ouvert, annuler le :hover desktop === */
#og-mobile-panel.og-mobile-scope .mega-menu-content {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;

  /* Le plus important pour ton bug : */
  opacity: 1 !important;
  visibility: visible !important;

  height: auto !important;
  overflow: visible !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Quand on replie, on retombe sur display:none (déjà géré en JS), 
   mais on force aussi l’invisibilité au cas où un style s’oppose. */
#og-mobile-panel.og-mobile-scope .mega-menu-content.is-collapsed {
  opacity: 0 !important;
  visibility: hidden !important;
}
/* === OGURA — Overrides d'affichage pour le panneau mobile ================== */
/* Tout ce qui est "ouvert" (sans [hidden]) doit être visible en mobile        */
#og-mobile-panel .mega-menu-content,
#og-mobile-panel .sub-menu-container {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  transform: none !important;

  /* Neutralise les styles desktop (hover/mega) */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  /* Par défaut on ne force pas display ici : on le gère via [hidden]/:not([hidden]) ci-dessous */
}

/* Fermé = caché (le JS pose [hidden]) */
#og-mobile-panel .mega-menu-content[hidden],
#og-mobile-panel .sub-menu-container[hidden] {
  display: none !important;
}

/* Ouvert = visible (sans [hidden]) */
#og-mobile-panel .mega-menu-content:not([hidden]),
#og-mobile-panel .sub-menu-container:not([hidden]) {
  display: block !important;
}

/* Annule toute mise en page "mega" en mobile (pas de floats/colonnes) */
#og-mobile-panel .og-mobile-nav .menu-container,
#og-mobile-panel .og-mobile-nav .menu-container * {
  float: none !important;
}
#og-mobile-panel .mega-menu-content .row {
  display: block !important;
}

/* Indentation: parents et enfants (tu voulais un retrait sur les parents, et le double pour les enfants) */
:root { --og-mm-pad: 16px; }
#og-mobile-panel .og-mobile-nav > .menu-container > li > a.menu-link {
  display: block;
  padding-left: var(--og-mm-pad) !important;
}
#og-mobile-panel .og-mobile-nav .sub-menu-container > li > a.menu-link {
  display: block;
  padding-left: calc(var(--og-mm-pad) * 2) !important;
}

/* Retire le liseré focus “ABOUT” dans le panneau mobile uniquement */
#og-mobile-panel a.menu-link:focus,
#og-mobile-panel a.menu-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* Curseur main uniquement sur les vrais liens */
#og-mobile-panel .mega-menu-content a.menu-link { cursor: pointer; }

/* Retraits inside mega:
   - niveau 1 (items directement dans la colonne)
   - niveau 2 (enfants des enfants) */
:root { --og-mm-indent: 24px; }

#og-mobile-panel .mega-menu-content .sub-menu-container > li > a.menu-link {
  padding-left: var(--og-mm-indent);
  display: block;
}

#og-mobile-panel .mega-menu-content .sub-menu-container > li > ul.sub-menu-container > li > a.menu-link {
  padding-left: calc(var(--og-mm-indent) * 2);
}
/* --- Indent + curseur (mega -> Products) ---------------------------------- */
:root {
  --og-mm-pad-x: 16px;     /* padding horizontal de base */
  --og-mm-indent: 24px;    /* retrait par niveau */
}

/* 0) Le titre de colonne (ex: INDUSTRIAL) : cliquable + retrait léger */
#og-mobile-panel .mega-menu-content .og-col-title {
  cursor: pointer !important;
}
#og-mobile-panel .mega-menu-content .og-col-title > .menu-link {
  display: block !important;
  padding: 10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
}

/* 1) Enfants directs dans la colonne (niveau 1) */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > a.menu-link {
  display: block !important;
  padding: 10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  cursor: pointer !important;
}

/* 2) Enfants des enfants (niveau 2) */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link {
  display: block !important;
  padding: 10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent) * 2) !important;
  cursor: pointer !important;
}

/* (Filets séparateurs fins, si tu veux la même sensation que l’original) */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > a.menu-link,
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link {
  border-bottom: 1px solid #e6e6e6;
}

/* Sélecteurs de secours au cas où un style global enlève le curseur/padding */
#og-mobile-panel .mega-menu-content a.menu-link {
  cursor: pointer !important;
}
/* Retraits par niveaux dans le mega mobile */
:root{
  --og-mm-pad-x:16px;
  --og-mm-indent:24px;  /* base */
}

/* Niveau 1 (colonne) – déjà posé, je le répète pour contexte */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 2 */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)*2) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 3 — plus marqué comme demandé */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)*3.2) !important; /* 3.2 pour un léger bonus */
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Filet discret aussi sur le titre-colonne cliquable */
#og-mobile-panel .mega-menu-content .og-col-title > .menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Sécurité: garder la main sur TOUS les liens du mega */
#og-mobile-panel .mega-menu-content a.menu-link{ cursor:pointer !important; }

/* Retraits par niveaux dans le mega mobile */
:root{
  --og-mm-pad-x:16px;
  --og-mm-indent:24px;  /* base */
}

/* Niveau 1 (colonne) – déjà posé, je le répète pour contexte */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 2 */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)*2) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 3 — plus marqué comme demandé */
#og-mobile-panel .mega-menu-content .og-col-title > ul.sub-menu-container > li > ul.sub-menu-container > li > ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)*3.2) !important; /* 3.2 pour un léger bonus */
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Filet discret aussi sur le titre-colonne cliquable */
#og-mobile-panel .mega-menu-content .og-col-title > .menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x) 10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  cursor:pointer !important;
  border-bottom:1px solid #e6e6e6;
}

/* Sécurité: garder la main sur TOUS les liens du mega */
#og-mobile-panel .mega-menu-content a.menu-link{ cursor:pointer !important; }

/* === Indents dans le mega mobile (Products) =============================== */
:root{
  --og-mm-pad-x: 16px;   /* padding horizontal de base */
  --og-mm-indent: 24px;  /* marche d'indent par niveau */
}

/* Niveau 1 (dans une colonne) */
#og-mobile-panel .mega-menu-content
  ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x)
          10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 2 */
#og-mobile-panel .mega-menu-content
  ul.sub-menu-container ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding-left: calc(var(--og-mm-pad-x) + var(--og-mm-indent)*2) !important;
  border-bottom:1px solid #e6e6e6;
}

/* Niveau 3 (plus marqué) */
#og-mobile-panel .mega-menu-content
  ul.sub-menu-container ul.sub-menu-container ul.sub-menu-container > li > a.menu-link{
  display:block !important;
  padding-left: calc(var(--og-mm-pad-x) + var(--og-mm-indent)*3.2) !important;
  border-bottom:1px solid #e6e6e6;
}

/* Titre de colonne cliquable (span.menu-link) — pour garder un alignement propre */
#og-mobile-panel .mega-menu-content .og-col-title > .menu-link{
  display:block !important;
  padding:10px var(--og-mm-pad-x)
          10px calc(var(--og-mm-pad-x) + var(--og-mm-indent)) !important;
  border-bottom:1px solid #e6e6e6;
}
/* Secours: forcer l'ouverture du niveau 3 dans le panneau mobile */
#og-mobile-panel .og-mobile-nav .mega-menu-content .ogura-col-5th > li.og-col-title > ul.sub-menu-container.is-open {
  display: block !important;
}
/* Garde-fou: quand on pose .is-open, on affiche */
#og-mobile-panel .og-mobile-nav .mega-menu-content
  .ogura-col-5th > li.og-col-title > ul.sub-menu-container.is-open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}