/*
Theme Name: FIM DOCS
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: stepso-child
Template: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/




header{ z-index: 2!important;}

/* .admin-bar .wp-site-blocks, .admin-bar header{ margin-top: 32px;} */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    overscroll-behavior: none;
	min-height: 100vh;
}	

a, a:focus, a:active {
    outline: 0 !important;
}
a:hover{
	text-decoration: none !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)):focus,
.wp-block-post-title a:where(:not(.wp-element-button)):focus,
.wp-block-site-title a:where(:not(.wp-element-button)):focus,
a:where(:not(.wp-element-button)):focus {
  text-decoration: none;
}
.slider_home, .entete{ margin-top: -175px !important; z-index: 1 !important; overflow: hidden;}

.wp-block-senff-sticky-block{ padding: 0 !important;}



.gw-mm-item__dropdown{padding: 0!important; border-radius: 0px 0px 5px 5px; overflow:hidden;}
.gw-mm-item__dropdown-content{ padding: 0 !important; margin: 0 !important;}

.wp-element-button, .mask figure, .ressources .wp-block-column, .membre figure, .boutonsCat .link{
	transition: transform .3s !important;	
}
.wp-element-button:hover, .mask figure:hover, .ressources .wp-block-column:hover, .membre figure:hover, .boutonsCat .link:hover{
	transform: scale(1.1) !important;
}
footer{ margin-top: 0 !important;}
.wp-site-blocks{ padding-bottom: 0 !important;}

footer .wp-block-separator{ border: none !important; }
footer .wp-block-separator{ border-bottom: 1px solid white !important;}
.nextend-arrow-next{ left: 30%; background-color: #00A6BC !important; border-radius: 50% !important; padding: 15px !important; box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.12) !important;}

.orange{ border-left: 1px solid var(--wp--preset--color--primary);}
/*
.is-style-default{ max-width: 90%;}
*/

.download-bouton{ background-color: var(--wp--preset--color--custom-bg); display: block; border-radius: 50px; width: 120px; height: 40px; color: white; padding: 5px 11px; text-transform: uppercase;}

/* .border{ border: 6px solid #FF5500;} */

.responsive-table .download-bouton:before{ background-size: 30px; width: 80px; height: 40px;}
.responsive-table .download-bouton{ width: 100px; height: 25px; text-align: center; }
	






.yoast-breadcrumbs{ text-transform: uppercase; font-size: 12px !important; color: var(--wp--preset--color--primary);}
.yoast-breadcrumbs .breadcrumb_last, .yoast-breadcrumbs a{color:var(--wp--preset--color--primary) !important;}

.etiquettes .wp-block-group .wp-block-group, .download-bouton{ transition: transform .3s !important }
.etiquettes .wp-block-group .wp-block-group:hover, .download-bouton:hover{  transform: scale(1.1) !important;}

.etiquettes a{ color: white; text-decoration: none;}



.single-notice .search, .archive .search{ position: fixed; opacity: 0; transition: 0.2s all ease-in-out; transform: scaleY(0); visibility: hidden; }
.search.active{ height: auto; position: relative; opacity: 1; display:block; transform: scaleY(1); visibility: visible; }

.is-form-style input.is-search-input{ font-size: 1.5rem !important; padding: 30px; text-transform: uppercase;}
.is-search-icon{ height: 62px; width: 62px; border: none !important; padding-top: 0px !important;}
.is-search-icon svg{ width: 40px;}
#search.search input.is-search-input{border: 1px solid #707070 !important;} 

.infos .wp-block-separator{ width: 10px !important;}


.responsive-table { border-collapse: collapse; border-radius: 20px; overflow: hidden; width: 100%; }
.responsive-table tr, .responsive-table th { 
	border: none;
	padding: 0.9em !important;
 }
.responsive-table td, .responsive-table th {
	background-color: var(--wp--preset--color--primary); 
text-align: left !important;
padding-left: 0.9em !important;
padding-right: 0.9em !important;
  border-right: solid 5px white !important; 
  border-left: solid 5px white !important;
}

.responsive-table td{
	font-size: 16px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	vertical-align: top;
}

.responsive-table td:first-child, .responsive-table th:first-child, .responsive-table td:last-child, .responsive-table th:last-child {
	border-right: 0px !important;
	border-left: 0px !important;
}


.responsive-table th{
	font-size: 0.8em !important; color:var(--wp--preset--color--contrast) !important;
}
.responsive-table .download, .responsive-table .intitule{ width: 180px;}

.responsive-table .wp-block-buttons{ margin: 0 !important;}

.archive li::marker{
	display:none;
	font-size:0;
}

.archive main > li a{
	font-size:1.5rem;
	text-decoration: none !important;
}
.responsive-table .wp-block-button{line-height:20px;}

.wp-block-search__input{ border-radius: 50px; padding: 5px 8px !important; font-size: 14px;}

./*
wp-block-cover__inner-container, .wp-block-cover__background{
	opacity: 0 !important;
	transition: all .35s;
}
.wp-block-cover:hover{
	.wp-block-cover__inner-container, 
	.wp-block-cover__background{
		opacity: 1 !important;
	}
}
*/

figure.wp-block-post-featured-image :where(img), figure.wp-block-post-featured-image img{height: auto !important;}

.responsive-table th.first-col {
  width: 300px;  /* la largeur fixe souhaitée */
}


@media (max-width: 970px){
	
	.responsive-table thead {
	display: none;
	border-bottom: 0 !important;
	}
	
	.responsive-table tr{
	display: block;
	margin-bottom: 40px;
	}
	
	.responsive-table td, .responsive-table th {
	display: block;
	text-align: right !important;
	}
	
	.responsive-table td:before, .responsive-table th:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color:var(--wp--preset--color--primary) !important;
	text-transform: uppercase;
	}
	
	.responsive-table .wp-block-buttons{ margin-top: 20px !important;}
	.is-form-style input.is-search-input{font-size:3vw!important; }
	.wp-site-blocks{border-width: 15px !important;}
}



