/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2025 | 23:39:31 */
/*****************************************************
 * MENU PRINCIPAL – STRUCTURE DE BASE
 *****************************************************/

/* Ancienne règle commentée
.wp-block-navigation__responsive-container {
    padding-bottom: 20px;
    border-bottom: 0.2px solid #fff;
}
*/

.wp-block-navigation__responsive-container {
  margin-bottom: 20px;
}

.wp-block-navigation ul li {
  font-size: 1rem;
  font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif;
}


/* hauteur banniere */


.banniere {
	min-height: 350px;
	
	}

/*****************************************************
 * LIEN "ACCUEIL" AVEC ICÔNE
 *****************************************************/

.svg-home-link {
  display: inline-flex;              /* centre verticalement */
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;                  /* taille équivalente au texte */
  font-weight: 300;
  font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif;
  line-height: 1;                     /* évite un espace vertical inutile */
  text-decoration: none;              /* pas de soulignement sur le lien */
}

.svg-home-link svg {
  width: 1em;                         /* taille proportionnelle à la font-size */
  height: 1em;
  display: block;
  margin-right: 8px;
  transform: translateY(-2px);
}

.svg-home-link:hover {
  opacity: 0.8;
  color: #64f56e;
}

/* État actif (page actuelle) */
.svg-home-link.active,
.svg-home-link.current-menu-item,
.svg-home-link.current_page_item {
  opacity: 0.8 !important;
  color: #64f56e !important;
}

.textmenu-accueil {
  display: none !important;
}


/*****************************************************
 * SUPPRESSION DES SOULIGNEMENTS AUTOMATIQUES
 *****************************************************/

/* Supprime le soulignement généré par un pseudo-élément */
.text-menu::after,
.text-menu::before {
  display: none !important;
  content: none !important;
}

/* Supprimer tout soulignement dans tous les cas */
.wp-block-navigation a,
.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item__label,
.wp-block-navigation .wp-block-navigation-item__label:hover,
.wp-block-navigation .wp-block-navigation-item__label:focus,
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a {
  text-decoration: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important; /* neutralise les “underline gradients” */
}

/* Supprimer les traits via ::after/::before */
.wp-block-navigation .wp-block-navigation-item__content::after,
.wp-block-navigation .wp-block-navigation-item__content::before,
.wp-block-navigation .wp-block-navigation-item__label::after,
.wp-block-navigation .wp-block-navigation-item__label::before,
.wp-block-navigation a::after,
.wp-block-navigation a::before {
  content: none !important;
  display: none !important;
}


/*****************************************************
 * HOVER ET ÉTAT ACTIF DES LIENS
 *****************************************************/

/* Effet hover : opacité + vert */
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__label:hover,
.wp-block-navigation a:hover {
  opacity: 0.8;
  color: #64f56e;
}

/* État actif : opacité + vert */
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation .current_page_item > a {
  opacity: 0.8;
  color: #64f56e !important;
  border: none !important;
}


/*****************************************************
 * MENU MOBILE – STYLES GÉNÉRAUX
 *****************************************************/

/* Fond du menu ouvert */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background: linear-gradient(0deg, #051443, #07255B);
}


/* Libellés */
.wp-block-navigation .wp-block-navigation-item__label {
  overflow-wrap: break-word;
  font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.rem; /* ⚠ Erreur possible : mettre 1rem */
  margin: 0 10px;
}


/*****************************************************
 * SOUS-MENU (DESKTOP & MOBILE)
 *****************************************************/

/* Fond + bordure du conteneur de sous-menu */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: #363B5C;
  border: 1px solid #fff;
}

/* Item avec effet voile au survol */
.contenu-sous-menu-expertise {
  position: relative;
  width: 100%;
  background-color: transparent;
  transition: color 0.3s ease;
  z-index: 0;
  font-size: 1rem;
}

.contenu-sous-menu-expertise::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.contenu-sous-menu-expertise:hover {
  color: #363B5C !important;
}

.contenu-sous-menu-expertise:hover::after {
  opacity: 1;
  z-index: -1;
}


/*****************************************************
 * BREAKPOINT –  TABLETTE (1024px)
 *****************************************************/
@media (max-width: 1024px) {
  .wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
	 
 	 }

	
	.wp-block-navigation{
		 font-size: 0.9rem;
	}
	.svg-home-link svg {
    width: 0.8em;
    height: 0.8em;
		}
	
	.wp-block-navigation__responsive-dialog {
		gap:1px;
	}
	
	.Rang-menu {
    padding: 0 5px !important;
		gap: 0.8rem !important;
	}
	.wp-block-navigation .wp-block-navigation__submenu-icon {
	    margin-left: 0;
	}
	
	/* Bannière : 350 → 300 */
  .banniere { min-height: 300px; }







