.elementor-kit-7{--e-global-color-uicore_primary:#5AB85A;--e-global-color-uicore_secondary:#3A9A3A;--e-global-color-uicore_accent:#82CC82;--e-global-color-uicore_headline:#1A2E1A;--e-global-color-uicore_body:#4A5E4A;--e-global-color-uicore_dark:#1A2E1A;--e-global-color-uicore_light:#F6FAF6;--e-global-color-uicore_white:#FFFFFF;--e-global-color-d7af7fa:#8A9E8A;--e-global-color-59bcbe0:#EEF6EE;--e-global-color-5504e5b:#C8EAC8;--e-global-color-5854bd4:#E8F5E8;--e-global-color-2c1c8e1:#DCEADC;--e-global-typography-uicore_primary-font-family:"Lora";--e-global-typography-uicore_primary-font-weight:400;--e-global-typography-uicore_secondary-font-family:"Inter";--e-global-typography-uicore_secondary-font-weight:400;--e-global-typography-uicore_text-font-family:"Inter";--e-global-typography-uicore_text-font-weight:300;--e-global-typography-uicore_accent-font-family:"Lora";--e-global-typography-uicore_accent-font-weight:400;--e-global-typography-uicore_accent-font-style:italic;--e-global-typography-14173ee-font-family:"Lora";--e-global-typography-14173ee-font-weight:600;--e-global-typography-62f9fc3-font-family:"Inter";--e-global-typography-62f9fc3-font-weight:500;color:var( --e-global-color-uicore_body );font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:1.6em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-uicore_primary );font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;text-transform:None;line-height:1em;letter-spacing:0em;color:#FFFFFF;border-style:none;border-radius:6px 6px 6px 6px;padding:17px 40px 17px 40px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-uicore_secondary );color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:16px;}.elementor-kit-7 a{color:var( --e-global-color-uicore_primary );}.elementor-kit-7 a:hover{color:var( --e-global-color-uicore_secondary );}.elementor-kit-7 h1{color:var( --e-global-color-uicore_headline );font-family:"Lora", Sans-serif;font-size:44px;font-weight:400;line-height:1.18em;}.elementor-kit-7 h2{color:var( --e-global-color-uicore_headline );font-family:"Lora", Sans-serif;font-size:27px;font-weight:400;}.elementor-kit-7 h3{color:var( --e-global-color-uicore_headline );font-family:"Lora", Sans-serif;font-size:19px;font-weight:600;line-height:1.25em;}.elementor-kit-7 h4{color:var( --e-global-color-uicore_headline );font-family:"Lora", Sans-serif;font-size:17px;font-weight:400;line-height:1.3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7 h1{font-size:38px;line-height:1.18em;}.elementor-kit-7 h2{font-size:24px;line-height:1.2em;}.elementor-kit-7 h3{font-size:18px;line-height:1.25em;}.elementor-kit-7 h4{font-size:17px;line-height:1.3em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:15px;padding:17px 40px 17px 40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7 h1{font-size:30px;line-height:1.18em;}.elementor-kit-7 h2{font-size:22px;line-height:1.2em;}.elementor-kit-7 h3{font-size:17px;line-height:1.25em;}.elementor-kit-7 h4{font-size:17px;line-height:1.3em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:14px;letter-spacing:0.5px;padding:13px 26px 13px 26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   GRÜNER DAUMEN — CSS GLOBAL
   Sommaire :
   1. Variables (couleurs, layout)
   2. Reset / base
   3. Classes utilitaires
   4. Composants — Archive Catégorie
   ============================================ */


/* ----- 1. VARIABLES ----- */

:root {
  /* Couleurs (miroir des Global Colors Elementor) */
  --gd-primary:    #5ab85a;
  --gd-secondary:  #3a9a3a;
  --gd-accent:     #82cc82;
  --gd-headline:   #1a2e1a;
  --gd-body:       #4a5e4a;
  --gd-text-light: #8a9e8a;
  --gd-bg-light:   #f6faf6;
  --gd-bg-soft:    #eef6ee;
  --gd-green-4:    #c8eac8;
  --gd-green-5:    #e8f5e8;
  --gd-border:     #dceadc;
  --gd-white:      #ffffff;

  /* Layout */
  --gd-container-article: 740px;
  --gd-container-page:    1280px;
}


/* ----- 2. RESET / BASE ----- */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}


/* ----- 3. CLASSES UTILITAIRES ----- */

/* Sur-titre uppercase (eyebrow) */
.gd-eyebrow {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gd-primary);
}

/* Italique vert pour les <em> dans les titres */
h1 em, h2 em, h3 em {
  font-style: italic;
  color: var(--gd-secondary);
  font-weight: inherit;
}

