/*
Theme Name: Spectra one child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: spectra-one-child
Tags: 
*/




/* OLD CSS MIG FRONT */

/* Gradient mesh V1*/
.animated-mesh-gradient-background-bleu {

    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 99% 89%, hsla(205,100%,59%,1) 0px, transparent 50%),
    radial-gradient(at 2% 88%, hsla(204,100%,80%,1) 0px, transparent 50%),
    radial-gradient(at 86% 0%, hsla(205,100%,82%,1) 0px, transparent 50%),
    radial-gradient(at 16% 14%, hsla(205,85%,70%,1) 0px, transparent 50%),
    radial-gradient(at 50% 60%, hsla(210,100%,93%,1) 0px, transparent 50%);
    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}
    
.animated-mesh-gradient-background-orange {
    background-color:hsla(204,0%,100%,1);
    background-image:
    radial-gradient(at 96% 11%, hsla(9,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 0% 92%, hsla(6,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 31% 84%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 51% 87%, hsla(13,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 87% 87%, hsla(13,100%,83%,1) 0px, transparent 50%),
    radial-gradient(at 58% 42%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 11% 11%, hsla(13,100%,80%,1) 0px, transparent 50%);
    
    animation: animatedgradient 10s ease infinite;
    background-size: 200% 200%;
}
    
.animated-mesh-gradient-background-vert {
    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 26% 79%, hsla(140,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 8% 64%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 15% 97%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 80% 0%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 13% 18%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 90% 73%, hsla(156,71%,52%,1) 0px, transparent 50%);    
	animation: animatedgradient 10s ease infinite;
	background-size: 200% 200%;
}
    
    
@keyframes animatedgradient {
	0% {
		background-position: 0% 25%;
	}
	25% {
		background-position: 100% 50%;
	}
	50% {
		background-position: 50% 75%;
	}
	75% {
		background-position: 25% 25%;
	}
	100% {
		background-position: 0% 25%;
    }
}

/* Gradient mesh V2*/


.mouse-mesh-gradient-background-bleu > :first-child {
    z-index: 1;
}

.mouse-mesh-gradient-background-vert > :first-child {
    z-index: 1;
}

.mouse-mesh-gradient-background-orange > :first-child {
    z-index: 1;
}

.mouse-mesh-gradient-background-vert {
    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 26% 79%, hsla(140,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 8% 64%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 15% 97%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 80% 0%, hsla(189,72%,81%,1) 0px, transparent 50%),
    radial-gradient(at 13% 18%, hsla(156,71%,52%,1) 0px, transparent 50%),
    radial-gradient(at 90% 73%, hsla(156,71%,52%,1) 0px, transparent 50%);
	position: relative;
   	width: 100%;
}

.mouse-mesh-gradient-background-bleu {
    background-color:hsla(0,0%,100%,1);
    background-image:radial-gradient(at 99% 89%, hsla(205,100%,59%,1) 0px, transparent 50%),
	radial-gradient(at 2% 88%, hsla(204,100%,80%,1) 0px, transparent 50%),
	radial-gradient(at 86% 0%, hsla(205,100%,82%,1) 0px, transparent 50%),
	radial-gradient(at 16% 14%, hsla(205,85%,70%,1) 0px, transparent 50%),
	radial-gradient(at 50% 60%, hsla(210,100%,93%,1) 0px, transparent 50%);
	position: relative;
    width: 100%;
}

.mouse-mesh-gradient-background-orange {
    background-color:hsla(204,0%,100%,1);
    background-image:
    radial-gradient(at 96% 11%, hsla(9,100%,89%,1) 0px, transparent 50%),
    radial-gradient(at 0% 92%, hsla(6,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 31% 84%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 51% 87%, hsla(13,100%,85%,1) 0px, transparent 50%),
    radial-gradient(at 87% 87%, hsla(13,100%,83%,1) 0px, transparent 50%),
    radial-gradient(at 58% 42%, hsla(12,81%,89%,1) 0px, transparent 50%),
    radial-gradient(at 11% 11%, hsla(13,100%,80%,1) 0px, transparent 50%);
    position: relative;
    width: 100%;
}


.halo {
    position: absolute;
    width: 200vh;
    height: 200vh;
    background: radial-gradient(circle, rgba(240, 255, 252, 0.6) 0%, rgba(0,210,164,0) 60%);
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 0;
}

/* REGLETTES V1*/
.reglette_alt {
    justify-content: center;
    bottom: 0px;
    width: 100%;
    padding: 15px;
}
.reglette_alt input[type="range"] {
    margin: 15px 0;
}
.slider-range {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 10px;
    width: 100%;
    height: 15px;
    --pc: 0;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.slider-range:hover {
    opacity: 1;
}
.slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border:none;
}
.slider-range::-moz-range-thumb {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border:none;
}
.slider-range::-webkit-slider-thumb {
    background-color: var(--thumb-color);
}
.slider-range::-moz-range-thumb {
    background-color: var(--thumb-color);
}
.reglette_alt_age_qu {
    float: left;
    font-weight: bold;
}
.reglette_alt_age_val {
    float: right;
    font-weight: bold;
}
.reglette_alt p {
    float: left;
    margin: 0px;
}
.reglette_alt_rem {
    font-weight: bold;
}
.reglette_alt_info {
    color:#c4c4c4;
}
.reglette_alt_price {
    float: right;
    color:#2f6df6;
    font-weight: bold;
}



/************************
/* NEWS CSS 2025 GUTEN */
/************************

/***** hover & color & anim V2********/
.hover-scale-child > .wp-block-uagb-container:hover {
transform: translate(0px, 0px) scale(1.05, 1.05);
}

.hover-scale, .hover-color, .hover-scale-child, .wp-block-uagb-container  {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-scale:hover {
  transform: translate(0px, 0px) scale(1.05, 1.05);
}

.hover-color:hover {
  background-color:  var(--wp--preset--color--quaternary);
  transition: transform 175ms ease-out;
}


/*anim bouton*/
.uagb-button__wrapper .uagb-button__icon-position-after {
    transition: transform 175ms ease-out;
}
.uagb-button__wrapper:hover .uagb-button__icon-position-after  {
    transform: translateX(50%);
}

/*titre animé*/
.rotating-title {
    display: inline-block;
    opacity: 1; /* Assurez-vous que l'opacité initiale est 1 */
    transition: opacity 0.175s ease-in-out, transform 0.175s ease-in-out;
	color:  var(--wp--preset--color--foreground);
}

/* Ciblez spécifiquement la liste pour la masquer */
ul.listing-title {
    display: none;
}

/***** fin hover & color & anim V2********/


/***** Style Menu********/

/* Fallback par défaut (mobile) */
.glass-style {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Activer le blur sur desktop uniquement, si supporté */
@media (min-width: 1024px) {
  @supports ((-webkit-backdrop-filter: blur(7px)) or (backdrop-filter: blur(7px))) {
    .glass-style {
      -webkit-backdrop-filter: blur(7px);
      backdrop-filter: blur(7px);
	  background-color:transparent;

    }
  }
}
	
header {
  position: fixed;
  top: 0;
  left:0;
  width:100%;
  z-index: 1000;  
}

/*spacing menu mobile*/
.wp-block-uagb-popup-builder .uagb-faq-content,
.wp-block-uagb-popup-builder .uagb-block-afbda3d9 {
	padding-left:0px;
	padding-right:0px;
}

.uagb-icon-list__source-wrap {
	padding-bottom:0!important;
}


.hover-nav a + .uagb-icon-list__source-wrap .uagb-icon-list__source-image {
 filter: brightness(0) saturate(100%) invert(21%) sepia(24%) saturate(1859%) hue-rotate(122deg) brightness(99%) contrast(101%);
}

.hover-nav .wp-block-uagb-icon-list-child:hover a + .uagb-icon-list__source-wrap .uagb-icon-list__source-image {
filter: brightness(0) saturate(100%) invert(69%) sepia(80%) saturate(2657%) hue-rotate(119deg) brightness(93%) contrast(101%);
}

.hover-nav .wp-block-uagb-info-box .uagb-ifb-image-content {
 filter: brightness(0) saturate(100%) invert(21%) sepia(24%) saturate(1859%) hue-rotate(122deg) brightness(99%) contrast(101%);
}

.hover-nav .wp-block-uagb-info-box:hover .uagb-ifb-image-content {
filter: brightness(0) saturate(100%) invert(69%) sepia(80%) saturate(2657%) hue-rotate(119deg) brightness(93%) contrast(101%);
}
.hover-nav .wp-block-uagb-info-box:hover .uagb-ifb-title {
	color:#00D2A4;
}
.hover-nav .wp-block-uagb-info-box:hover {
	background-color:#E3FBF5;

}

.hover-nav .wp-block-uagb-info-box{
	border-radius:5px;
}
.hover-nav .wp-block-uagb-icon-list .uagb-icon-list__wrap{
	align-items:stretch!important;
}
.hover-nav .wp-block-uagb-icon-list-child {
	border-radius:5px;
}

.hover-vert .wp-block-uagb-icon-list-child:hover{
	background-color:#E3FBF5;
}

.hover-nav .wp-block-navigation__container li:hover {
    background-color: #EBF8F4;
    transition: background-color 0.175s ease-out;
}
.hover-nav .wp-block-navigation__container li {
   padding: 4px 9px 4px 9px;
    border-radius: 5px;
}



.wp-block-navigation__responsive-container-open  {
    width: 30px;
    height: 30px;
}




/* Ajuster aussi la taille du SVG à l'intérieur */
.wp-block-navigation__responsive-container-open svg {
    width: 100%;
    height: 100%;
}

.mega-content {
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
    transition: opacity 0.2s ease-out, transform 0.1s ease-out;
}

.mega-content.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* Animation de glissement de la droite vers la gauche */
@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(100%); /* Part de la droite */
  }
  to {
    opacity: 1;
    transform: translateX(0); /* Revient à sa position normale */
  }
}

/* Appliquer l'animation au pop-up */
.uagb-block-4efaa7e4 .uagb-popup-builder__wrapper {
  animation: slideInFromRight 0.25s ease-out forwards;
  opacity: 0; /* Assure que l'animation part de l'état transparent */
}

/*
.wp-block-uagb-container.uagb-is-root-container.alignfull {
padding-left: 2%;
padding-right:	2%;
}
 */

/***** fin Style Menu********/

/***** style custom block********/

.is-style-swt-tag-cloud-pill .tag-cloud-link {
background-color:var(--wp--preset--color--quaternary)
}

.uagb-ifb-content p{
	padding :0px;
	margin :0px;
}


/***** fin style custom block********/


/*Servicable*/ 


.no-paddin-margin,
.no-padding-margin * {
	padding :0px!important;
	margin :0px!important;
}


.force-magenos-child,
.force-magenos-child * {
font-family: "Magenos-Black", sans-serif;
}

.force-magenos p:not(.uagb-ifb-desc) {
font-family: "Magenos-Black", sans-serif;
}


.wp-site-blocks {
	padding-top:0;
	padding-bottom:0;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #04AA6D;
  width: 0%;

}


/* Style pour les tableaux */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
    border: 1px solid #444; /* Bordure autour du tableau */
}

/* Style pour les cellules du tableau */
th, td {
    padding: 12px;
    border-bottom: 1px solid #444; /* Gris foncé pour les séparations horizontales */
    border-left: 1px solid #444; /* Bordure verticale gauche */
    border-right: 1px solid #444; /* Bordure verticale droite */
}

/* Fond alterné pour les lignes du tableau */
tr:nth-child(even) {
    background-color: #f2f2f2; /* Gris clair pour les lignes paires */
}

tr:nth-child(odd) {
    background-color: #fff; /* Blanc pour les lignes impaires */
}

/* Style pour l'en-tête du tableau */
th {
    background-color: #444; /* Gris foncé pour l'en-tête */
    color: white;
}

/* Supprimer la bordure gauche de la première colonne */
td:first-child, th:first-child {
    border-left: none;
}

/* Supprimer la bordure droite de la dernière colonne */
td:last-child, th:last-child {
    border-right: none;
}

/* force l'icone vidéo sur l'image de la modale */
.player-me {
    position: relative;
    display: inline-block;
}

.player-me img {
    display: block;
    width: 100%;
    height: auto;
}

.player-me::before {
    content: "";
    position: absolute;
    top: 42%; 
    left: 42%; 
    width: 25%;
    height: 25%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="240" height="240" fill="white"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM10.6219 8.41459L15.5008 11.6672C15.6846 11.7897 15.7343 12.0381 15.6117 12.2219C15.5824 12.2658 15.5447 12.3035 15.5008 12.3328L10.6219 15.5854C10.4381 15.708 10.1897 15.6583 10.0672 15.4745C10.0234 15.4088 10 15.3316 10 15.2526V8.74741C10 8.52649 10.1791 8.34741 10.4 8.34741C10.479 8.34741 10.5562 8.37078 10.6219 8.41459Z"></path></svg>') no-repeat center;
    background-size: contain;
    opacity: 0.8; 
    pointer-events: none; 
}

/* force icone  custom sur block detail */
.wp-block-details.wpp-details[open] {
    border: solid 1px #ffffff;
    padding-bottom: 30px;
}   

.wp-block-details.wpp-details summary {
    background: #f5f5f5;
    padding: 3px 15px;
    margin: 0;
    list-style-position: outside;
	border-radius:5px;
}

.wp-block-details.wpp-details summary:hover {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-details.wpp-details > * {
    margin: 10px 20px;
    margin-block-start: 1.5rem;
}

.wp-block-details.wpp-details summary::marker {
    display: none;
}

.wp-block-details.wpp-details summary::-webkit-details-marker {
    color: transparent;
    width: 0;
}

.wp-block-details.wpp-details summary::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-24 104h-48v48a8 8 0 0 1-16 0v-48H72a8 8 0 0 1 0-16h48V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 0 16'/%3E%3C/svg%3E");
    display: inline-block;
    width: 20px;
    margin-right: 7px;
    vertical-align: middle;
}

.wp-block-details.wpp-details[open] summary::marker {
    content: '';
}

.wp-block-details.wpp-details summary::marker {
    content: '';
}
 
.wp-block-details.wpp-details[open] summary::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-24 104H72a8 8 0 0 1 0-16h112a8 8 0 0 1 0 16'/%3E%3C/svg%3E");
}

/*
**********
V1 slider titre onglet mobile
*/
@media (max-width: 768px) {
  /* Option 1: Spécificité très élevée */
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 0;
    padding: 0;
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel::-webkit-scrollbar {
    display: none;
  }
  
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel li.uagb-tab.uagb-tab.uagb-tab {
    flex: 0 0 60%;
    scroll-snap-align: start;
    opacity: 0.5;
    transform: scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease;
    list-style: none;
    margin: 0;
    margin-left: -10%;
    float: none;
    width: auto;
    display: block;
    position: relative;
  }
  
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel li.uagb-tab.uagb-tab.uagb-tab:first-child {
    opacity: 1;
    transform: scale(1);
    margin-left: 0;
  }
  
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel li.uagb-tab.uagb-tab.uagb-tab:nth-child(2) {
    opacity: 0.5;
    transform: scale(0.9);
  }
  
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel li.uagb-tab.uagb-tab.uagb-tab:focus,
  html body div ul.uagb-tabs__panel.uagb-tabs__panel.uagb-tabs__panel li.uagb-tab.uagb-tab.uagb-tab:hover {
    opacity: 1;
    transform: scale(1);
  }
}





/* Conteneur principal */
.custom-accordion {
    border-radius: 8px;
    overflow: hidden;
    margin: 2em 0;
  }
  
  /* Chaque item */
  .custom-accordion-item {
    border-bottom: 1px solid #e2e8f0;
    transition: box-shadow 0.2s;
    border-style: solid;
    border-width: 0;
    border-color: #dfe0e3;
    margin: 10px 5px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
  }

  .custom-accordion-item:last-child {
    border-bottom: none;
  }
  
  /* Titre du toggle */
  .custom-accordion-title {
    cursor: pointer;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    display: flex;
    align-items: center;
    transition: background 0.2s;
  }
  .custom-accordion-title:hover {
    color: #00D2A4;
  }

  .custom-accordion-item[open] .custom-accordion-title {
    color: #00D2A4; 
  }
  
  /* Contenu */
  .custom-accordion-content {
  padding: 1.2em 1.5em;
  background: #fff;
  color: #333;
  font-size: 1em;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s;
  display: none;
}

.custom-accordion-item[open] .custom-accordion-content {
  display: block;
  opacity: 1;
  max-height: 1000px;
  transition: max-height 0.4s cubic-bezier(.4,0,.2,1), opacity 0.3s;
}

.custom-accordion-content-inner {
  /* plus de padding ni background ici */
}

/* Personnalisation de la flèche native (possible sur Chrome/Edge) */
.custom-accordion-item summary::-webkit-details-marker {
  display: none;
}
.custom-accordion-title::after {
  content: '\203A'; /* chevron unicode “›” */
  margin-left: auto;
  font-size: 1.4em;
  color: #00D2A4;
  transition: transform 0.25s;
  display: inline-block;
}
.custom-accordion-item[open] .custom-accordion-title::after {
  transform: rotate(90deg); /* pointe vers le bas */
}
  
  /* Accessibilité : focus */
  .custom-accordion-title:focus {
    /*outline: 2px solid #457b9d;*/
    outline-offset: 2px;
  }

.custom-accordion-title-text {
    width: 75%;
}

.formation-duration {
    background-color: #e6fbf6;
    padding: 3px 10px;
    border-radius: 5px;
    color: #004c3c;
    text-align: center;
    width: 25%;
    font-size: 0.7em;
}

.highligths_1, .highligths_2, .highligths_3 {
    padding: 3px 15px;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    font-size: 16px;
  }

  .highligths_1, .highligths_3 {
    background-color: #e6fbf6;
    color: #004c3c;
  }

  .highligths_2 {
    background-color: #cce2ff;
    color: #006fff;
  }

  h3.custom-accordion-title-text {
    margin: inherit;
    font-size: inherit;  
  }