/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 17 2026 | 20:44:57 */
/* =========================================================
   SOMMAIRE ARTICLE PACHAMAMA
   Version repliée par défaut / dépliable au clic
   Structure attendue :
   <details class="table-of-contents">
     <summary>Sommaire</summary>
     <ul>...</ul>
   </details>
========================================================= */


/* =========================================================
   BOÎTE GLOBALE DU SOMMAIRE
========================================================= */

body.single-post details.table-of-contents,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents {
  position: relative !important;
  display: block !important;
  margin: 26px 0 34px 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid #dfe8e2 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.045) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* Barre supérieure verte / jaune */
body.single-post details.table-of-contents::before,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(
    90deg,
    #00833b 0%,
    #00833b 65%,
    #ffcf2a 100%
  ) !important;
}


/* =========================================================
   BOUTON SOMMAIRE FERMÉ / OUVERT
========================================================= */

body.single-post details.table-of-contents > summary,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary {
  position: relative !important;

  display: grid !important;
  grid-template-columns: 18px 1fr auto !important;
  align-items: center !important;
  column-gap: 14px !important;

  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 22px !important;

  cursor: pointer !important;
  background: linear-gradient(135deg, #ffffff 0%, #f7faf8 100%) !important;

  color: #1f1f1f !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  border: none !important;
  outline: none !important;
  list-style: none !important;
  user-select: none !important;
  box-sizing: border-box !important;
}


/* Supprime la flèche native du navigateur */
body.single-post details.table-of-contents > summary::-webkit-details-marker,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary::-webkit-details-marker {
  display: none !important;
}

body.single-post details.table-of-contents > summary::marker,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}


/* Icône ronde à gauche */
body.single-post details.table-of-contents > summary::before,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary::before {
  content: "" !important;
  position: static !important;
  display: block !important;

  width: 17px !important;
  height: 17px !important;

  border-radius: 50% !important;
  background: #00833b !important;
  box-shadow:
    inset 0 0 0 5px #ffffff,
    0 0 0 1px #00833b !important;

  transform: none !important;
}


/* Bouton + à droite */
body.single-post details.table-of-contents > summary::after,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary::after {
  content: "+" !important;
  position: static !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  height: 28px !important;
  border-radius: 999px !important;

  background: #00833b !important;
  color: #ffffff !important;

  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  transform: none !important;
}


/* État ouvert */
body.single-post details.table-of-contents[open] > summary,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents[open] > summary {
  border-bottom: 1px solid #e8eee9 !important;
  background: #ffffff !important;
}

body.single-post details.table-of-contents[open] > summary::after,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents[open] > summary::after {
  content: "−" !important;
  background: #f0f7f3 !important;
  color: #00833b !important;
  border: 1px solid #cfe4d7 !important;
}


/* Hover discret */
body.single-post details.table-of-contents > summary:hover,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary:hover {
  background: linear-gradient(135deg, #f3faf5 0%, #ffffff 100%) !important;
}

body.single-post details.table-of-contents > summary:hover::after,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > summary:hover::after {
  background: #006b31 !important;
  color: #ffffff !important;
}


/* =========================================================
   RESET DES LISTES DU SOMMAIRE
   Annule le style général des listes de l'article
========================================================= */

body.single-post details.table-of-contents ul,
body.single-post details.table-of-contents ol,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents ul,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;

  box-shadow: none !important;
  box-sizing: border-box !important;
}


/* =========================================================
   LISTE PRINCIPALE
========================================================= */

body.single-post details.table-of-contents > ul,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul {
  padding: 10px 20px 14px 20px !important;
}


/* Items niveau 1 */
body.single-post details.table-of-contents > ul > li,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;

  border-bottom: 1px solid #eeeeee !important;
  box-sizing: border-box !important;
}

body.single-post details.table-of-contents > ul > li:last-child,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li:last-child {
  border-bottom: none !important;
}


