/* =====================================================
       Effet double Soulignement des titres au crayon noir 
       ===================================================== */

:root{
  --seak-underline-w1: 22;  /* épaisseur trait 1 */
  --seak-underline-w2: 18;  /* épaisseur trait 2 */
}

#sousligner,
.sousligner{
  position: relative;
}

#sousligner .elementor-heading-title,
.sousligner .elementor-heading-title,
#sousligner:is(h1,h2,h3,h4,h5,h6),
.sousligner:is(h1,h2,h3,h4,h5,h6){
  position: relative;
  display: inline-block;
  padding-bottom: 1.05em;
  line-height: 1.08;
}

.seak-pencil-underline{
  position: absolute;
  left: -0.16em;
  right: -0.16em;
  bottom: -0.95em;      
  height: 2.40em;          
  width: calc(100% + .32em);
  pointer-events: none;
  z-index: 5;
  opacity: 1;
  mix-blend-mode: multiply;
  transform: translateZ(0);
}

.seak-pencil-underline .sketch-stroke{
  stroke: rgba(20,20,20,.86);
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.seak-pencil-underline .sketch-w1{ stroke-width: var(--seak-underline-w1); }
.seak-pencil-underline .sketch-w2{ stroke-width: var(--seak-underline-w2); opacity: .74; }

@media (prefers-reduced-motion: reduce){
  .seak-pencil-underline .sketch-stroke{
    transition: none !important;
    stroke-dashoffset: 0 !important;
  }
}

/* =========================================================
   SEAK – FLÈCHE CROQUIS (OVERLAY BODY)
   ========================================================= */

.seak-arrow-wrap{
  position: relative;
  width: 100%;
  height: 0;
  overflow: visible;
}

#seak-arrow{
  position: absolute;
  left: 50%;
  top: 0;

  width: min(240px, 60vw);
  height: auto;
  aspect-ratio: 5 / 4;

  transform-origin: 50% 50%;
  pointer-events: none;
  mix-blend-mode: multiply;
  will-change: transform, left, top;
}

#seak-arrow .sketch-stroke{
  stroke: rgba(20,20,20,.78);
  stroke-width: 10.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

#seak-arrow .sketch-thin{
  stroke-width: 8.5;
  opacity: .7;
}

@media (max-width: 768px){
  #seak-arrow{
    width: min(180px, 70vw);
  }
}

@media (prefers-reduced-motion: reduce){
  #seak-arrow path{
    transition: none !important;
    stroke-dashoffset: 0 !important;
  }
}


/* ======================================================
   TITRE Slider – Stabilo "tracé main" AU CHARGEMENT (plus grand)
   Cible: #titre-slider .elementor-heading-title
====================================================== */


.e-n-menu-wrapper .e-n-menu-title-container,
#e-n-menu-content-5992 .elementor-icon-list-item a{
  display: inline-block;
  position: relative;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.e-n-menu-wrapper .e-n-menu-title-text,
#e-n-menu-content-5992 .elementor-icon-list-item a .elementor-icon-list-text{
  position: relative;
  z-index: 2;
}

.e-n-menu-wrapper .e-n-menu-title-container,
#e-n-menu-content-5992 .elementor-icon-list-item a{
  padding: .20em .16em;
  transition: none;
}

.e-n-menu-wrapper .e-n-menu-title-container::after,
#e-n-menu-content-5992 .elementor-icon-list-item a::after{
  content: "";
  position: absolute;

  left: -0.22em;
  right: -0.22em;
  bottom: 0.02em;
  height: 1.12em;

  background: var(--e-global-color-secondary);
  opacity: .55;
  z-index: 1;

  filter: saturate(1.08) contrast(1.02);

  /* Tracé continu + fin biseautée propre (coupe nette) */
  clip-path: polygon(
    /* haut: très léger "souffle" */
    0% 58%,
    22% 58%,
    44% 57%,
    66% 58%,
    86% 57%,

    /* BISEAU PROPRE à la fin */
    100% 50%,

    /* bas: léger souffle */
    100% 96%,
    86% 97%,
    66% 98%,
    44% 97%,
    22% 98%,
    0% 98%
  );

  transform: scaleX(0) skewX(-6deg) rotate(-0.3deg);
  transform-origin: left center;

  transition:
    transform .60s cubic-bezier(.16, 1, .3, 1),
    clip-path .60s cubic-bezier(.16, 1, .3, 1),
    opacity .60s cubic-bezier(.16, 1, .3, 1);
}


.e-n-menu-wrapper .e-n-menu-title-container:hover,
.e-n-menu-wrapper .e-n-menu-title-container:focus-visible,
#e-n-menu-content-5992 .elementor-icon-list-item a:hover,
#e-n-menu-content-5992 .elementor-icon-list-item a:focus-visible{
  transform: none;
}

.e-n-menu-wrapper .e-n-menu-title-container:hover::after,
.e-n-menu-wrapper .e-n-menu-title-container:focus-visible::after,
#e-n-menu-content-5992 .elementor-icon-list-item a:hover::after,
#e-n-menu-content-5992 .elementor-icon-list-item a:focus-visible::after{
  transform: scaleX(1) skewX(-6deg) rotate(-0.3deg);
  opacity: .58;


  clip-path: polygon(
    0% 59%,
    18% 58%,
    36% 56%,
    54% 58%,
    72% 60%,
    88% 58%,

    /* biseau propre */
    100% 50%,

    100% 96%,
    88% 98%,
    72% 97%,
    54% 99%,
    36% 97%,
    18% 98%,
    0% 98%
  );
}

