/* Animations pour les directions */
.fromBottom, .animateChilds.fromBottom .wp-block-column {
	transform: translateY(100px);
}
.fromLeft, .animateChilds.fromLeft .wp-block-column {
	transform: translateX(-100px);
}
.fromRight, .animateChilds.fromRight .wp-block-column {
	transform: translateX(100px);
}

/* Animations générales */
.animate, 
.animateChilds .wp-block-column, 
.gs_reveal, 
.animateChilds .wp-block-group,  
.animateChilds .produit, 
.animateChilds .product,
.animateChilds .wp-block-post,
.wp-block-woocommerce-product-collection.animateChilds .product{
	will-change: transform;
	opacity: 0;
	transition: 0.5s all cubic-bezier(0.43, 0.195, 0.02, 1);
}

.animate.active, 
.animateChilds.active, 
.animateChilds.active .wp-block-column, 
.animateChilds.active-trigger .wp-block-group, 
.gs_reveal.active-trigger, 
.animateChilds.active-trigger .wp-block-column, 
.gs_reveal.active-trigger ul.is-style-crossed li, 
.animateChilds.active-trigger .produit, 
.animateChilds.active-trigger .product,
.animateChilds.active-trigger .wp-block-post,
.wp-block-woocommerce-product-collection.animateChilds.active-trigger .product{
	opacity: 1;
	will-change: transform;
}

/* Titre et contenu de sous-catégorie */
.subcategory-title, .subcategory-content {
	transition: 0.5s all cubic-bezier(0.43, 0.195, 0.02, 1);
}
.subcategory-content {
	opacity: 0;
	display: none;
}
.subcategory-content.active, .subcategory-title.active {
	opacity: 1;
	display: block !important;
}

.animateChilds > * {
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(20px);
}

.animateChilds.active-trigger > * {
  opacity: 1;
  transform: none;
}

.animateChilds > *:nth-child(1) { transition-delay: 0.1s; }
.animateChilds > *:nth-child(2) { transition-delay: 0.2s; }
.animateChilds > *:nth-child(3) { transition-delay: 0.3s; }
.animateChilds > *:nth-child(4) { transition-delay: 0.4s; }
.animateChilds > *:nth-child(5) { transition-delay: 0.5s; }

/* Effet de survol pour les logos et les liens de bouton */
.logos a img, .wp-block-button__link, button {
	transition: all 0.35s;
}
.logos a:hover img {
	transform: scale(1.05);
}

/* Menu déroulant avec transition */
.gw-mm-item .gw-mm-item__dropdown-wrapper {
	opacity: 0;
	transition: 0.5s opacity cubic-bezier(0.43, 0.195, 0.02, 1);
}
.gw-mm-item:hover .gw-mm-item__dropdown-wrapper {
	opacity: 1;
	min-height: auto; 
}
.gw-mm-item:hover .gw-mm-item__dropdown-wrapper  .gw-mm-item__dropdown-wrapper{
	width: 100vw !important;
}




/* Animation de défilement */
@keyframes slidein {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0%);
	}
}

/* ─── Query Slider (.sliderProjet) ────────────────────────────────────────── */

/* Neutralise les animations animateChilds sur les slides du slider */
.sliderProjet.animateChilds .wp-block-post,
.sliderProjet.animateChilds > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  transition-delay: 0s !important;
}

.sliderProjet {
  position: relative;
}

.sliderProjet .slider-viewport {
  overflow: hidden;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.sliderProjet .wp-block-post-template {
  display: flex;
  gap: clamp(12px, 1.5vw, 24px);
  padding: 0; margin: 0; list-style: none;
  will-change: transform;
}

.sliderProjet .wp-block-post-template > li {
  flex: 0 0 var(--slide-basis, 100%);
  min-width: var(--slide-basis, 100%);
}

/* 1 slide/vue mobile, 2 tablette, 3 desktop */
@media (min-width: 640px) {
  .sliderProjet { --per-view: 2; }
  .sliderProjet .wp-block-post-template > li {
    --slide-basis: calc((100% - clamp(12px, 1.5vw, 24px)) / 2);
  }
}
@media (min-width: 1024px) {
  .sliderProjet { --per-view: 3; }
  .sliderProjet .wp-block-post-template > li {
    --slide-basis: calc((100% - 2 * clamp(12px, 1.5vw, 24px)) / 3);
  }
}

/* Navigation : overlay pleine section, flèches positionnées en dehors */
.sliderProjet .wp-block-query-pagination {
  position: absolute;
  inset: 0;
  margin: 0 !important;
  display: block;
  pointer-events: none;
  z-index: 10;
}

.sliderProjet .wp-block-query-pagination-previous,
.sliderProjet .wp-block-query-pagination-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
  width: 48px; height: 48px;
  border: none;
  text-decoration: none;
  display: grid; place-items: center;
  cursor: pointer;
  background: transparent;
  color: inherit;
  font-size: 1.25rem;
  line-height: 1;
  opacity: 1 !important;
  transition: opacity 0.2s ease;
}

.sliderProjet .wp-block-query-pagination-previous { left: -56px; }
.sliderProjet .wp-block-query-pagination-next     { right: -56px; }

.sliderProjet .wp-block-query-pagination a[aria-disabled="true"] {
  opacity: .3 !important;
  pointer-events: none;
}

/* Masque les spans texte si on préfère des SVG plus tard */
/* .sliderProjet .wp-block-query-pagination-previous-arrow,
   .sliderProjet .wp-block-query-pagination-next-arrow { display: none !important; } */

@media (max-width: 784px) {
  .sliderProjet .wp-block-query-pagination-previous { left: -32px; }
  .sliderProjet .wp-block-query-pagination-next     { right: -32px; }
}

/* Styles spécifiques au mobile */
@media (max-width: 650px) {
	body:not(.wp-admin) .activite {
		-webkit-mask-image: url(../img/mask_arrow_mobile.svg);
		mask-image: url(../img/mask_arrow_mobile.svg);
		-webkit-mask-position: center;
		padding-bottom: 80px !important;
	}
	.single-agence .reverse-mobile {
		flex-direction: column-reverse;
	}
}