/*
Theme Name: coachtwentyfive
Theme URI:	https://wordpress.org/themes/twentytwentyfive/
Description: A child theme for Twenty Twenty Five.
Author: Annick Martin
Author URI: https://webis-shining.com
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/***********SOMMAIRE***********/
/***1 - ELements ***/
/***2 - Header, Footer, menu ***/
/***3 - Accueil ***/
/***4 - Blog, Articles ***/
/***5 - Autres pages ***/ 

/*****************************/


/***1 - ELements ***/


.monbouton > p {
		/*background-color : white;*/
}
.monbouton:hover {
	/*background-color : #E3FCEE;*/
	/*background-color : green;*/
	cursor : pointer;
	color: var(--wp--preset--color--accent-1);
	opacity : 0.8;
}
/**slider**/
.owl-item img {
	border-radius : 100%;
}
.owl-item h3, .owl-item p, .owl-item p a {
	color : white;
}

/***RDV CTA***/
.rdv-cta.is-style-section-3::before {
	top: 0;
  transform: scaleY(-1);
  transform-origin: center;
}

.rdv-cta.montagne-blanc-apres::after {
	transform:none;
	bottom:0;
}

/***FAQ YOAST**/
/* Présentation de chaque question */
.wp-block-yoast-faq-block .schema-faq-section {
  border-bottom: 1px solid currentColor;
  padding: 1rem 0;
}

/* Titre cliquable */
.wp-block-yoast-faq-block .schema-faq-question {
  display: block;
	font-weight :600;
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  line-height: 1.4;
  transition: color 0.2s ease;
}

/* Le strong imbriqué doit suivre la couleur du titre */
.wp-block-yoast-faq-block .schema-faq-question strong {
  color: inherit;
}

/* Icône + placée à gauche de la première ligne */
.wp-block-yoast-faq-block .schema-faq-question::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0.05em;

  width: 1.25rem;
  text-align: center;

  font-size: 1.4em;
  font-weight: 400;
  line-height: 1;
}

/* Icône lorsque la réponse est ouverte */
.wp-block-yoast-faq-block
  .schema-faq-section.is-open
  .schema-faq-question::before {
  content: "−";
}

/* Couleur au survol et au focus clavier */
.wp-block-yoast-faq-block .schema-faq-question:hover,
.wp-block-yoast-faq-block .schema-faq-question:focus-visible {
  color: var(--wp--preset--color--accent-1);
}

/* Les réponses ne sont masquées que lorsque le JS est actif */
.wp-block-yoast-faq-block.faq-accordion-ready .schema-faq-answer {
  display: none;
}

/* Espacement de la réponse */
.wp-block-yoast-faq-block .schema-faq-answer {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
/***elements***/
& .wp-block-button__link {
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

& .wp-block-button__link:hover,
& .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--accent-1);
  border-color: var(--wp--preset--color--base);
}


.articles-blog .section-inner {
	display : flex;
}


/*Formulaire de contact*/
form.wpcf7-form p span input, form.wpcf7-form p span textarea, form.wpcf7-form p span submit, form.wpcf7-form p span .wpcf7-list-item {
	max-width : 100%;
	padding : 5px;
}

/*yoast breadcrumbs*/
.yoast-breadcrumbs {
	font-size : smaller;
}

/* ==========================================================
   BOUCLE DES 3 DERNIERS ARTICLES
   ========================================================== */

.articles-blog {
  padding-block: clamp(2rem, 5vw, 4rem);
}

.articles-blog *,
.articles-blog *::before,
.articles-blog *::after {
  box-sizing: border-box;
}


/* Conteneur des cartes
   ---------------------------------------------------------- */

.articles-blog .section-inner {
  width: min(100% - 2rem, 1080px);
  margin-inline: auto;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: stretch;
}


/* Carte article
   ---------------------------------------------------------- */