/*****************************************************
 * BREAKPOINT – PETITE TABLETTE (≤900px)
 *****************************************************/
@media (max-width: 900px) {
  .wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif;
    font-weight: 500;
    font-size: 0.9rem;
	 
 	 }
	
	.wp-block-navigation{
		 font-size: 0.9rem;
	}
	.svg-home-link svg {
    width: 0.8em;
    height: 0.8em;
		}
	
	.wp-block-navigation__responsive-dialog {
		gap:1px;
	}
	
	.Rang-menu {
    padding: 0 5px !important;
		gap: 0.8rem !important;
	}
	.wp-block-navigation .wp-block-navigation__submenu-icon {
	    margin-left: 0;
	}
	
	
	
	 /* Texte contact caché */
  .text-menu-contact { display: none !important; }
}
	
	/* Bannière : 300 → 250 */
  .banniere { min-height: 250px; }




/*****************************************************
 * BREAKPOINT – MOBILE (≤600px)
 *****************************************************/
@media (max-width: 600px) {

	/* Bannière : 250 → 200 */
  .banniere { min-height: 200px; }
	
  /* Libellés */
  .wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word;
    font-family: 'Avenir Next','Montserrat','Nunito Sans',Arial,sans-serif;
    font-weight: 500 !important;
    font-size: 1.2rem !important;
  }

  /* Texte accueil visible, icône cachée */
  .textmenu-accueil { display: block !important; }
  .svg-home-link { display: none !important; }

  /* Désactiver hover (⚠ "opacity: none" est invalide) */
  .wp-block-navigation .wp-block-navigation-item__content:hover,
  .wp-block-navigation .wp-block-navigation-item__label:hover,
  .wp-block-navigation a:hover {
    opacity: 1 !important;
    color: inherit !important;
  }

  .wp-block-navigation .current-menu-item > a,
  .wp-block-navigation .current_page_item > a {
    opacity: 1 !important;
    color: inherit !important;
    border: none !important;
  }

  /* ---- SUPPRIMER L'ENCADRÉ BLANC DANS LE MENU MOBILE ---- */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container a {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:focus,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:focus-visible,
  .wp-block-navigation__responsive-container a:focus,
  .wp-block-navigation__responsive-container a:focus-visible {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation-item__content::before,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content::after,
  .wp-block-navigation__responsive-container a::before,
  .wp-block-navigation__responsive-container a::after {
    content: none !important;
    display: none !important;
  }
}


/*****************************************************
 * SOUS-MENU "NOS EXPERTISES" – ACCORDÉON MOBILE
 *****************************************************/

/* Version 1 */
@media (max-width: 600px) {
  .sous-menu-expertise > .wp-block-navigation__submenu-container {
    display: none !important;
  }
  .sous-menu-expertise > .wp-block-navigation-item__content {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
  }
  .sous-menu-expertise > .wp-block-navigation-item__content::after {
    content: "▾";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9rem;
    line-height: 1;
    transition: transform 0.25s ease;
    pointer-events: none;
  }
  .sous-menu-expertise.open > .wp-block-navigation__submenu-container {
    display: block !important;
  }
  .sous-menu-expertise.open > .wp-block-navigation-item__content::after {
    transform: translateY(-50%) rotate(180deg);
  }
}

/* Version 2 (doublon #1, réactive la flèche) */
@media (max-width: 600px) {
  .wp-block-navigation .sous-menu-expertise > .wp-block-navigation-item__content {
    position: relative;
    padding-right: 26px;
  }
  .wp-block-navigation .sous-menu-expertise > .wp-block-navigation-item__content::after {
    content: "▾" !important;
    display: block !important;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: .9rem;
    line-height: 1;
    color: #fff;
    transition: transform .25s ease;
    pointer-events: none;
  }
  .wp-block-navigation .sous-menu-expertise.open > .wp-block-navigation-item__content::after {
    transform: translateY(-50%) rotate(180deg);
  }
	
	.sous-menu-expertise.open > .wp-block-navigation__submenu-container {
    display: block !important;
  }
}

/* Supprimer l'outline global sur le sous-menu en mobile */
@media (max-width: 600px) {
  .wp-site-blocks .sous-menu-expertise:focus-within {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
  }
	
	.wp-block-navigation__responsive-dialog {
		gap:30px;
	}
	
	.Rang-menu {
    padding: auto !important;
		gap: 1.2rem !important;
	}
	.wp-block-navigation .wp-block-navigation__submenu-icon {
	    margin-left: 0;
	}
	
	
	
	 /* Texte contact caché */
  .text-menu-contact { display: block !important; }
}


	
}