/* =============================================================================
   APF mmenu — styles principaux
   Dépend de mmenu-light.min.css (chargé en amont via wp_enqueue_style)
   ============================================================================= */

/* ─── Variables ─────────────────────────────────────────────────────────────── */
:root {
  --mmenu-bg: #1a2e45;
  --mmenu-bg-hover: #243d5a;
  --mmenu-text: #ffffff;
  --mmenu-text-muted: rgba(255, 255, 255, 0.6);
  --mmenu-border: rgba(255, 255, 255, 0.1);
  --mmenu-accent: #e74a37;
  --mmenu-accent-hover: #c73c2c;
  --mmenu-header-height: 54px;
  --mmenu-footer-height: auto;
  --ps-width: 600px;
  --ps-bg: #ffffff;
  --ps-header-bg: #1a2e45;
  --ps-card-border: #e8e8e8;
}

/* ─── Verrouillage du scroll body (mobile uniquement) ───────────────────────── */
@media (max-width: 1023px) {
  body.mmenu-is-open {
    overflow: hidden;
    touch-action: none;
  }
}

/* ─── Wrapper invisible — empêche les éléments mmenu d'affecter le layout ──── */
#apf-mmenu-raw {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ─── Thème sombre sur le panel mmenu ───────────────────────────────────────── */
.mm-ocd__content {
  background: var(--mmenu-bg) !important;
  display: flex;
  flex-direction: column;
}

.mm-spn a,
.mm-spn span {
  color: var(--mmenu-text) !important;
}

.mm-spn li::after {
  border-color: var(--mmenu-border) !important;
}

/* Masquer le chevron (::before) pour les items sans sous-panel.
   mmenu-light l'ajoute sur tous les <li> ; on le cache pour les feuilles. */
.mm-spn li:not(:has(> ul))::before {
  display: none !important;
}

.mm-btn {
  color: var(--mmenu-text) !important;
}

/* ─── Blocs de section (créés automatiquement par JS autour de chaque groupe) ── */
/*
 * Chaque bloc correspond à une section délimitée par un li.mm-label.
 * Tu peux cibler :
 *   .mm-section-block               → tous les blocs
 *   .mm-section-block[data-section="1"]  → bloc 1 uniquement
 *   .mm-section-block[data-section="2"]  → bloc 2 uniquement
 *   .mm-section-block[data-section="3"]  → bloc 3 uniquement
 *
 * Exemples utiles :
 *   padding, margin, background, border, border-radius, gap...
 */
.mm-section-block {
  display: block;
}

/* ─── Labels de section (`mm-label` à ajouter dans l'admin WP) ──────────────── */
li.mm-label {
  pointer-events: none;
  cursor: default;
}
li.mm-label::before {
  display: none !important;
}
li.mm-label > a {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding-top: 15px !important;
  padding-bottom: 4px !important;
  pointer-events: none;
  cursor: default;
}

/* ─── Header du menu ─────────────────────────────────────────────────────────── */
#mmenu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: var(--mmenu-header-height);
  flex-shrink: 0;
  border-bottom: 1px solid var(--mmenu-border);
  background: var(--mmenu-bg);
}

.mmenu-logo a,
.mmenu-logo img {
  display: block;
  max-height: 42px;
  width: auto;
}

.mmenu-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mmenu-espace-pro-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border: 1px solid var(--mmenu-accent);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  color: var(--mmenu-text) !important;
  text-decoration: none;
  transition:
    background 0.25s ease,
    color 0.25s ease;
  white-space: nowrap;
}

.mmenu-espace-pro-btn:hover {
  background: var(--mmenu-accent);
  color: #fff !important;
}

.mmenu-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  color: var(--mmenu-text);
  border-radius: 4px;
  transition: background 0.2s ease;
  line-height: 1;
}

.mmenu-close-btn:hover {
  background: var(--mmenu-bg-hover);
}

/* ─── Zone de navigation ─────────────────────────────────────────────────────── */
.mm-ocd__content .mm-spn {
  flex: 1;
  /* overflow géré par les ul en position:fixed internes — ne pas mettre overflow-y:auto ici */
  overflow: hidden;
}

/* ─── Items de menu : icône + titre (+ description optionnelle) ─────────────── */
.mm-spn a {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.menu-item-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Wrapper titre + sous-titre (items avec description ou product triggers) */
.menu-item-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}

.menu-item-title {
  flex: 1;
}

.menu-item-description {
  display: block;
  font-size: 10px;
  font-weight: 400;
  color: var(--mmenu-text-muted) !important;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.2;
}