/* Container article 740px */
.gd-container-article {
  max-width: var(--gd-container-article);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1.25rem, 4vw, 2rem);
  padding-right: clamp(1.25rem, 4vw, 2rem);
}

/* Tag pill (générique) */
.gd-tag-pill {
  display: inline-block;
  background: var(--gd-green-5);
  border: 1px solid var(--gd-green-4);
  color: var(--gd-secondary);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 20px;
  text-decoration: none;
  transition: background 0.18s;
}
.gd-tag-pill:hover {
  background: var(--gd-green-4);
}

/* Transition douce sur les boutons Elementor */
.elementor-button {
  transition: background-color 0.18s ease, color 0.18s ease;
}


/* ----- 4. COMPOSANTS — ARCHIVE CATÉGORIE ----- */

/* Tag pilule du hero (avec point vert) */
.gd-cat-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gd-green-5);
  border: 1px solid var(--gd-green-4);
  color: var(--gd-secondary);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
}

.gd-cat-hero-tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gd-primary);
  flex-shrink: 0;
}

/* Barre de sous-catégories */
.gd-cat-subnav {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid var(--gd-border);
  background: var(--gd-white);
}
.gd-cat-subnav::-webkit-scrollbar {
  display: none;
}

.gd-cat-subnav-item {
  padding: 14px 16px;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--gd-body);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: color 0.18s, border-color 0.18s;
}
.gd-cat-subnav-item:hover {
  color: var(--gd-secondary);
}
.gd-cat-subnav-item.is-active {
  color: var(--gd-secondary);
  font-weight: 500;
  border-bottom-color: var(--gd-primary);
}
/* Container vide quand pas de sous-cats : on l'aplatit */
.gd-cat-subnav-wrapper:has(.elementor-shortcode:empty) {
  display: none;
}
/* Liste Beliebte Themen */
.gd-popular-topics {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.gd-popular-topics li {
  border-bottom: 1px solid var(--gd-border);
}
.gd-popular-topics li:first-child {
  border-top: 1px solid var(--gd-border);
}

.gd-popular-topics a {
  display: block;
  padding: 10px 0;
  font-size: 0.85rem;
  color: var(--gd-body);
  text-decoration: none;
  transition: color 0.18s, padding-left 0.18s;
}
.gd-popular-topics a:hover {
  color: var(--gd-secondary);
  padding-left: 6px;
}
/* ============================================
   ARTICLE — Table of Contents (Rank Math)
   ============================================ */

.wp-block-rank-math-toc-block {
  background: var(--gd-bg-soft);
  border-radius: 8px;
  padding: 24px 28px;
  margin: 2rem 0;
}

/* Titre du sommaire */
.wp-block-rank-math-toc-block h2 {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gd-primary);
  margin: 0 0 14px;
  line-height: 1;
}

/* Liste des liens */
.wp-block-rank-math-toc-block nav > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wp-block-rank-math-toc-block nav > div > div {
  position: relative;
  padding-left: 18px;
}

/* Petit chevron vert devant chaque item */
.wp-block-rank-math-toc-block nav > div > div::before {
  content: '›';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gd-primary);
  font-weight: 500;
  line-height: 1.7;
}

/* Liens */
.wp-block-rank-math-toc-block nav a {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--gd-body);
  text-decoration: none;
  line-height: 1.7;
  transition: color 0.18s, padding-left 0.18s;
}

.wp-block-rank-math-toc-block nav a:hover {
  color: var(--gd-secondary);
  text-decoration: underline;
  text-decoration-color: var(--gd-green-4);
  text-underline-offset: 3px;
}

/* ============================================
   ARTICLE — Bloc Citation (style info-box)
   ============================================ */

.wp-block-quote {
  background: var(--gd-bg-soft);
  border-left: 3px solid var(--gd-primary);
  border-radius: 0 8px 8px 0;
  padding: 20px 24px;
  margin: 1.75rem 0;
  font-style: normal;
}

/* Texte de la citation */
.wp-block-quote p {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 300;
  font-style: normal;
  color: var(--gd-body);
  line-height: 1.7;
  margin: 0;
}

/* Attribution / cite (si utilisée) */
.wp-block-quote cite {
  display: block;
  margin-top: 8px;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gd-primary);
  font-style: normal;
}
/* ============================================
   ARTICLE — FAQ Rank Math (accordéon)
   ============================================ */

#rank-math-faq {
  margin: 2.5rem 0;
}

#rank-math-faq .rank-math-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Item FAQ (une question + réponse) */
#rank-math-faq .rank-math-list-item {
  background: var(--gd-white);
  border: 1px solid var(--gd-border);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.18s, box-shadow 0.18s;
}

