/*
Theme Name: Thème Force-mailing
Theme URI: 
Author: Marc Saffar
Author URI: 
Description: Un thème FSE fait sur mesure pour le site de Force-mailing
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-force-mailing
Tags: 
*/



.bleu {
    color: blue;
}

/*début code chat gpt pour menu mobile*/
/* =========================================================
   Mobile overlay navigation: accordéon + flèche contrôlable
   ========================================================= */

   @media (max-width: 782px) {

    /* 1) Par défaut, en overlay mobile, masquer tous les sous-menus */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container {
      display: none;
    }
  
    /* 2) Afficher uniquement le sous-menu du parent "ouvert" */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item.is-open > .wp-block-navigation__submenu-container {
      display: block;
    }
  
    /* 3) Mettre les items parents en flex pour pousser la flèche à droite */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item.has-child {
      display: flex;
      align-items: center;
    }
  
    /* 4) Le label (lien/texte) prend toute la largeur dispo */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item.has-child > a,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
      flex: 1;
      min-width: 0;
    }
  
    /* 5) Bouton toggle — c'est ici que tu contrôles forme/taille/couleur */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-toggle {
      /* reset apparence native (évite "puce" / rendu bizarre) */
      appearance: none;
      -webkit-appearance: none;
  
      display: inline-flex;
      align-items: center;
      justify-content: center;
  
      /* zone cliquable (taille du bouton) */
      width: 1.5rem;
      height: 1.5rem;
  
      padding: 0;
      margin-left: .25rem;
  
      /* Forme : rond (999px). Mets 8px pour un carré arrondi, 0 pour carré */
      border-radius: 999px;
  
      /* Contour / fond */
      border: 0/*1px solid currentColor*/;
      background: transparent;
  
      /* Couleur de la flèche + du contour (currentColor) */
      color: var(--wp--preset--color--white);
  
      cursor: pointer;
      line-height: 1;
    }
  
    /* 6) Taille de la flèche (SVG) */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-icon {
      width: 1.5rem;
      height: 1.5rem;
      transition: transform .2s ease;
    }
  
    /* 7) Animation : rotation de la flèche quand ouvert */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item.is-open > .wp-nav-submenu-toggle .wp-nav-submenu-icon {
      transform: rotate(180deg);
    }
  
    /* 8) Focus clavier propre */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-toggle:focus {
      outline: none;
    }
  
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-toggle:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
  
    /* 9) Optionnel : feedback hover/active (tu peux supprimer si tu veux) */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-toggle:hover {
      opacity: 0.85;
    }
  
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-nav-submenu-toggle:active {
      transform: scale(0.98);
    }
  }
  
/*fin code chat gpt pour menu mobile*/
/*mon code pour styler la flèche menu avec sous-menu et surcharger les styles que je vois en inline dans l'inspecteur*/
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
    margin-left: -0.3em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    height: 0.85em;
    width: 0.85em;
    margin-top: -0.3px;
}
/*fin mon code pour flèche sous-menu*/

/*pour espacer le sous menu du menu parent en desktop*/
@media  (min-width: 601px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  margin-top: 10px;
}
}

/*réduit la taille du texte des sous-menus*/
.sous-menu, .sous-menu-dernier {
  font-size: 0.70rem !important;
}

/*ajoute de l'espace sous les sous-menus sur mobile*/
@media (max-width: 600px) {
  .sous-menu {
    margin-bottom: 15px;
  }
}
/*rendre le menu présentation sticky en desktop*/
@media  (min-width: 601px) {
.menu-presentation {
  position:sticky;
  top:150px;
}
}


/*le menu hamburger apparait sous 600px*/

/*pour réduire le padding top du sous-menu sur mobile*/
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  padding-top: 10px;
}

.wp-block-navigation__submenu-container .has-background .has-custom-bleu-fm-background-color .wp-block-navigation-submenu > li {
margin-bottom: 20px !important;
}