/* ─── Séparateur de section (`mm-divider` dans l'admin) ─────────────────────── */
li.mm-divider > a {
  display: none !important;
}

li.mm-divider {
  height: 1px;
  background: var(--mmenu-border);
  margin: 8px 0;
  pointer-events: none;
  padding: 0 !important;
}

/* ─── Product trigger items (Liner, PVC Armée, etc.) ────────────────────────── */
li.mm-products-trigger {
  position: relative;
}

li.mm-products-trigger::before {
  display: none !important;
}

li.mm-products-trigger > a {
  width: calc(100% - 60px) !important;
}

/* Bouton "+" */
.mm-products-open {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer;
  z-index: 3;
  padding: 0 !important;
  margin: 0 !important;
  transition:
    background 0.2s ease,
    transform 0.2s ease !important;
  box-sizing: border-box !important;
  user-select: none;
}

.mm-products-open:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}

/* État actif : "+" tourne en "×" */
li.mm-products-trigger.ps-active > .mm-products-open {
  transform: translateY(-50%) rotate(45deg) !important;
}

/* ─── Produits : sous-menu mobile ───────────────────────────────────────────── */
.mm-products-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mm-product-item {
  border-bottom: 1px solid var(--mmenu-border);
}

.mm-product-link {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  text-decoration: none;
  color: var(--mmenu-text) !important;
  transition: background 0.2s ease;
}

.mm-product-link:hover {
  background: var(--mmenu-bg-hover);
}

.mm-product-thumb {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.mm-product-title {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
}

.mm-product-discover {
  font-size: 12px;
  color: var(--mmenu-text-muted);
  flex-shrink: 0;
}

/* ─── Footer du menu ─────────────────────────────────────────────────────────── */
#mmenu-footer {
  flex-shrink: 0;
  border-top: 1px solid var(--mmenu-border);
  padding: 2px 0;
  background: var(--mmenu-bg);
}

@media all and (max-width: 1024px) {
  #mmenu-footer {
    padding: 20px 0 !important;
  }
}

@media all and (max-width: 767px) {
  #mmenu-footer {
    padding: 30px 0 !important;
  }
}

#mmenu-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mmenu-footer li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
  color: var(--mmenu-text) !important;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s ease;
}

#mmenu-footer li a:hover {
  background: var(--mmenu-bg-hover);
}

#mmenu-footer .mmenu-footer-btn > a {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--mmenu-border);
  color: var(--mmenu-accent) !important;
  font-weight: 600;
}

/* ─── Burger bouton ──────────────────────────────────────────────────────────── */
#my-button.mmenu-burger {
  visibility: visible !important;
  pointer-events: auto !important;
}

.mmenu-burger {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 10000;
  line-height: 1;
}

@media (min-width: 767px) {
  .mmenu-burger {
    top: 20px;
  }
}
@media (max-width: 767px) {
  .mmenu-burger {
    padding: 6px 0px !important;
  }
}

mmenu-burger:focus {
  background: none !important;
}

.mmenu-burger__bars {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 26px;
}

.mmenu-burger__bar {
  display: block;
  width: 26px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  transform-origin: center;
}

.mmenu-burger__label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: currentColor;
  transition: opacity 0.2s ease;
}

.mmenu-burger.is-open .mmenu-burger__bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.mmenu-burger.is-open .mmenu-burger__bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.mmenu-burger.is-open .mmenu-burger__bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.mmenu-burger.is-open .mmenu-burger__label {
  opacity: 0;
}

/* ─── Sidebar produits — Desktop ≥ 1024px ───────────────────────────────────── */
#product-sidebar {
  position: fixed;
  top: 0;
  left: var(--mm-ocd-max-width, 440px);
  height: 100vh;
  width: var(--ps-width);
  background: var(--ps-bg);
  z-index: 10000;
  overflow-y: auto;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
  clip-path: inset(0 100% 0 0);
  pointer-events: none;
  transition: clip-path 0.28s ease;
  display: none;
}

#product-sidebar.is-open {
  clip-path: inset(0 0% 0 0);
  pointer-events: auto;
}

/* ─── Header de la sidebar produits ─────────────────────────────────────────── */
.ps-header {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 48px;
  background: #f4f6f9;
  border-bottom: 1px solid var(--ps-card-border);
  position: sticky;
  top: 0;
  z-index: 1;
}

.ps-breadcrumb {
  display: flex;
  align-items: center;
  font-family: var(--e-global-typography-19e0775-font-family), Sans-serif;
  gap: 6px;
}