@media (min-width: 500px) {
	.wp-block-navigation .wp-block-navigation__submenu-icon{ margin-left: 2.25em;}
	.wpml-language-switcher-block ul{ margin: 0 !important; min-width: 100px;}

}
@media (max-width: 499px) {
	.date_pub .date{ top: 350px;}
	.baseline{ font-size: 0.5rem !important }
		body .wp-block-group.is-layout-flex{gap: .5rem !important; }
}

nav .vision {
  color: #9b26b6; /* Violet */
  position: relative;
  text-transform: capitalize;
}

/* Ajustement du pictogramme */
nav .vision::before {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  width: 40px;   /* Taille plus lisible */
  height: 40px;
  background-image: url('/wp-content/uploads/2025/06/vision.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

nav .audition {
  color: #F88A50; /* Violet */
  position: relative;
  text-transform: capitalize;
}

/* Ajustement du pictogramme */
nav .audition::before {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  width: 40px;   /* Taille plus lisible */
  height: 40px;
  background-image: url('/wp-content/uploads/2025/06/audition.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

nav .spirometrie {
  color: #3887D6; /* Violet */
  position: relative;
  text-transform: capitalize;
}

/* Ajustement du pictogramme */
nav .spirometrie::before {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  width: 40px;   /* Taille plus lisible */
  height: 40px;
  background-image: url('/wp-content/uploads/2025/06/spirometrie.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}

nav .cotesteur {
  color: #A8D319; /* Violet */
  position: relative;
  text-transform: capitalize;
}

/* Ajustement du pictogramme */
nav .cotesteur::before {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  width: 40px;   /* Taille plus lisible */
  height: 40px;
  background-image: url('/wp-content/uploads/2025/06/cotesteur.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
}



.headerPrincipal .current-menu-item a,
.headerSecondaire .current-menu-item a {
  color: inherit !important;
  text-decoration: none !important;
  position: relative;
  z-index: auto !important;
}

.headerPrincipal .current-menu-item a::after,
.headerSecondaire .current-menu-item a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  border-radius: 4px;
}

/* Tous les liens : base */
.wp-block-navigation-item__content {
  position: relative;
  text-decoration: none;
}

/* Ligne masquée par défaut */
.wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: currentColor;
  border-radius: 4px;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Apparition au survol */
.wp-block-navigation-item__content:hover::after {
  width: 100%;
  opacity: 1;
}

/* Lien actif (page en cours) : ligne visible en permanence */
li.current-menu-item .wp-block-navigation-item__content::after {
  width: 100%;
  opacity: 1;
}


/* === Soulignement uniquement de l'item de menu actif (catégorie ou enfant) === */

/* Étape 1 : rendre le lien positionné en relatif pour contenir le ::after */
body.vision .wp-block-navigation-item.vision > .wp-block-navigation-item__content,
body.audition .wp-block-navigation-item.audition > .wp-block-navigation-item__content,
body.spirometrie .wp-block-navigation-item.spirometrie > .wp-block-navigation-item__content,
body.co-testeur .wp-block-navigation-item.cotesteur > .wp-block-navigation-item__content {
  position: relative;
}

/* Étape 2 : ajouter la ligne de soulignement uniquement si le body contient la classe parent */
body.vision .wp-block-navigation-item.vision > .wp-block-navigation-item__content::after,
body.audition .wp-block-navigation-item.audition > .wp-block-navigation-item__content::after,
body.spirometrie .wp-block-navigation-item.spirometrie > .wp-block-navigation-item__content::after,
body.co-testeur .wp-block-navigation-item.cotesteur > .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  border-radius: 4px;
  opacity: 1;
}