.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-24e7b9f:#FFFFFF;--e-global-color-fcb8da8:#292A2C;--e-global-color-33b51d3:#000032;--e-global-color-8c69142:#FA6C10;--e-global-color-2825739:#6834F4;--e-global-color-c4fe1aa:#2629E3;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-f4164dd-font-family:"Space Grotesk";--e-global-typography-f4164dd-font-size:64px;--e-global-typography-f4164dd-font-weight:600;--e-global-typography-f4164dd-letter-spacing:-2.6px;--e-global-typography-e01b4a6-font-family:"Rethink Sans";--e-global-typography-e01b4a6-font-size:42px;--e-global-typography-e01b4a6-font-weight:700;--e-global-typography-e01b4a6-letter-spacing:-1.2px;--e-global-typography-a173762-font-family:"Rethink Sans";--e-global-typography-a173762-font-size:18px;--e-global-typography-a173762-font-weight:400;--e-global-typography-a173762-line-height:20px;--e-global-typography-a173762-letter-spacing:-0.3px;--e-global-typography-342be93-font-family:"Rethink Sans";--e-global-typography-342be93-font-size:28px;--e-global-typography-342be93-font-weight:400;--e-global-typography-342be93-letter-spacing:-1.2px;background-color:#F8F9F8;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-f4164dd-font-size:49px;--e-global-typography-e01b4a6-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== Cadre & ancres ====== */
.tricar { position: relative; overflow: hidden; }
.tricar .tricar-anchors { position: relative; height: 0; overflow: hidden; }
.tricar .tricar-anchors > span { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; }

/* ====== Empilement des slides (fade/slide interne) ====== */
.tricar .tricar-track {
  display: grid !important;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  position: relative;
}
.tricar .tricar-track > .tricar-slide {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 700ms ease, transform 700ms ease;
  pointer-events: none;
}

/* ====== Grille 3 colonnes de chaque slide ====== */
.tricar .tricar-grid {
  display: grid;
  grid-template-columns: 1fr 0.9fr 1fr; /* gauche | centre | droite */
  gap: clamp(16px, 4vw, 48px);
  align-items: start;
}
@media (max-width: 1024px) {
  .tricar .tricar-grid { grid-template-columns: 1fr; }
}

/* ====== Slide visible (par défaut = 1) ====== */
.tricar .tricar-track > .tricar-slide:first-child {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ====== Ciblage par ancre (c1/c2/c3) ====== */
#c1:target ~ .tricar-track > .tricar-slide,
#c2:target ~ .tricar-track > .tricar-slide,
#c3:target ~ .tricar-track > .tricar-slide {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}
#c1:target ~ .tricar-track > .tricar-slide:nth-child(1),
#c2:target ~ .tricar-track > .tricar-slide:nth-child(2),
#c3:target ~ .tricar-track > .tricar-slide:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ====== Nav sous l'image droite ====== */
.tricar .tricar-right { display: flex; flex-direction: column; align-items: center; }
.tricar .tricar-nav {
  display: none;                   /* on n'affiche que celle de la slide active (plus bas) */
  margin-top: 12px;
  align-items: center; justify-content: center;
  gap: 12px;
}
.tricar .prev, .tricar .next {
  width: 32px; height: 32px; border-radius: 999px;
  border: 1px solid #6834F457; color: #6834F4;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; line-height: 1; font-size: 18px;
}
.tricar .dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: #6834F457; display: inline-block;
}

/* Afficher la nav de la slide courante uniquement */
.tricar .tricar-track > .tricar-slide:first-child .tricar-nav { display: flex; }
#c1:target ~ .tricar-track > .tricar-slide .tricar-nav,
#c2:target ~ .tricar-track > .tricar-slide .tricar-nav,
#c3:target ~ .tricar-track > .tricar-slide .tricar-nav { display: none; }
#c1:target ~ .tricar-track > .tricar-slide:nth-child(1) .tricar-nav,
#c2:target ~ .tricar-track > .tricar-slide:nth-child(2) .tricar-nav,
#c3:target ~ .tricar-track > .tricar-slide:nth-child(3) .tricar-nav { display: flex; }

/* Point actif (par défaut c1, sinon selon cible) */
.tricar .tricar-track > .tricar-slide:first-child .dot[href="#c1"] { background: #6834F4; }
#c1:target ~ .tricar-track .dot[href="#c1"] { background: #6834F4; }
#c2:target ~ .tricar-track .dot[href="#c2"] { background: #6834F4; }
#c3:target ~ .tricar-track .dot[href="#c3"] { background: #6834F4; }

/* (Optionnel) micro-interaction flèches */
.tricar .prev:hover { transform: translateX(-1px); }
.tricar .next:hover { transform: translateX( 1px); }

/* ====== Mode édition Elementor : tout visible ====== */
.elementor-editor-active .tricar .tricar-track { display: block !important; }
.elementor-editor-active .tricar .tricar-track > .tricar-slide {
  opacity: 1 !important; transform: none !important; pointer-events: auto !important; margin-bottom: 28px;
}
.elementor-editor-active .tricar .tricar-nav { display: none !important; }

/* ancres invisibles */
.tricar #c1,
.tricar #c2,
.tricar #c3{
  display:block;
  height:0;
  padding:0;
  margin:0;
  border:0;
  overflow:hidden;
}

/* (optionnel) assure que la nav est bien cliquable, au-dessus de l'image droite */
.tricar .tricar-right{ position:relative; }
.tricar .tricar-nav{ position:relative; z-index:999; }/* End custom CSS */