/* Fix À propos - mobile nav */
body .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  height: auto !important;
}

body .wp-block-navigation__responsive-container-content .wp-block-navigation__container > li,
body .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item {
  margin-top: 0 !important;
}

body .wp-block-navigation__responsive-container-content .wp-block-spacer {
  display: none !important;
  height: 0 !important;
}
.nav-loupe .wp-block-navigation-item__label {
    font-size: 0 !important;
    line-height: 0;
}
.nav-loupe .wp-block-navigation-item__label::before {
    content: "⌕";
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
}
/* ===== ICÔNES DEVANT LES LIENS DU MENU ===== */

/* Blog ✍️ */
a[href="https://mariamercantiguerin.com/blog/"] .wp-block-navigation-item__label::before {
    content: "✍️ ";
}

/* Recherche en gestion et IA 🔬 */
a[href="https://mariamercantiguerin.com/rechercheengestionetia-maria-mercanti-guerin/"] .wp-block-navigation-item__label::before {
    content: "🔬 ";
}

/* IA à l'université 🎓 */
a[href="https://mariamercantiguerin.com/ia-recherche-pedagogie/"] .wp-block-navigation-item__label::before {
    content: "🎓 ";
}

/* Marketing Digital 📊 */
a[href="https://mariamercantiguerin.com/marketing-digital-cours-en-acces-libre/"] .wp-block-navigation-item__label::before {
    content: "📊 ";
}

/* Outils pédagogiques et recherche 🛠️ */
a[href="https://mariamercantiguerin.com/outils-pedagogiques-recherche/"] .wp-block-navigation-item__label::before {
    content: "🛠️ ";
}

/* CV 📄 */
a[href="https://mariamercantiguerin.com/cv-de-maria-mercanti-guerin/"] .wp-block-navigation-item__label::before {
    content: "📄 ";
}

/* Mes actualités 📣 */
a[href="https://mariamercantiguerin.com/medias/"] .wp-block-navigation-item__label::before {
    content: "📣 ";
}

/* Livre d'or ⭐ */
a[href="https://mariamercantiguerin.com/livre-dor/"] .wp-block-navigation-item__label::before {
    content: "⭐ ";
}

/* Espace étudiants 🎒 */
a[href="https://mariamercantiguerin.com/ressources/"] .wp-block-navigation-item__label::before {
    content: "🎒 ";
}
/* /* /* ============================================
   TABLEAUX — Desktop : rendu normal
   ============================================ */

figure.wp-block-table,
.wp-block-table {
  max-width: 100%;
  margin: 1.5em 0;
}

figure.wp-block-table table,
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

figure.wp-block-table td,
figure.wp-block-table th,
.wp-block-table td,
.wp-block-table th {
  padding: 0.6em 0.8em;
  vertical-align: top;
  line-height: 1.4;
}

/* ============================================
   TABLEAUX — Mobile < 768px : mode carte empilée
   ============================================ */

@media (max-width: 767px) {

  /* Masque les en-têtes de colonnes */
  figure.wp-block-table thead,
  .wp-block-table thead {
    display: none !important;
  }

  /* La table devient une suite de blocs verticaux */
  figure.wp-block-table,
  .wp-block-table,
  figure.wp-block-table table,
  .wp-block-table table,
  figure.wp-block-table tbody,
  .wp-block-table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* Chaque ligne devient une carte */
  figure.wp-block-table tr,
  .wp-block-table tr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 1em 0 !important;
    padding: 0.9em 1em !important;
    background: #fafafa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    color: #1a1a1a !important;
  }

  figure.wp-block-table tr *,
  .wp-block-table tr * {
    color: #1a1a1a !important;
  }

  /* Cellules empilées verticalement */
  figure.wp-block-table td,
  .wp-block-table td {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0.4em 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #1a1a1a !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Première cellule = titre de la carte (gras, plus grand) */
  figure.wp-block-table td:first-child,
  .wp-block-table td:first-child {
    font-weight: 700 !important;
    font-size: 1.02rem !important;
    padding: 0 0 0.6em 0 !important;
    margin: 0 0 0.5em 0 !important;
    border-bottom: 1px solid #c8c8c8 !important;
    color: #1a1a1a !important;
  }
}

/* ============================================
   IMAGES RESPONSIVE
   ============================================ */

.entry-content img,
.wp-block-image img,
article img,
.wp-block-post-content img {
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .wp-block-image,
  .wp-block-gallery .wp-block-image {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ============================================
   CONTENU GLOBAL
   ============================================ */

.entry-content,
.wp-block-post-content,
article .wp-block-group {
  max-width: 100%;
  overflow-x: hidden;
}

.wp-block-code,
pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}============================================
   CONTENU GLOBAL — empêche tout débordement
   ============================================ */

.entry-content,
.wp-block-post-content,
article .wp-block-group {
  max-width: 100%;
  overflow-x: hidden;
}

/* Blocs de code qui débordent */
.wp-block-code,
pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* ============================================
   CONTENU GLOBAL — empêche tout débordement
   ============================================ */
.entry-content,
.wp-block-post-content,
article .wp-block-group {
  max-width: 100%;
  overflow-x: hidden;
}

/* Blocs de code qui débordent (article Emma contient un bloc prompt) */
.wp-block-code,
pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}