/* post content */
body article div div h1 {
    font-size: 1.6em!important;
    line-height: 35px!important;
/*    text-transform: lowercase!important;*/
    margin-top: 2!important;
    margin-bottom: 10px!important;
}
/*
body article div div h1::first-letter, body article div div h2::first-letter, body article div div h3::first-letter {
    text-transform: uppercase!important;
*/

body article div div h2 {
    font-size: 1.3em!important;
    line-height: 30px!important;
/*    text-transform: lowercase!important;*/
    margin-top: 0!important;
    margin-bottom: 25px!important;
}
body article div div h3 {
    font-size: 1.1em!important;
    line-height: 25px!important;
/*    text-transform: lowercase!important;*/
    margin-top: 0!important;
    margin-bottom: 10px!important;
}
body article div div h4 {
    font-size: 1.0em!important;
    line-height: 25px!important;
/*    text-transform: lowercase!important;*/
    margin-top: 0!important;
    margin-bottom: 10px!important;
}

/* next post bottom post */
body > section.relative.h-96.w-full.bg-cover.bg-fixed.bg-center.bg-no-repeat > div:nth-child(2) > div > h2 {
    text-transform: lowercase!important;
}
body > section.relative.h-96.w-full.bg-cover.bg-fixed.bg-center.bg-no-repeat > div:nth-child(2) > div > h2::first-letter {
    text-transform: uppercase!important;
}


/* homepage */

/* 
body > section.bg-gray-50.pt-12.sm\:pt-16.lg\:pt-20 > div > article > div > a.group.mt-3.block > h2 {
    text-transform: lowercase;
}
body > section.bg-gray-50.pt-12.sm\:pt-16.lg\:pt-20 > div > article > div > a.group.mt-3.block > h2::first-letter {
    text-transform: uppercase;
}

/* sidebar homepage recents posts */
/*
body > section.bg-gray-50.pt-12.sm\:pt-16.lg\:pt-20 > div > div > div > article > div > a:nth-child(2) > h2 {
    text-transform: lowercase;
}
body > section.bg-gray-50.pt-12.sm\:pt-16.lg\:pt-20 > div > div > div > article > div > a:nth-child(2) > h2::first-letter {
    text-transform: uppercase;
}
*/
/*
body > section.relative.mx-auto.max-w-xl.px-4.py-12.sm\:px-12.sm\:py-16.md\:max-w-3xl.lg\:max-w-screen-xl.lg\:px-8.lg\:py-24 > div > div.mt-12.w-full.space-y-8.sm\:mt-16.lg\:col-span-1.lg\:mt-0 > div.w-full.rounded-2xl.bg-gray-50.p-5.sm\:p-8 > div > article > div > div > div > a {
    text-transform: lowercase;
}
body > section.relative.mx-auto.max-w-xl.px-4.py-12.sm\:px-12.sm\:py-16.md\:max-w-3xl.lg\:max-w-screen-xl.lg\:px-8.lg\:py-24 > div > div.mt-12.w-full.space-y-8.sm\:mt-16.lg\:col-span-1.lg\:mt-0 > div.w-full.rounded-2xl.bg-gray-50.p-5.sm\:p-8 > div > article > div > div > div > a::first-letter {
    text-transform: uppercase;
    background-color: red;
}
*/



/* subject tendance */
/* 
body > section.relative.mx-auto.max-w-xl.px-4.py-12.sm\:px-12.sm\:py-16.md\:max-w-3xl.lg\:max-w-screen-xl.lg\:px-8.lg\:py-24 > div > div.col-span-2 > article > div.relative.mt-6.flex.flex-col.flex-wrap.md\:col-span-3.md\:mt-0 > div > div > h2 {
    text-transform: lowercase;
}
body > section.relative.mx-auto.max-w-xl.px-4.py-12.sm\:px-12.sm\:py-16.md\:max-w-3xl.lg\:max-w-screen-xl.lg\:px-8.lg\:py-24 > div > div.col-span-2 > article > div.relative.mt-6.flex.flex-col.flex-wrap.md\:col-span-3.md\:mt-0 > div > div > h2::first-letter {
    text-transform: uppercase;
}
 */
  