/* Liens niveau 1 */
body.single-post details.table-of-contents > ul > li > a,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > a {
  position: relative !important;
  display: block !important;

  padding: 8px 8px 8px 20px !important;

  color: #2f2f2f !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  text-decoration: none !important;

  border-bottom: none !important;
  box-sizing: border-box !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease !important;
}


/* Point vert niveau 1 */
body.single-post details.table-of-contents > ul > li > a::before,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 15px !important;

  width: 7px !important;
  height: 7px !important;

  border-radius: 50% !important;
  background: #00833b !important;
}


/* Hover niveau 1 */
body.single-post details.table-of-contents > ul > li > a:hover,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > a:hover {
  color: #00833b !important;
  background-color: #f6faf7 !important;
  transform: translateX(1px) !important;
}


/* =========================================================
   SOUS-LISTES NIVEAU 2
========================================================= */

body.single-post details.table-of-contents > ul > li > ul,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul {
  margin: 0 0 7px 20px !important;
  padding: 0 0 0 14px !important;

  border-left: 2px solid #e1eee6 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}


/* Items niveau 2 */
body.single-post details.table-of-contents > ul > li > ul > li,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li {
  margin: 0 !important;
  padding: 0 !important;

  border-bottom: none !important;
  box-sizing: border-box !important;
}


/* Liens niveau 2 */
body.single-post details.table-of-contents > ul > li > ul > li > a,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li > a {
  position: relative !important;
  display: block !important;

  padding: 4px 6px 4px 0 !important;

  color: #5f5f5f !important;
  font-size: 13.8px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  text-decoration: none !important;

  border-bottom: none !important;
  box-sizing: border-box !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}


/* Petit trait niveau 2 */
body.single-post details.table-of-contents > ul > li > ul > li > a::before,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: -14px !important;
  top: 12px !important;

  width: 7px !important;
  height: 2px !important;

  border-radius: 999px !important;
  background: #b7d8c4 !important;
}


/* Hover niveau 2 */
body.single-post details.table-of-contents > ul > li > ul > li > a:hover,
body.single-post .traveltour-page-builder-wrap 
.gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li > a:hover {
  color: #00833b !important;
  transform: translateX(1px) !important;
}


/* =========================================================
   ANCRAGE PROPRE AU CLIC
========================================================= */

body.single-post h2[id],
body.single-post h3[id],
body.single-post h4[id] {
  scroll-margin-top: 120px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  body.single-post details.table-of-contents,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents {
    margin: 24px 0 30px 0 !important;
    border-radius: 15px !important;
  }

  body.single-post details.table-of-contents > summary,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > summary {
    grid-template-columns: 17px 1fr auto !important;
    column-gap: 12px !important;

    min-height: 54px !important;
    padding: 0 18px !important;

    font-size: 14.5px !important;
    letter-spacing: 0.06em !important;
  }

  body.single-post details.table-of-contents > summary::before,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > summary::before {
    width: 16px !important;
    height: 16px !important;
  }

  body.single-post details.table-of-contents > summary::after,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > summary::after {
    width: 32px !important;
    height: 26px !important;
    font-size: 15px !important;
  }

  body.single-post details.table-of-contents > ul,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul {
    padding: 9px 16px 13px 16px !important;
  }

  body.single-post details.table-of-contents > ul > li > a,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul > li > a {
    padding: 8px 6px 8px 18px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.single-post details.table-of-contents > ul > li > a::before,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul > li > a::before {
    top: 15px !important;
    width: 6px !important;
    height: 6px !important;
  }

  body.single-post details.table-of-contents > ul > li > ul,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul {
    margin-left: 18px !important;
    padding-left: 13px !important;
  }

  body.single-post details.table-of-contents > ul > li > ul > li > a,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li > a {
    padding: 4px 5px 4px 0 !important;
    font-size: 13.4px !important;
    line-height: 1.35 !important;
  }

  body.single-post details.table-of-contents > ul > li > ul > li > a::before,
  body.single-post .traveltour-page-builder-wrap 
  .gdlr-core-text-box-item-content details.table-of-contents > ul > li > ul > li > a::before {
    left: -13px !important;
  }
}