.ps-cat-name {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #1a2e45;
}

.ps-sep {
  font-size: 11px;
  color: #999;
}

.ps-sub {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #999;
}

/* ─── Grille 2 colonnes ──────────────────────────────────────────────────────── */
.ps-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--ps-card-border);
}

.ps-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: background 0.2s ease;
  border: solid 1px #dfdfdf;
}

.ps-card:hover {
  background: #f5f8fb;
}

.ps-card-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.ps-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ps-card-body {
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ps-card-title {
  font-size: 15px;
  font-weight: 600;
  color: #1a2e45;
  line-height: 1.3;
}

.ps-card-discover {
  font-size: 13px;
  color: #2d72c8;
}

/* ─── Lien "Découvrir toutes les gammes" ─────────────────────────────────────── */
.ps-discover-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-top: 1px solid var(--ps-card-border);
  text-decoration: none;
  color: #838383 !important;
  font-size: 12px;
  font-weight: 400;
  transition: background 0.2s ease;
  font-family: var(--e-global-typography-19e0775-font-family), Sans-serif;
}

.ps-discover-all:hover {
  background: #f4f4f4;
  color: #004f8b !important;
}

/* ─── Masquer l'overlay du 1er panel quand la sidebar produits est ouverte ───── */
.mm-ocd.ps-sidebar-open .mm-ocd__backdrop {
  opacity: 0 !important;
  transition: opacity 0.28s ease !important;
}

/* ─── Responsive ─────────────────────────────────────────────────────────────── */
@media (min-width: 1024px) {
  #product-sidebar {
    display: block;
  }
}

.mm-spn.mm-spn--light {
  background: white !important;
}

span.menu-item-title {
  color: #606262 !important;
  font-family: var(--e-global-typography-19e0775-font-family), Sans-serif;
  font-size: 12px !important;
  line-height: 1.1rem;
  text-transform: uppercase;
  padding: 0 10px;
}

span.menu-item-title:hover {
  color: #004f8b !important;
}

@media all and (max-width: 767px) {
  span.menu-item-title {
    font-size: 13px !important;
    line-height: 1.1rem;
  }
}

div#mmenu-header {
  background: white;
}

.mm-ocd__content .mmenu-logo a,
.mm-ocd__content .mmenu-logo img {
  width: 120px;
}

.mmenu-espace-pro-btn {
  color: #606262 !important;
}

.mmenu-close-btn {
  background: #004f8b;
  border-radius: 50%;
}

span.menu-item-description {
  color: #929292 !important;
  font-family: var(--e-global-typography-19e0775-font-family), Sans-serif;
  font-weight: 400;
  padding: 0 20px;
  margin-top: 2px;
}

span.menu-item-content {
  padding: 0px !important;
}

span.mm-products-open {
  background: #f4f4f4 !important;
}

span.mm-products-open span,
.mm-products-open__icon {
  color: #7c7c7c !important;
  pointer-events: none;
  line-height: 1;
  display: block;
  /* Compenser l'asymétrie visuelle du "+" sans margin-top inline
     (margin-top cassait l'alignement sur Android) */
  padding-bottom: 2px;
}

.mm-ocd li.mm-label.menu-item.menu-item-type-custom.menu-item-object-custom span {
  color: #004f8b !important;
  font-family: 'Blair ITC', sans-serif !important;
  font-weight: 400;
  padding: 0px 10px;
}

@media all and (max-width: 767px) {
  .mm-ocd li.mm-label.menu-item.menu-item-type-custom.menu-item-object-custom span {
    font-weight: 600 !important;
  }
}

span.menu-item-title {
  padding-left: 20px;
}

.mm-spn ul {
  background: white !important;
}

span.mmenu-burger__label {
  color: #004f8b !important;
}

.mmenu-burger__bar {
  background: #004f8b !important;
}

button#my-button:hover {
  background: transparent !important;
}

.mm-ocd li.menu-item.menu-item-type-post_type.menu-item-object-page.mm-products-trigger {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 5px !important;
}
.mm-ocd li.menu-item.menu-item-type-post_type.menu-item-object-page.mm-products-trigger a {
  padding: 10px;
}

.mm-ocd--open li.menu-item.menu-item-type-post_type.menu-item-object-page.mm-products-trigger:hover {
  background: #f4f4f4;
}

.mm-ocd li.menu-item.menu-item-type-post_type.menu-item-object-page.mm-products-trigger:hover span.mm-products-open {
  background: #004f8b !important;
}