.e-n-menu-wrapper .e-n-menu-item:nth-child(even) .e-n-menu-title-container::after{
  clip-path: polygon(
    0% 58%,
    30% 58%,
    60% 58%,
    86% 58%,
    100% 50%,
    100% 96%,
    86% 98%,
    60% 98%,
    30% 98%,
    0% 98%
  );
}
.e-n-menu-wrapper .e-n-menu-item:nth-child(even) .e-n-menu-title-container:hover::after,
.e-n-menu-wrapper .e-n-menu-item:nth-child(even) .e-n-menu-title-container:focus-visible::after{
  clip-path: polygon(
    0% 58%,
    30% 58%,
    60% 58%,
    86% 58%,
    100% 50%,
    100% 96%,
    86% 98%,
    60% 98%,
    30% 98%,
    0% 98%
  );
}


.e-n-menu-wrapper .e-n-menu-title.e-current .e-n-menu-title-container:not([href="#"]):not([href="#0"])::after,
.e-n-menu-wrapper .e-n-menu-title .e-n-menu-title-container[aria-current="page"]:not([href="#"]):not([href="#0"])::after{
  transform: scaleX(1) skewX(-6deg) rotate(-0.3deg);
  opacity: .58;
  clip-path: polygon(
    0% 59%,
    18% 58%,
    36% 56%,
    54% 58%,
    72% 60%,
    88% 58%,
    100% 50%,
    100% 96%,
    88% 98%,
    72% 97%,
    54% 99%,
    36% 97%,
    18% 98%,
    0% 98%
  );
}


.e-n-menu-wrapper .e-n-menu-title.e-current .e-n-menu-title-container[href="#"]::after,
.e-n-menu-wrapper .e-n-menu-title .e-n-menu-title-container[href="#"][aria-current="page"]::after{
  transform: scaleX(0) skewX(-6deg) rotate(-0.3deg);
}


#e-n-menu-content-5992 .elementor-icon-list-item:nth-child(even) a::after{
  clip-path: polygon(
    0% 58%,
    28% 58%,
    56% 57%,
    84% 58%,
    100% 50%,
    100% 96%,
    84% 98%,
    56% 98%,
    28% 98%,
    0% 98%
  );
}
#e-n-menu-content-5992 .elementor-icon-list-item:nth-child(even) a:hover::after,
#e-n-menu-content-5992 .elementor-icon-list-item:nth-child(even) a:focus-visible::after{
  clip-path: polygon(
    0% 58%,
    28% 58%,
    56% 57%,
    84% 58%,
    100% 50%,
    100% 96%,
    84% 98%,
    56% 98%,
    28% 98%,
    0% 98%
  );
}


@media (prefers-reduced-motion: reduce){
  .e-n-menu-wrapper .e-n-menu-title-container,
  .e-n-menu-wrapper .e-n-menu-title-container::after,
  #e-n-menu-content-5992 .elementor-icon-list-item a,
  #e-n-menu-content-5992 .elementor-icon-list-item a::after{
    transition: none !important;
  }
}


body.page-id-61 #e-n-menu-title-5992 .e-n-menu-title-text,
body.parent-pageid-61 #e-n-menu-title-5992 .e-n-menu-title-text{
  display: inline-block;
  position: relative;
  padding: .15em .1em;
  z-index: 1;
}

body.page-id-61 #e-n-menu-title-5992 .e-n-menu-title-text::after,
body.parent-pageid-61 #e-n-menu-title-5992 .e-n-menu-title-text::after{
  content: "";
  position: absolute;
  left: -0.05em;
  right: -0.05em;
  bottom: .08em;    
  height: .72em;    

  background: var(--e-global-color-secondary);
  opacity: .55;
  border-radius: .12em;
  z-index: -1;
}


/* ======================================================
 Effet glassmorphisme sur l'id #description-slider
====================================================== */


#description-slider{
  position: relative;
  border-radius: 18px;
  padding: 18px 20px;
  overflow: hidden;
  background: rgba(0, 0, 0, .22);
  border: 1px solid rgba(255, 255, 255, .14);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);

  box-shadow:
    0 18px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.10);
}

#description-slider::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.14), transparent 55%),
    radial-gradient(circle at 80% 40%, rgba(101,112,134,.16), transparent 55%),
    radial-gradient(circle at 40% 90%, rgba(255,255,255,.10), transparent 60%);
  filter: blur(2px);
}


#description-slider::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  mix-blend-mode: overlay;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 1px, transparent 1px 4px);
}


#description-slider > *{
  position: relative;
  z-index: 1;
}

#description-slider p{
  margin: 0;
  line-height: 1.5;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 16px rgba(0,0,0,.40);
}


#description-slider{
  max-width: 720px;
}


#description-slider{
  display: inline-block;
  width: fit-content;
  max-width: 100%;
}


#description-slider p{
  max-width: 70ch; 
  margin: 0;
}

#description-slider,
#description-slider::before,
#description-slider::after{
  transition: none !important;
  animation: none !important;
}


#description-slider{
  transform: translateZ(0);
  will-change: transform, backdrop-filter;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: paint; 
}