/*
 Theme Name: Kadence Child
 Template: kadence
*/

@font-face {
  font-family: 'AltoSerrat';
  src: url('/wp-content/uploads/2026/03/AltoSerrat-Medium2.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body,
p, li, a, span, div,
h1, h2, h3, h4, h5, h6 {
  font-family: 'AltoSerrat', Georgia, serif !important;
}


.animated-background-row {
  position: relative !important;
  overflow: hidden !important;
}
/* Cible uniquement le canvas à l'intérieur de la rangée */
.animated-background-row canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
/* Contenu au-dessus */
.animated-background-row > *:not(canvas) {
  position: relative !important;
  z-index: 1 !important;
}
.entry-content-wrap{
	padding: 0rem !important;
}
/*================================================*/
/* VIDEO GSAP  (screenSpec Pro) */
.scroll-video-section {
  position: relative;
  width: 100% !important;
  height: auto !important;
  overflow: visible; /* Pour permettre aux textes de s'afficher en dessous */
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Nouveau conteneur pour la vidéo et l'overlay */
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

#scrollVideo {
  width: 100%;
  height: auto;
  object-fit: contain; 
  display: block;
  position: relative;
  z-index: 1;
}

.video-overlay {
  z-index: 5 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: 
    linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, transparent 7%) top,
    linear-gradient(to top, rgba(255, 255, 255, 1) 0%, transparent 7%) bottom,
    linear-gradient(to right, rgba(255, 255, 255, 1) 0%, transparent 4%) left,
    linear-gradient(to left, rgba(255, 255, 255, 1) 0%, transparent 4%) right;
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
}

/* Le conteneur global des étapes */
.etapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Style de base pour TOUS les éléments dans .etapes */
.etapes .scroll-text {
  position: absolute;
  z-index: 10;
}

[id^="step"] {
  opacity: 0;
}

/* Par défaut, on cache le contenu portrait */
.portrait-content {
  display: none;
}

/*================================================*/
/*================================================*/
/* TEXTE SUR ANIMATION SCREENSPEC PRO */
/* Comportement LANDSCAPE basé sur le ratio */
@media (min-aspect-ratio: 1100/900) {
	#step0, #step1, #step2, #step3, #step4, #step5, #step6, #step7 {
		top: 5vh;
		left: 5vw;
		text-align: left;
		position: absolute;
		z-index: 10;
		transform: none;
		width: auto;
	}
	#step0 img {
		max-width: 400px;
		height: auto;
	}
	#step1 {
		top: 10% !important;
		left: 2% !important;
		width: 45% !important;
	}
	#step2 {
		top: 10% !important;
		left: auto !important;
		right: 2% !important;
		width: 45% !important;
	}
	#step3 {
		top: 10% !important;
		left: 0% !important;
		width: 45% !important;
	}
	#step4 {
		top: 10% !important;
		left: auto !important;
		right: 2% !important;
		width: 45% !important;
	}
	#step5 {
		top: 2% !important;
		left: 2% !important;
		width: 100% !important;
	}
	#step6 {
		top: 10% !important;
		left: 20% !important;
		width: 100% !important;
	}
	#step7 {
		top: 4% !important;
		left: 0% !important;
		width: 100% !important;
	}
	
	/* masquer le contenu portrait */
    .portrait-content {
        display: none;
    }
}

/* Comportement PORTRAIT basé sur le ratio */
@media (max-aspect-ratio: 1099/900) {

	  /* masquer la vidéo et les étapes */
	  .scroll-video-section {
		display: none !important;
	  }

	  /* afficher le contenu portrait */
	  .portrait-content {
		display: block;
		padding: 20px;
	  }

/*	
  .scroll-video-section {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  .video-container {
    position: relative;
  }
  
  
  .etapes {
    position: absolute !important;
    top: calc(100vw * 9 / 16);
    left: 0;
    width: 100%;
  }
  
  #step0, #step1, #step2, #step3, #step4, #step5, #step6, #step7 {
    position: relative !important;
    top: auto !important;
    left: 0%;
    width: 100% !important;
    font-size: 0.9rem;
    z-index: 10;
    padding: 15px;
    margin-bottom: 10px;
  }
  
  #step0 {
    margin-top: 20px !important;
  }
  
  #step0 img {
    max-width: 80% !important;
  }
 */
  
}

/*================================================*/

/* Suppression de l'ombre juste avant le footer */
/*==============================================*/
.entry.single-entry,
.entry{
	box-shadow:none !important;
	margin-top: 80px !important;
}
/*================================================*/

/* CookieYes */
.cky-show-desc-btn {
	color:#f7630c !important;
}

.cky-btn-revisit-wrapper {
  display: none !important;
}

[data-cky-tag="detail-powered-by"]{
	display:none !important;
}

[data-cky-tag="powered-by"]{
	display:none !important;
}

/* toolbar d'accessibilté */
.a11y-toolbar {
    position: fixed !important;  /* barre fixe à l’écran */
    bottom: 15px !important;     /* distance depuis le bas */
    right: 15px !important;      /* distance depuis la droite */
    left: auto !important;       /* désactive l’alignement gauche */
    top: auto !important;        /* désactive l’alignement haut */
    z-index: 9999 !important;    /* pour être au-dessus des autres éléments */
}

/* Forcer les tooltips à apparaître à gauche */
.a11y-toolbar .offscreen {
    right: 100% !important;  /* à gauche du bouton */
    left: auto !important;
    white-space: nowrap;      /* éviter le retour à la ligne */
    margin-right: 6px;        /* petit décalage */
}

.animated{
	opacity: 0;
}

/* Entete page blog */
.entry-hero-container-inner {
  background: #ffffff !important;
  color:#f7630c !important;
}


input[type="submit"], .single_add_to_cart_button.button, .woocommerce ul.products li.product .button, .woocommerce .cart .button, .woocommerce .checkout-button, a.button.wc-forward, .wp-element-button, #place_order {
	background:linear-gradient(135deg,rgb(246,174,45) 0%,rgb(247,99,12) 100%) !important;
}

input[type="submit"], .single_add_to_cart_button.button, .woocommerce ul.products li.product .button, .woocommerce .cart .button, .woocommerce .checkout-button, a.button.wc-forward, .wp-element-button, #place_order:hover {
	background:linear-gradient(135deg,rgb(247,99,12) 0%,rgb(246,174,45) 100%) !important;
}

/* chose à cacher */ 
.cachemoi,
.cachemoi * {
  display: none !important;
}