.articles-blog article {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: center;

  min-width: 0;
  min-height: 440px;
  padding: 2.5rem 2rem 2.25rem;

  background-color: var(--wp--preset--color--base, #ffffff);
  border: 2px solid transparent;
  box-shadow: 0 0 10px rgb(0 0 0 / 15%);

  text-align: center;

  transition:
    transform 200ms ease,
    box-shadow 200ms ease,
    border-color 200ms ease;
}


/* Article à la une
   ---------------------------------------------------------- */

.articles-blog article.a-la-une {
  border-color: var(--wp--preset--color--accent-1, #ff7900);
}

.articles-blog article.a-la-une::before {
  content: "À LA UNE";

  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);

  padding: 0.65rem 0.85rem;

  background-color: var(--wp--preset--color--accent-1, #ff7900);
  color: var(--wp--preset--color--base, #ffffff);

  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}


/* Image
   ---------------------------------------------------------- */

.articles-blog figure {
  width: min(100%, 190px);
  margin: 0 auto 1.35rem;
}

.articles-blog figure a {
  display: block;
}

.articles-blog figure img {
  display: block;

  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;

  object-fit: cover;
}


/* Cartouche / catégorie
   ---------------------------------------------------------- */

.articles-blog .cartouche {
  max-width: 190px;
  margin: 0 auto 1.25rem;

  color: var(--wp--preset--color--contrast, #222222);

  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.articles-blog .cartouche::after {
  content: "";

  display: block;
  width: 30px;
  height: 1px;
  margin: 0.6rem auto 0;

  background-color: currentColor;
  opacity: 0.25;
}


/* Titre
   ---------------------------------------------------------- */

.articles-blog h3 {
  max-width: 240px;
  margin: 0 auto;

  /*font-size: clamp(1.05rem, 1.5vw, 1.25rem);*/
	font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: 0.01em;
  text-transform: uppercase;

}

.articles-blog h3 a {
  color: var(--wp--preset--color--accent-2);
  text-decoration: none;

  transition: color 200ms ease;
}

.articles-blog h3 a:hover,
.articles-blog h3 a:focus-visible {
  color: var(--wp--preset--color--accent-1);
}


/* Survol de la carte
   ---------------------------------------------------------- */

@media (hover: hover) {

  .articles-blog article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgb(0 0 0 / 18%);
  }
}


/* Navigation au clavier
   ---------------------------------------------------------- */

.articles-blog a:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-1);
  outline-offset: 4px;
}


/* Tablette
   ---------------------------------------------------------- */

@media (max-width: 900px) {

  .articles-blog .section-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* Mobile
   ---------------------------------------------------------- */

@media (max-width: 600px) {

  .articles-blog .section-inner {
    grid-template-columns: 1fr;
    width: min(100% - 2rem, 380px);
  }

  .articles-blog article {
    min-height: 0;
    padding-inline: 1.5rem;
  }
}


/* Respect du réglage de réduction des animations
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .articles-blog article,
  .articles-blog h3 a {
    transition: none;
  }

  .articles-blog article:hover {
    transform: none;
  }
}


/***2 - Header, Footer, menu ***/
/*menus scroll**/
 * /* État initial : fond transparent */
.menu-principal-scroll {
    background-color: transparent;

    transition:
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

/* Le groupe alignwide qui contient le titre et la navigation */
.menu-principal-scroll > .wp-block-group {
    transition:
        padding-top 0.3s ease,
        padding-bottom 0.3s ease;
}

/* Transition des textes */
.menu-principal-scroll :is(h1, h2, h3, h4, p),
.menu-principal-scroll .wp-block-navigation-item__content {
    transition:
        font-size 0.3s ease,
        color 0.3s ease;
}


/* --------------------------------
   État après défilement
--------------------------------- */

.home .menu-principal-scroll.is-scrolled {
    background-color: rgba(1, 71, 105, 0.98);

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.15);
}

/* Réduction des marges verticales */
.home .menu-principal-scroll.is-scrolled > .wp-block-group {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Nom et sous-titre du site */
.home .menu-principal-scroll.is-scrolled :is(h2, h3, h4) {
    font-size: 80% !important;
}
.home .menu-principal-scroll.is-scrolled h1{
	font-size : 0.7rem;
}
/* Liens du menu */
.home .menu-principal-scroll.is-scrolled
.wp-block-navigation-item__content {
    font-size: 1rem !important;
}

/* Réduction légère de l'espace entre les entrées */
.home .menu-principal-scroll.is-scrolled .wp-block-navigation__container {
    gap: 18px;
}

/* Maintien des textes en blanc */
.home .menu-principal-scroll.is-scrolled,
.home .menu-principal-scroll.is-scrolled a,
.home .menu-principal-scroll.is-scrolled .wp-block-navigation-item__content {
   /* color: #ffffff;*/
	color: var(--wp--preset--color--base);
}

/*footer*/
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start : 0;
}

/***3 - Accueil ***/
/**home header**/
.home header.wp-block-template-part {
	max-width: none !important;
}

.home .header-accueil-inner {
	width : 100vw;
}
.home header {
	position : relative;
}
.home header .menu-bas {
	position : absolute;
	top :36px;
	left : 0;
	width : 100vw;
}

.home .rdv-cta.gris-avant:before {
	transform: scaleY(-1);
	top : -1px;
}

.home .rdv-cta.blanc-apres:after {
	transform : none;
	bottom : 0;
}


.home .votre-coach.blanc-avant:before {
	transform: scaleY(-1);
	top : -1px;
}

.home .votre-coach.blanc-apres:after {
	transform : none;
	bottom : 0;
}
.home .section-blog.gris-avant:before {
	transform: scaleY(-1);
  transform-origin: center;
	top : 0;
}


/***4 - Blog, Articles ***/
/***5 - Autres pages ***/ 
/*Page Jeunes*/
.apports.blanc-avant:before {
	top : 0;
	transform: scaleY(-1);
}

.apports.gris-apres:after {
	bottom : -100px;
	transform: scaleY(-1);

}

/*page Coaching Bref*/
.parcours.is-style-section-4::after {
	bottom : -100px;
	transform: scaleY(-1);
  transform-origin: center;
}
.rdv-simple.gris-avant:before {
	transform: scaleY(-1);
	top : -1px;
}
/*pages villes*/
.fond-image-a-la-une {
	background-image: var(--image-a-la-une);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100vw 100vh;
	top : 0;
	left :0;
}

.wp-block-group.is-style-section-1,
.wp-block-group.is-style-section-2,
.wp-block-group.is-style-section-3,
.wp-block-group.is-style-section-4,
.blanc-avant,
.blanc-apres,
.gris-avant,
.gris-apres {
    position: relative;
}

.page-template-page-ville .dashicons {
	font-size :35px;
}

.page-template-page-ville p.madash {
	text-align : center;
}

.page-template-page-ville .pourquoi-moi.gris-apres:after {
	bottom: -70px;
  	transform: scaleY(-1);
  transform-origin: center;
}

.temoignagesp h2, .temoignagesp h2 + p {
	text-shadow:
		/*0 1px 2px rgba(0, 0, 0, 0.9),
		1px 0 2px rgba(0, 0, 0, 0.7),
		0 -1px 2px rgba(0, 0, 0, 0.7),
		-1px 0 2px rgba(0, 0, 0, 0.7),
		0 3px 7px rgba(0, 0, 0, 0.6);/*/
		0 1px 2px rgba(0, 0, 0, 0.8),
		0 3px 8px rgba(0, 0, 0, 0.65);
}

.page-template-page-ville .rdv.blanc-avant:before {
	top : 0;
		transform: scaleY(-1);
  transform-origin: center;
}

.page-template-page-ville .rdv.blanc-apres:after {
	bottom : 0;
	transform : none;
		/*transform: scaleY(-1);
  transform-origin: center;*/
}

.page-template-page-ville .ville-top-services.gris-avant:before {
	top : -1px;
		transform: scaleY(-1);
  transform-origin: center;
}


.page-template-page-ville .ville-top-services.blanc-apres::after {
	bottom : -20px;
	transform : none;
}

.page-template-page-ville .logos.gris-apres:after {
	bottom : -70px;
	transform: scaleY(-1);
}

.page-template-page-ville footer.wp-block-template-part {
	margin-block-start : 0;
}


.page-template-page-ville  p.madescription {
	font-size : 0.63rem;
	text-transform : uppercase;
}

/******HERITE*******/
/***elements***/

/* 1) On neutralise tout style de focus dans la zone front */
:where(.wp-site-blocks) *:focus,
:where(.wp-site-blocks) *:focus-visible,
:where(.wp-site-blocks) *:focus-within {
  outline: none !important;
  box-shadow: none !important; /* au cas où le thème met un halo en shadow */
}

/* 2) Flash noir/gris au toucher sur mobile (iOS/Android) */
:where(.wp-site-blocks) * {
  -webkit-tap-highlight-color: transparent;
}

/* 3) (optionnel) certains navigateurs forcent une ring sur <button>/<input> */
:where(.wp-site-blocks) button:focus,
:where(.wp-site-blocks) input:focus,
:where(.wp-site-blocks) select:focus,
:where(.wp-site-blocks) textarea:focus,
:where(.wp-site-blocks) a:focus {
  outline: none !important;
  box-shadow: none !important;
}


/*** admin***/
.wp-admin h1.wp-block.wp-block-post-title.editor-post-title {
	text-transform : none;
}


/***header***/


/*header*/

/*navigation*/

.wp-block-navigation .is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
 
}

.wp-block-navigation .is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content {

}


header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open{ 
	/* background-image : url(img/AR-LaCiotat-vert-mobile_800x762.jpg); */
	/* background-repeat : no-repeat;  */
	/* background-size : cover;  */
	/* background-position :left bottom;  */
	/* background-image : url(img/AR-gris666_800x762.jpg); */
	/* background-color :grey; */
 }
 
   header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open .wp-block-navigation__responsive-close:before {
	/* content : "AMITIÉ ET NATURE LA CIOTAT"; */
	/* position : absolute; */
	/* display : block; */
	/* width : calc(100% - 60px);  */
	/* text-align : center; */
	/* bottom : 50px; */
	/* color : var(--wp--preset--color--accent-2); */
	/* font-size : var(--wp--preset--font-size--large); */
 }
 
  header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open .wp-block-navigation__responsive-close:after {
	/* content : "Club de Randonnée"; */
	/* position : absolute; */
	/* display : block; */
	/* width : calc(100% - 60px);  */
	/* text-align : center; */
	/* bottom : 20px; */
	/* color : var(--wp--preset--color--accent-2); */
 }


/*menu normal*/
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-ancestor .wp-block-navigation-item__content {
	color : #fff;
	opacity : 1;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	opacity : 0.8;
}

.wp-block-navigation .wp-block-navigation-item:hover > a {
	color : #fff; 
	outline : none;
	border : none; 
	text-decoration : none;
	opacity : 1;
}

.wp-block-navigation a:active, 
.wp-block-navigation a:focus {
	outline : none;
	border : none;
}

/* .wp-block-navigation .wp-block-page-list { */
	/* gap : 20px; */
/* } */

.wp-block-navigation .wp-block-navigation__submenu-container.has-base-background-color {
	/*background-color: var(--wp--preset--color--contrast) !important;*/
	/*border: 1px solid var(--wp--preset--color--base) !important;*/
}

.wp-block-navigation  .wp-block-navigation__submenu-container.has-contrast-color li > a{
	/*color: var(--wp--preset--color--base)!important;*/
}

.wp-block-navigation  .wp-block-navigation__submenu-container li:hover > a{
	/*color : #f6ff00 !important;*/
}


/*** Footer ***/

/*** Accueil ***/
/* .home .wp-site-blocks { */
	/* position : relative; */
/* } */



/***Pages internes***/
/**Page AVIS COACHING**/




/****MEDIA QUERIES****/

 @media only screen and (min-width: 482px) {
	
}

@media only screen and (min-width: 600px) {
	/*header .titre-description{  
		 background-color : orange; 
	 } */
	
	/**menu**/
	/* .wp-block-navigation__responsive-container-open:not(.always-shown) { */
		/* display: flex; */
	/* } */
	
	/* .wp-block-navigation__responsive-container:not(.is-menu-open):not(.hidden-by-default) { */
		/* bottom: 0; */
		/* display: none; */
		/* left: 0; */
		/* position: fixed; */
		/* right: 0; */
		/* top: 0; */
	/* } */
	
}

@media only screen and (min-width: 652px) {
	/*menu modal*/
	 /* header nav.is-responsive.wp-block-navigation #modal-1.is-menu-open{  */
		 /* width : 500px;  */
		 /* right :0;  */
		 /* left : auto; */
	 /* }  */
}

@media only screen and (min-width: 783px) {
	/* :root { */
		/* --wp--preset--font-size--xx-large : 2.15rem; */
	/* } */
}

@media only screen and (min-width: 884px) {
	 /*header .titre-description{  
		 background-color : #990f95; 
	 } */
	
	/**menu**/
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    /*background-color: inherit;*/
    /* display: block; */
    /* position: relative; */
    /* width: 100%; */
	/* max-width : 500px; */
    /* z-index: auto; */
	}
}

@media only screen and (min-width: 1024px) {
	
	
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 600px; */
	/* } */
	
	
}

@media only screen and (min-width: 1100px) {
	 /*header .titre-description{  
		background-color : cyan; 
	  }  */
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 700px; */
	/* } */
}

@media only screen and (min-width: 1200px) {
	/*header .titre-description{  
		 background-color : lightblue; 
	 } */
	/* :root { */
		/* --wp--preset--font-size--xx-large : 3.5rem; */
	/* } */
	

}

@media only screen and (min-width: 1250px) {
	/*bleu clair*/ 
	/*header .titre-description{
		background-color : #b7f6c1;
	}*/
	
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 950px; */
	/* } */
	
}
@media only screen and (min-width: 1400px) {
	/*header .titre-description{
		background-color : lightgreen;
	}*/
	
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1000px; */
	/* } */
	
}

@media only screen and (min-width: 1495px) {
	/*menu*/
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1200px; */
	/* } */
}

@media only screen and (min-width: 1600px) {
	
	/* .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { */
	  /* max-width : 1400px; */
	/* } */
}



/*marqueurs responsive*/

 /* @media only screen and (min-width: 482px) { */
	/* header .titre-description {  */
		/* background-color : yellow;  */
	 /* } */
/* } */

/* @media only screen and (min-width: 600px) { */
	/* header .titre-description{   */
		 /* background-color : orange;  */
	 /* } */
/* } */
/* @media only screen and (min-width: 652px) { */
	 /* header .titre-description{   */
		 /* background-color : red;  */
	 /* } */
/* } */
/* @media only screen and (min-width: 783px) { */
	/* header .titre-description{   */
		 /* background-color : pink;  */
	 /* } */
/* } */
/* @media only screen and (min-width: 884px) { */
	 /* header .titre-description{   */
		 /* background-color : #990f95;  */
	 /* } */
/* } */

/* @media only screen and (min-width: 1024px) { */
	 /* header .titre-description{   */
		/* background-color : blue;  */
	 /* } */
/* } */

/* @media only screen and (min-width: 1100px) { */
	 /* header .titre-description{   */
		/* background-color : cyan;  */
	  /* } */
/* } */

/* @media only screen and (min-width: 1200px) { */
	/* header .titre-description{   */
		 /* background-color : lightblue;  */
	 /* } */
/* } */

/* @media only screen and (min-width: 1250px) { */
	/* /*bleu clair*/ 
	/* header .titre-description{ */
		/* background-color : #b7f6c1; */
	/* } */
	
/* } */
/* @media only screen and (min-width: 1400px) { */
	/* header .titre-description{ */
		/* background-color : lightgreen; */
	/* } */
/* } */

/* @media only screen and (min-width: 1495px) { */
	
/* } */

/* @media only screen and (min-width: 1600px) { */
	/* header .titre-description{ */
		/* background-color : green; */
	/* } */
/* } */





/*hide adminbar*/
/* #wpadminbar { */
	/* display : none; */
/* } */