/* Logo Naturel header*/
.logomobile {
    height: 2.80rem;
    width : auto
}
.logodesktop {
    height: 3.00rem;
    width : auto
}

/* Logo Naturel header*/
.logodesktopfooter {
    height: 2.00rem;
    width : auto
}

/* Pagefind Light - Search*/
:root {
    --pagefind-ui-scale: 0.7!important;
    --pagefind-ui-primary:#016a06!important;
    --pagefind-ui-text:#152028!important;
    --pagefind-ui-background:#ffffff!important;
    --pagefind-ui-border: #eeeeee!important;
    --pagefind-ui-tag:#eeeeee!important;
    --pagefind-ui-border-width: 2px!important;
    --pagefind-ui-border-radius: 8px!important;
    --pagefind-ui-image-border-radius: 16px!important;
    --pagefind-ui-image-box-ratio: 3 / 2!important;
    --pagefind-ui-font: sans-serif!important;
}

input.pagefind-ui__search-input {
    outline-color: var(--pagefind-ui-primary);
}


/* Styles communs pour tous les liens avec tooltips */
.internal-link, .external-link, .externe-link {
    position: relative;
    text-decoration: none;
}

.internal-link:hover {
    color: #0E7537!important; /* Ajustez la couleur au survol si nécessaire */

}
.external-link:hover,
.externe-link:hover,
.partner-link:hover {
    color: #307cff!important;
}

.external-link,
.externe-link,
.partner-link {
    position: relative;
    text-decoration: none!important;
    color: #2256b0!important;
    border-bottom: 1px dotted #2256b0!important;
}

.material-icons {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 3px;
}

.internal-link:hover::after,
.external-link:hover::after,
.externe-link:hover::after,
.partner-link:hover::after {
    content: attr(data-goto);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f9f9f9;
    color: black;
    padding: 5px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}

.internal-link:hover::after,
.external-link:hover::after,
.externe-link:hover::after,
.partner-link:hover::after {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -10px);
}

.internal-link {
    border-bottom: 1px dotted #0E7537!important;
    text-decoration: none!important;
    color: #05371a!important; /* Ajustez la couleur au survol si nécessaire */
}

/* FAQ style */

details > summary {
    list-style: none; /* Enlève le style par défaut de liste */
    cursor: pointer; /* Change le curseur pour indiquer que c'est cliquable */
  }
  details > summary::-webkit-details-marker {
    display: none; /* Enlève le chevron par défaut sur les navigateurs WebKit */
  }
  details > summary::before {
    content: '► '; /* Ajoute un chevron personnalisé avant le texte */
  }
  details[open] > summary::before {
    content: '▼ '; /* Change le chevron lorsque les détails sont ouverts */
  }
  .faq-question {
    display: inline; /* Force le h3 à ne pas être un bloc */
    margin: 0; /* Enlève la marge par défaut des h3 */
    font-size: 1em; /* Ajuste la taille de la police si nécessaire */
  }

/* Modif accordeaon seo homepage */

#detailshomepage > summary::before {
    content: ''; /* Neutralise le chevron personnalisé avant le texte pour l'élément spécifique */
}

#detailshomepage [open] > summary::before {
    content: ''; /* Neutralise le changement de chevron lorsque les détails spécifiques sont ouverts */
}
#h1homepage {
    font-size: 18px!important;
    line-height: 1.4!important;
}

@media (max-width: 640px) {
    #h1homepage {
        font-size: 15px!important;/* Réduisez la taille de la police sur les petits écrans */
        line-height: 1.2!important; /* Ajustez l'espacement des lignes pour réduire l'espace entre les lignes si nécessaire */
    }
}