#rank-math-faq .rank-math-list-item:hover {
  border-color: var(--gd-green-4);
}

#rank-math-faq .rank-math-list-item.is-open {
  border-color: var(--gd-primary);
  box-shadow: 0 4px 16px rgba(90, 184, 90, 0.08);
}

/* Question (titre cliquable) */
#rank-math-faq .rank-math-question {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 400;
  color: var(--gd-headline);
  margin: 0;
  padding: 18px 56px 18px 24px;
  cursor: pointer;
  position: relative;
  line-height: 1.4;
  user-select: none;
  transition: color 0.18s;
}

#rank-math-faq .rank-math-question:hover {
  color: var(--gd-secondary);
}

/* Chevron + / − */
#rank-math-faq .rank-math-question::after {
  content: '+';
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--gd-primary);
  transition: transform 0.25s, content 0.25s;
  line-height: 1;
}

#rank-math-faq .rank-math-list-item.is-open .rank-math-question::after {
  content: '−';
}

/* Réponse (cachée par défaut, animée) */
#rank-math-faq .rank-math-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.25s ease;
  padding: 0 24px;
}

#rank-math-faq .rank-math-list-item.is-open .rank-math-answer {
  max-height: 500px; /* assez grand pour toute réponse standard */
  padding: 0 24px 18px;
}

#rank-math-faq .rank-math-answer p {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 300;
  color: var(--gd-body);
  line-height: 1.7;
  margin: 0;
}

#rank-math-faq .rank-math-answer p + p {
  margin-top: 0.75rem;
}
/* ============================================
   ARTICLE — Bloc HowTo (Rank Math)
   ============================================ */

#rank-math-howto {
  margin: 2.5rem 0;
}

/* Description d'intro du HowTo */
#rank-math-howto .rank-math-howto-description {
  margin-bottom: 1.25rem;
}

#rank-math-howto .rank-math-howto-description p {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  color: var(--gd-body);
  line-height: 1.75;
  margin: 0;
}

/* Durée totale (chip) */
#rank-math-howto .rank-math-howto-duration {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gd-bg-soft);
  border: 1px solid var(--gd-green-4);
  color: var(--gd-secondary);
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  padding: 6px 14px;
  border-radius: 20px;
  margin: 0 0 2rem;
}

#rank-math-howto .rank-math-howto-duration strong {
  font-weight: 500;
  color: var(--gd-secondary);
  letter-spacing: 0.04em;
}

#rank-math-howto .rank-math-howto-duration span {
  color: var(--gd-body);
}

/* Liste des étapes */
#rank-math-howto .rank-math-steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  counter-reset: gd-step;
}

/* Une étape */
#rank-math-howto .rank-math-step {
  position: relative;
  background: var(--gd-white);
  border: 1px solid var(--gd-border);
  border-radius: 10px;
  padding: 24px 28px 24px 76px;
  counter-increment: gd-step;
  transition: border-color 0.18s, box-shadow 0.18s;
}

#rank-math-howto .rank-math-step:hover {
  border-color: var(--gd-green-4);
  box-shadow: 0 4px 16px rgba(90, 184, 90, 0.08);
}

/* Numéro de l'étape (pastille verte à gauche) */
#rank-math-howto .rank-math-step::before {
  content: counter(gd-step);
  position: absolute;
  top: 24px;
  left: 24px;
  width: 36px;
  height: 36px;
  background: var(--gd-primary);
  color: var(--gd-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Lora', Georgia, serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
}

/* Titre d'étape */
#rank-math-howto .rank-math-step-title {
  font-family: 'Lora', Georgia, serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--gd-headline);
  line-height: 1.3;
  margin: 0 0 12px;
}

/* Contenu d'étape */
#rank-math-howto .rank-math-step-content p {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 300;
  color: var(--gd-body);
  line-height: 1.75;
  margin: 0 0 0.75rem;
}

#rank-math-howto .rank-math-step-content p:last-child {
  margin-bottom: 0;
}

/* Images dans une étape */
#rank-math-howto .rank-math-step-content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 0 0 12px;
}

/* Responsive : pastille plus petite sur mobile */
@media (max-width: 600px) {
  #rank-math-howto .rank-math-step {
    padding: 20px 20px 20px 64px;
  }

  #rank-math-howto .rank-math-step::before {
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    font-size: 0.95rem;
  }

  #rank-math-howto .rank-math-step-title {
    font-size: 1.1rem;
  }
}
/* Cacher le "Temps total" si la durée est vide */
#rank-math-howto .rank-math-howto-duration:has(span:empty) {
  display: none;
}/* End custom CSS */