/**
 * Theme Name: Rivages (Git)
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Version: 1.0.5
 * Update URI: https://github.com/fredasterisk/rivages-theme
 * Text Domain: blocksy
 */

 /* Root */

 .z-10 {
   position: relative;
   z-index: 10;
 }

 .z-100 {
   position: relative;
   z-index: 100;
 }

 .gap-80 {
   gap: var(--wp--preset--spacing--80);
 }

 /* Header */
[data-sticky] {
   padding: 1rem;
 }

 [data-header*="type-1"] .ct-header [data-sticky] [data-row*="middle"] {
   border-radius: 4rem;
   
 }
 [data-header*="type-1"] .ct-header [data-sticky] [data-row*="middle"] > div {
   padding: 0 1rem;
 }

  [data-header*="type-1"] .ct-header [data-sticky] [data-row*="middle"] > div {
   padding: 0 2rem;
 }

 .ct-container-fluid {
   transition: 0.3s ease all;
 }

  /* Section */

main section {
   position: relative;
   padding: var(--wp--preset--spacing--60);
   margin: 0;
   z-index: sibling-index();
 }

 /* Images */
 .wp-block-image img {
   height: 100%;
   object-fit: cover;
 }

 .gif {
  position: relative;
  overflow: hidden;
}

.gif figure.wp-block-image:not(:first-child) {
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.gif figure.wp-block-image {
  animation: gifAnimation 6s steps(1) infinite;
}

@keyframes gifAnimation {
  0% { opacity: 1; }
  33.333% { opacity: 0; }
  100% { opacity: 0; }
}

.gif .wp-block-image:nth-child(1) { animation-delay: 0s; }
.gif .wp-block-image:nth-child(2) { animation-delay: 2s; }
.gif .wp-block-image:nth-child(3) { animation-delay: 4s; }

/* Hover Image */
.hover-img {
   position: relative;
   overflow: hidden;
}

.hover-img figure.wp-block-image {
   width: 100%;
   height: 100%;
}

.hover-img figure.wp-block-image:not(:first-child) {
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
}

.hover-img:hover figure.wp-block-image:not(:first-child) {
   opacity: 1;
}

/* Montagnes */
/* section.mountains {
   position: relative;
   overflow: hidden;
}

.mountains {
   position: static;
}

body .mountains > figure.wp-block-image {
   position: absolute;
   z-index: 0;
   left: 0;
   bottom: -96px;
   width: 100%;
   max-width: 100%;
   pointer-events: none;
}

body .mountains > .wp-block-buttons {
   position: relative;
   z-index: 10;
} */

/* Top */
/* body .mountains.top > figure.wp-block-image:last-of-type {
   bottom: unset;
   top: 0;
} */
/* Behind */
/* body .mountains.behind > .wp-block-group {
   position: relative;
   z-index: 1;
}

body .mountains.behind > figure.wp-block-image:last-of-type {
   z-index: 0;
}

body .hero .mountains > figure.wp-block-image:nth-child(1) ,
body .hero .mountains > figure.wp-block-image:nth-child(2) {
   bottom: -360px;
}

body .hero .mountains > figure.wp-block-image:nth-child(3),
body .hero .mountains > figure.wp-block-image:nth-child(4),
body .hero .mountains > figure.wp-block-image:nth-child(5),
body .hero .mountains > figure.wp-block-image:nth-child(6),
body .hero .mountains > figure.wp-block-image:nth-child(7),
body .hero .mountains > figure.wp-block-image:nth-child(8) {
   bottom: -240px;
} */

/* 
body #evenements .mountains > figure.wp-block-image,
body #cta .mountains > figure.wp-block-image {
   bottom: 0;
}

.mountains > .wp-block-columns {
   position: relative;
   z-index: 1;
}

body .mountains > figure.wp-block-image:last-of-type {
   z-index: 2;
} */

/* Expertise */
.flex-center {
   display: flex;
   align-items: center;
}

/* Mountain Background */
/* body div.mountain-bg > figure.wp-block-image {
   width: 101%;
   max-width: 101%;
}

body div.mountain-bg > div {
   z-index: 1;
   position: relative;
} */

/* Marquee */
.marquee-cover {
   overflow: hidden;
   position: relative;
   height: 100px;
   background-color: #ffffff;
   white-space: nowrap;
}

.marquee-cover .marquee {
   display: inline-flex;
   white-space: nowrap;
   will-change: transform;
   width: auto;
   max-width: unset;
}

.marquee-cover p {
   font-family: var(--theme-font-family);
   white-space: nowrap;
}

/* Popups */
#ct-popup-115 .ct-popup-inner {
   margin-top: calc(var(--header-height) / 2 + 1rem);
}

.ct-popup-inner .entry-content > div, .popup-content {
   height: 100%;
   overflow-y: auto;
}

/* Media Queries */
@media (max-width: 1024px) {
   .flex-col--on-xl {
      display: flex !important;
      flex-direction: column;
   }
   .flex-col-r--on-xl {
      display: flex !important;
      flex-direction: column-reverse;
   }
   .hero .wp-block-columns figure:not(.no-clip) img {
      aspect-ratio: 16/9 !important;
   }
   .hero .wp-block-columns figure.no-clip {
      margin-top: -25% !important;
   }
}


@media (max-width: 991px) {
   .flex-col--on-l {
      display: flex !important;
      flex-direction: column;
   }
   .flex-col-r--on-l {
      display: flex !important;
      flex-direction: column-reverse;
   }
      #cta .wp-block-columns figure img {
      height: 240px !important;
      object-fit: cover;
}
   /* Mountains Hero */
   /* body .mountains > figure.wp-block-image {
      width: 200%;
      max-width: 200%;
   } */
}

@media (max-width: 767px) {
   .flex-col--on-m {
      display: flex !important;
      flex-direction: column;
   }
   .flex-col-r--on-m {
      display: flex !important;
      flex-direction: column-reverse;
   }
   /* Mountains Hero */
   /* body .mountains > figure.wp-block-image {
      width: 300%;
      max-width: 300%;
   } */
   /* Hero */
   .hero > .wp-block-group {
      padding-bottom: 0 !important;
   }

   #agence > .wp-block-group {
      padding-top: 0 !important;
   }

   /* body main section.hero .mountains > figure.wp-block-image {
      bottom: -96px !important;
   } */
   /* Équipe */
   #equipe .wp-block-cover {
      min-height: 400px !important;
   }
}

/* ==========================================
Details / Summary
   ========================================== */

details {
   position: relative;
   --theme-content-spacing: 0;
   
}

details:after {
   content: '';
   display: block;
   width: 100%;
   height: 1px;
   background-color: currentColor;
   margin-top: 1rem;
}

summary {
   cursor: pointer;
   list-style: none;
   position: relative;
   padding-right: 2rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-family: neulis-neue, Sans-Serif;
   font-size: 20px;
}

/* Supprimer le marqueur par défaut */
summary::-webkit-details-marker {
   display: none;
}

/* Chevron avec Remix Icon */
summary:after {
   content: '\EA4E'; /* ri-arrow-down-s-line */
   font-family: "remixicon";
   font-size: 1.5rem;
   transition: transform 0.3s ease;
   flex-shrink: 0;
   margin-left: 1rem;
}

/* Rotation du chevron quand ouvert */
details[open] summary:after {
   transform: rotate(180deg);
}