.mm-ocd
  li.menu-item.menu-item-type-post_type.menu-item-object-page.mm-products-trigger:hover
  span.mm-products-open
  span {
  color: white !important;
}

.mm-ocd li.menu-item.menu-item-type-post_type.menu-item-object-page {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 4px !important;
}

.mm-ocd li.menu-item.menu-item-type-post_type.menu-item-object-page a {
  padding: 8px 0px;
}

li.btn-cta.menu-item.menu-item-type-post_type.menu-item-object-page {
  margin-top: 8px !important;
}

.mm-ocd--open li.menu-item.menu-item-type-post_type.menu-item-object-page:hover {
  background: #f4f4f4;
}

.mm-ocd li.menu-item:hover::before {
  opacity: 1;
  z-index: 2;
}

.mm-ocd ul#menu-mmenu-1 {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}

.mm-spn ul:after {
  display: none;
}

.mm-spn li:before {
  top: 17px !important;
  width: 8px !important;
  height: 8px !important;
}

ul.mm-spn--open {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mmenu-footer .menu-item-description {
  color: #929292 !important;
}

ul.mm-spn--open li span {
  padding: 0 !important;
}

ul.mm-spn--open li a {
  padding-left: 20px !important;
}

/* Tous les items du panel ouvert (pas seulement ul > li : les blocs section
   utilisent ul > .mm-section-block > li, sinon le ::before reste z-index:0 et
   passe derrière le lien mmenu z-index:1 — chevron invisible sauf .current-menu-item). */
ul.mm-spn--open li.menu-item::before {
  z-index: 0;
}

@media all and (max-width: 1024px) {
  ul.mm-spn--open {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

@media all and (max-width: 767px) {
  ul.mm-spn--open {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

a.ps-discover-all {
  position: sticky;
  bottom: 0;
  background: white;
}

.ps-grid {
  row-gap: 15px;
  column-gap: 15px;
}

.ps-grid {
  padding: 10px;
}

.ps-card-img {
  padding: 10px;
  overflow: hidden;
}

.ps-card-img img {
  border-radius: 8px;
}

a.ps-card {
  border-radius: 10px;
}

span.ps-card-title {
  color: #000 !important;
  font-family: 'montserrat';
  font-weight: 600;
}

.ps-card-body {
  padding-top: 4px !important;
  gap: 1px;
}

span.ps-card-discover {
  color: #4b4b4b !important;
  font-family: 'Montserrat';
  font-weight: 400;
}

div#product-sidebar-inner,
.ps-grid {
  min-height: 100%;
}

a.ps-card {
  max-height: 195px;
}

#mmenu-footer {
  background: white !important;
}

#mmenu-footer li a:hover {
  background: transparent;
}

button#mmenu-close-btn:focus {
  background: #004f8b !important;
}

div#mmenu-footer .menu-item-title,
div#mmenu-footer .menu-item-description {
  padding: 0 !important;
}

div#mmenu-footer .span.menu-item-title {
  line-height: 1rem !important;
}

div#mmenu-footer {
  padding-bottom: 20px;
  border-top: none !important;
}

.mm-ocd__content {
  background: white !important;
}

.mm-ocd li.btn-cta.menu-item.menu-item-type-post_type.menu-item-object-page {
  margin-top: 10px;
  border-top: 1px solid #d7d7d7;
  border-radius: 0px;
  padding-top: 16px;
}

.mm-ocd li.btn-cta.menu-item.menu-item-type-post_type.menu-item-object-page a {
  border: 2px solid var(--e-global-color-accent);
  border-radius: 50px;
  width: fit-content;
  font-size: 14px !important;
  padding: 7px 25px !important;
}

.mm-ocd li.btn-cta.menu-item.menu-item-type-post_type.menu-item-object-page a span {
  font-size: 11px !important;
  margin-bottom: -2px !important;
}

.mm-ocd [data-section='2'] {
  margin-top: 18px;
}

@media all and (max-width: 767px) {
  .mm-ocd [data-section='2'] {
    margin-top: 25px;
  }
}

div#product-sidebar-inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.ps-grid {
  flex: 2;
}

@media all and (max-width: 1024px) {
  li.mm-product-item a {
    padding: 10px 30px !important;
  }

  li.mm-product-item a:hover {
    background: transparent;
  }

  li.mm-product-item span {
    color: #606262 !important;
    font-family: 'Montserrat';
    font-weight: 600;
  }
  span.mm-product-discover {
    font-weight: 500 !important;
  }
}

