/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Version: 1.0
*/

/* =========================
   HEADER
   ========================= */
.wp-block-template-part[slug="header"] {
  background-color:#111111;
  color:#ffffff;
}
.wp-block-template-part[slug="header"] a {
  color:#ffffff;
}
.wp-block-template-part[slug="header"] a:hover {
  color:#ffcc00;
}

/* =========================
   FOOTER
   ========================= */
.wp-block-template-part[slug="footer"] {
  background-color:#f4f4f4;
  color:#333333;
}
.wp-block-template-part[slug="footer"] a {
  color:#333333;
}
.wp-block-template-part[slug="footer"] a:hover {
  color:#b71c1c;
}

/* =========================
   MENU PRINCIPAL
   ========================= */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color:#ffffff !important; /* texte blanc */
}
.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color:#ffcc00 !important; /* survol jaune */
}

/* =========================
   TITRE DU SITE
   ========================= */
.wp-site-title a {
  color:white !important;
}

/* =========================
   TEXTE GLOBAL EN BLANC
   ========================= */
body,
.wp-site-title a,
.wp-block-navigation a,
.wp-block-navigation-item__content,
.wp-block-template-part,
.wp-block-post-content,
h1, h2, h3, h4, h5, h6,
p, li {
  color:#ffffff !important;
}
/* SOUS-MENUS — forcer les variables Gutenberg + couleurs */
.wp-block-navigation__submenu-container {
  --wp--preset--color--base:#333333 !important;      /* fond gris foncé */
  --wp--preset--color--contrast:#ffffff !important;  /* texte blanc */
  background:#333333 !important;
  color:#ffffff !important;
}
.wp-block-navigation__submenu-container a { color:#ffffff !important; }
.wp-block-navigation__submenu-container a:hover { color:#ffcc00 !important; }

/* MENU MOBILE (overlay) — même principe */
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog{
  --wp--preset--color--base:#111111 !important;      /* fond sombre */
  --wp--preset--color--contrast:#ffffff !important;  /* texte blanc */
  background:#111111 !important;
  color:#ffffff !important;
}
.wp-block-navigation__responsive-container a { color:#ffffff !important; }
.wp-block-navigation__responsive-container a:hover { color:#ffcc00 !important; }
@media (max-width:782px){
  /* Le panneau couvre tout l'écran */
  .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed !important;
    inset:0 !important; /* top/right/bottom/left = 0 */
    background:#0a0a0a !important;
    z-index:9999 !important;
  }
  /* Le dialogue prend 100% de largeur/hauteur, sans coins arrondis */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-dialog{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    padding:24px env(safe-area-inset-right) 24px env(safe-area-inset-left) !important; /* marche + safe area */
  }
  /* Marge interne supplémentaire autour des liens */
  .wp-block-navigation__responsive-container-content{
    padding:8px 16px !important;
  }
  /* Espacement vertical entre les items */
  .wp-block-navigation__container{
    row-gap:14px !important;
  }
}
@media (max-width:782px){
  /* On force le conteneur du menu en colonne propre */
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* ou center si tu veux centrer */
    row-gap: 16px !important; /* espace régulier entre chaque item */
    padding: 0 !important;
    margin: 0 !important;
  }

  /* On s’assure que chaque lien prend toute la largeur et est bien aligné */
  .wp-block-navigation__container a {
    display: block !important;
    width: 100% !important;
    text-align: left !important; /* ou center si tu veux centrer */
  }

  /* Sous-menus : on enlève l'indentation trop forte */
  .wp-block-navigation__submenu-container {
    margin-left: 0 !important;
    padding-left: 12px !important; /* un petit décalage propre */
  }
}