.elementor-kit-6{--e-global-color-primary:#799664;--e-global-color-secondary:#D8CB9E;--e-global-color-text:#575757;--e-global-color-accent:#799664;--e-global-color-af1d4aa:#FFFFFF;--e-global-color-ce42d41:#000000;--e-global-color-fa168fa:#E4DDCE;--e-global-color-2f865af:#92806E;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Comfortaa";--e-global-typography-secondary-font-size:74px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;font-size:1em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-af1d4aa );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-2f865af );color:var( --e-global-color-af1d4aa );border-style:none;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;}.elementor-kit-6 h1{color:#92806E;font-family:"Amita", Sans-serif;font-size:4em;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Amita", Sans-serif;}.elementor-kit-6 h3{font-family:"Poppins", Sans-serif;font-size:1.5em;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Amita", Sans-serif;font-size:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*** général***/


/*** HEADER ***/



/*** FOOTER ***/

/*** ARTICLE ***/

:root{
  --ua-bg: #f6f7f5;
  --ua-card: #ffffff;
  --ua-border:#e7eae6;
  --ua-accent:#7aa46a;     /* vert naturopathie */
  --ua-accent-2:#496d4a;   /* vert foncé */
  --ua-text:#2B2E2D;
  --ua-muted:#6b726d;
  --ua-shadow: 0 8px 24px rgba(18,38,32,.08);
  --radius: 18px;
}

/* HERO */
.single-hero{
  padding: clamp(32px,5vw,72px) 0;
  background: linear-gradient(180deg, #eff3ef 0%, #f9fbf8 100%);
  border-bottom: 1px solid var(--ua-border);
}
.single-meta{display:flex;gap:14px;align-items:center;color:var(--ua-muted);font-size:.95rem}

/* GRID principal */
.article-grid{display:grid;grid-template-columns: 1fr 320px; gap: 28px;}
@media (max-width:1024px){.article-grid{grid-template-columns:1fr}}
/* TOC sticky */
.toc-box{
  position: sticky; top: 96px; background: var(--ua-card); border:1px solid var(--ua-border);
  border-radius: var(--radius); padding:16px 18px; box-shadow: var(--ua-shadow);
}
.toc-box h3{font-size:1rem;margin:0 0 10px;color:var(--ua-accent-2)}
.toc-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow:auto}
.toc-list a{display:block;padding:8px 10px;border-radius:10px;color:var(--ua-text);text-decoration:none}
.toc-list a.is-active{background: #eef5ee;color:var(--ua-accent-2);font-weight:600}
.toc-list .toc-h3 a{padding-left:22px;font-size:.95rem;color:var(--ua-muted)}

/* Cartes de section */
.section-card{
  background: var(--ua-card); border:1px solid var(--ua-border); border-radius: var(--radius);
  padding: clamp(18px,2.5vw,28px); box-shadow: var(--ua-shadow); margin-block: 18px;
}
.section-card h2, .section-card h3{margin-top:0}

/* Checklist conseils */
.checklist{list-style:none;padding:0;margin:0}
.checklist li{
  padding:10px 10px 10px 38px; position:relative; border-bottom:1px dashed var(--ua-border);
}
.checklist li:last-child{border-bottom:0}
.checklist li:before{
  content:""; position:absolute; left:10px; top:12px; width:18px; height:18px; border-radius:6px;
  background: conic-gradient(from 180deg at 50% 50%, var(--ua-accent) 0 75%, #cfe3cf 75% 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill=\"white\" d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"/></svg>') center/16px 16px no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill=\"white\" d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\"/></svg>') center/16px 16px no-repeat;
}

/* FAQ */
.faq-accordion{border:1px solid var(--ua-border); border-radius: var(--radius); overflow:hidden; background:var(--ua-card)}
.faq-item{border-top:1px solid var(--ua-border)}
.faq-item:first-child{border-top:0}
.faq-q{display:flex;justify-content:space-between;align-items:center; padding:16px 18px; cursor:pointer; font-weight:600}
.faq-q span{color:var(--ua-accent-2)}
.faq-a{max-height:0; overflow:hidden; transition:max-height .35s ease; padding:0 18px}
.faq-item.is-open .faq-a{max-height:400px; padding:0 18px 16px}
.faq-item.is-open .faq-q span{color:var(--ua-accent)}

/* CTA */
.cta-banner{
  margin-top: 28px; padding: clamp(18px,3vw,32px);
  background: radial-gradient(1200px 600px at 10% 10%, #eef6ef 0, #e8f1e8 28%, #f7fbf6 80%);
  border:1px solid var(--ua-border); border-radius: var(--radius); box-shadow: var(--ua-shadow);
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
}
.cta-banner .cta-text{font-size:1.25rem; color:var(--ua-accent-2); font-weight:700}
.cta-banner .cta-sub{color:var(--ua-muted)}
.cta-btn a{background:var(--ua-accent); color:#fff; padding:12px 18px; border-radius:12px; text-decoration:none; font-weight:700}
.cta-btn a:hover{background:var(--ua-accent-2)}


/* === Correctifs article auto (La Tremblade) === */

/* 1) Confort de lecture titres/texte */
.ua-fix h2,
.ua-fix h3 {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}
.ua-fix p { margin: 0 0 10px; line-height: 1.65; }

/* 2) Mise en page des tendances (ol) en "pastille + contenu" */
.ua-fix ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: uaStep;
}
.ua-fix ol > li {
  counter-increment: uaStep;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  margin: 14px 0;
  border-bottom: 1px dashed var(--ua-border);
  padding: 12px 0;
}
.ua-fix ol > li:last-child { border-bottom: 0; }
.ua-fix ol > li::before {
  content: counter(uaStep);
  display: flex;
  align-items: center; justify-content: center;
  width: 40px; height: 40px;
  border-radius: 12px;
  background: #eef5ee;
  color: var(--ua-accent-2);
  font-weight: 700;
}

/* 3) Donne un look "carte" au contenu brut (widget Post Content) */
/*.ua-fix .elementor-widget-theme-post-content {
  background: var(--ua-card);
  border: 1px solid var(--ua-border);
  border-radius: var(--radius);
  box-shadow: var(--ua-shadow);
  padding: clamp(18px, 2.5vw, 28px);
  margin-top: 24px;
}*/

/* Wrapper neutre : pas de carte sur le bloc global */
.ua-fix .elementor-widget-theme-post-content {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

/* On garde le style carte uniquement sur les paragraphes/blocs ciblés */
.ua-card {
  background:#fff;
  border:1px solid var(--ua-border);
  border-radius:18px;
  padding:clamp(18px,2.5vw,28px);
  box-shadow:0 10px 24px rgba(18,38,32,.08);
  margin:18px 0;
}

.ua-fix .elementor-widget-theme-post-content h2 { color: var(--ua-accent-2); margin: 18px 0 10px; }
.ua-fix .elementor-widget-theme-post-content h3 { color: var(--ua-accent-2); margin: 14px 0 6px; }
.ua-fix .elementor-widget-theme-post-content img { max-width: 100%; height: auto; border-radius: 12px; }

/* 4) Sidebar (TOC + bloc RDV) : petits affinages */
.toc-box { position: sticky; top: 96px; }
@media (max-width: 1024px){
  .toc-box { position: static; margin-bottom: 18px; }
}

/* 5) Classes utilitaires de carte (réutilisables si besoin) */
.ua-card{
  background:#fff; border:1px solid var(--ua-border); border-radius:18px;
  padding:clamp(18px,2.5vw,28px); box-shadow:0 10px 24px rgba(18,38,32,.08); margin:18px 0;
}

/* --- PATCH: make the custom article block render correctly --- */

/* 1) Stop the "one-letter-per-line" effect on this block */
.ua-article h2,
.ua-article h3,
.ua-article p {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* 2) Proper styling for <ol class="ua-steps"> used in your HTML */
.ua-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: uaStep;
}
.ua-steps > li{
  counter-increment: uaStep;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr); /* bullet + flexible text */
  gap: 12px;
  align-items: start;
  margin: 14px 0;
  border-bottom: 1px dashed var(--ua-border);
  padding: 12px 0;
}
.ua-steps > li:last-child{ border-bottom: 0; }

/* Number badge */
.ua-steps > li::before{
  content: counter(uaStep);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 12px;
  background: #eef5ee;
  color: var(--ua-accent-2);
  font-weight: 700;
}

/* Your current HTML has an empty <div></div> as first child in each <li>.
   Hide it so the ::before badge is the left column. */
.ua-steps > li > div:first-child{ display: none; }

/* Headings inside list */
.ua-steps h3{
  margin: 0 0 6px;
  color: var(--ua-accent-2);
}
.ua-muted{ color: var(--ua-muted); }

/* 3) Optional: keep the "card" look on your content block */
.ua-article .ua-card{
  background:#fff;
  border:1px solid var(--ua-border);
  border-radius:18px;
  padding:clamp(18px,2.5vw,28px);
  box-shadow:0 10px 24px rgba(18,38,32,.08);
  margin:18px 0;
}



/*** PAGE ***/

/*** SECTION ACCUEIL ***/

.espaceur{
    box-shadow: -40px 40px 0px 0px #799664 !important;
}
.espaceur2{
    box-shadow: 40px 40px 0px 0px #799664 !important;
}


.specialties_content_wrapper {
    position: relative;
}
.specialties_content {
    text-align: right;
    margin-bottom: 46px;
    position: relative;
}
.specialties_content2
 {
    text-align: left;
}
.specialties_content .specialties_name {
    font-family: 'poppins', serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--e-global-color-primary);
    margin-bottom: 6px;
}
.s1 {
    padding-top: 110px;
    padding-right: 25px;
}
.s2 {
    padding-right: 70px;
}
.s3 {
    padding-right: 75px;
}
.s4 {
    padding-right: 25px;
}
.s5 {
    padding-top: 110px;
    padding-left: 24px;
}
.s6 {
    padding-left: 74px;
}
.s7 {
    padding-left: 74px;
}
.s8 {
    padding-left: 24px;
}
.s1::after {
    top: 110px;
    right: -78px;
}
.s2::after {
    top: 0px;
    right: -30px;
}
.s3::after {
    top: 0;
    right: -30px;
}
.s4::after {
    top: 0;
    right: -78px;
}

.s5::after {
    top: 110px;
    left: -78px;
}
.s6::after {
    top: 0px;
    left: -30px;
}
.s7::after {
    top: 0;
    left: -30px;
}
.s8::after {
    top: 0;
    left: -78px;
}

.specialties_left_line {
    position: absolute;
    top: 120px;
    right: -50px;
}
.specialties_right_line {
    position: absolute;
    top: 120px;
    left: -50px;
}
.specialties_content2::after {
    content: "\f058";
    height: 76px;
    width: 76px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 5px;
    font-weight: 400;
    font-size: 42px;
    line-height: 64px;
    color: #fff;
    font-family: 'Font Awesome 6 Free';
}
.specialties_content::after {
    content: "\f058";
    height: 76px;
    width: 76px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 5px;
    font-weight: 400;
    font-size: 42px;
    line-height: 64px;
     color: #fff;
    font-family: 'Font Awesome 6 Free';
}


/*****************************/
/******  pages   *****/
/*************************/

.page-interne ul{
    list-style: none;
    margin-left:25px;
}

.page-interne  ul li::before{
    content: "\f058";
    height: 15px;
    width: 15px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 1px;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    font-family: 'Font Awesome 6 Free';
        margin-left: -25px;
    margin-top: 5px;
}

/*** FORMULAIRE ***/

/*** RESPONSIVE ***/


@media screen and (max-width: 767px) {
    
    .specialties_content::before
 {
    content: "\f058";
    height: 40px;
    width: 40px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    padding: 5px;
    FONT-WEIGHT: 200;
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    font-family: 'Font Awesome 6 Free';
}
 .specialties_content::after {   
    display:none;
}

.specialties_content .specialties_name,
.specialties_paragraph{
       margin-left: 50px;
}

}
@media (min-width: 768px) {
   
}

@media screen and (max-width: 991px) {
   
    .s1 {
        padding-top: 15px;
    }
    .s5 {
        padding-top: 15px;
    }
  
}

@media screen and (max-width: 1199px) {
   
    .s1 {
        padding-right: 10px;
    }
    .s2 {
        padding-right: 45px;
    }
    .s3 {
        padding-right: 45px;
    }
    .s5 {
        padding-left: 10px;
    }
    .s6 {
        padding-left: 48px;
    }
    .s7 {
        padding-left: 48px;
    }
    .s8 {
        padding-left: 24px;
    }
      
}/* End custom CSS */