.mm-ocd li.btn-cta.menu-item.menu-item-type-post_type.menu-item-object-page:hover {
  background: none;
}

#my-menu .current-menu-item::before {
  z-index: 0;
}

.mm-ocd li.menu-item.menu-item-type-taxonomy.menu-item-object-categorie-de-produits.mm-products-trigger {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}

.ps-grid-wrapper {
  flex: 2;
  background: var(--ps-card-border);
}

/* ─── Panel parent : masquer quand un sous-panel est ouvert ─────────────────── */
/* Supprime l'effet "peek-through" (parent visible à -30% derrière le sous-panel) */
:root {
  --mm-spn-panel-offset: 0px;
}

/* .mm-spn ul.mm-spn--parent {
  opacity: 0;
  pointer-events: none;
  overflow: hidden !important;
} */

/* ─── Header et footer toujours au-dessus des sous-panels (z-index: 2) ──────── */
#mmenu-header {
  position: relative;
  z-index: 5;
}

/* ─── Gradient de défilement (bas de la zone scrollable) ────────────────────── */
#mmenu-footer {
  position: relative;
  z-index: 5;
}

#mmenu-footer::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 56px;
  background: linear-gradient(to bottom, transparent, #fff);
  pointer-events: none;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.mm-ocd__content.is-scroll-end #mmenu-footer::before {
  opacity: 0;
}

@media all and (max-width: 1024px) {
  #mmenu-footer::before {
    height: 100px;
  }
}

/* ─── Items actifs (page courante + ancêtres) ────────────────────────────────── */

/* Page exacte — fond coloré + texte bleu */
#my-menu li.current-menu-item {
  background: #eef4fb !important;
}

#my-menu li.current-menu-item.mm-label {
  background: none !important;
}

#my-menu li.current-menu-item > a .menu-item-title {
  color: #004f8b !important;
  font-weight: 700 !important;
}

/* Indicateur visuel : barre bleue à gauche */
#my-menu li.current-menu-item {
  position: relative;
}

/* Ancêtre / parent de la page courante — indication plus subtile */
#my-menu li.current-menu-ancestor > a .menu-item-title,
#my-menu li.current-menu-parent > a .menu-item-title {
  color: #004f8b !important;
  font-weight: 600 !important;
}

/* S'assurer que ::before (chevron mmenu) reste visible sur les items actifs */

.btn-cta a:hover {
  background: var(--e-global-color-accent) !important;
}

.btn-cta a:hover span {
  color: white !important;
}

.ps-active span.mm-products-open {
  background: var(--e-global-color-secondary) !important;
}

.ps-active span.mm-products-open span,
.ps-active .mm-products-open__icon {
  color: white !important;
}

/* ─── Navbar mmenu : titre réduit au minimum ─────────────────────────────────── */
:root {
  --mm-navbar-height: 26px;
}

/* Titre du panel (::after) : compact */
.mm-spn.mm-spn--navbar::after {
  height: var(--mm-navbar-height) !important;
  line-height: var(--mm-navbar-height) !important;
  font-size: 9px !important;
  opacity: 0.5 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Panel principal : contenu dès le bas de la navbar réduite */
.mm-spn.mm-spn--navbar.mm-spn--main ul {
  top: var(--mm-navbar-height) !important;
}

/* Sous-panels : ajuster le top + recentrer la flèche retour */
.mm-spn.mm-spn--navbar:not(.mm-spn--main) ul {
  top: calc(var(--mm-navbar-height) + 1px) !important;
}
.mm-spn.mm-spn--navbar:not(.mm-spn--main)::before {
  top: calc(var(--mm-navbar-height) / 2 - 3px) !important;
}

/* Masquer le séparateur horizontal sous la navbar */
.mm-spn.mm-spn--navbar ul::before {
  display: none !important;
}

.mm-ocd li.menu-item.menu-item-type-post_type_archive.menu-item-object-offre-demploi {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 5px !important;
}

.mm-ocd li.menu-item.menu-item-type-post_type_archive.menu-item-object-offre-demploi a {
  padding: 5px 0px;
}

.mm-ocd li.menu-item.menu-item-type-post_type_archive.menu-item-object-offre-demploi:hover {
  background: #f4f4f4;
}

.mm-ocd li.menu-item.menu-item-type-post_type_archive.menu-item-object-offre-demploi:hover span.mm-products-open {
  background: #004f8b !important;
}

@media all and (max-width: 767px) {
  li.mm-product-item::before {
    display: none;
  }
}