.elementor-kit-1513{--e-global-color-primary:#FEDB00;--e-global-color-secondary:#CE0F69;--e-global-color-text:#000033;--e-global-color-accent:#CE0F69;--e-global-color-blanc:#FFFFFF;--e-global-typography-primary-font-family:"Change";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Dry";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Change";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Dry";--e-global-typography-accent-font-weight:700;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1000ms;--e-preloader-animation-duration:500ms;--e-preloader-delay:0ms;--e-preloader-color:#F10470;--e-preloader-size:20px;}.elementor-kit-1513 button,.elementor-kit-1513 input[type="button"],.elementor-kit-1513 input[type="submit"],.elementor-kit-1513 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );box-shadow:0px 5px 0px 0px #C5BA04;border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-kit-1513 e-page-transition{background-color:#FFFFFF;}.elementor-kit-1513 a{color:var( --e-global-color-accent );text-decoration:none;}.elementor-kit-1513 a:hover{color:var( --e-global-color-text );}.elementor-kit-1513 h1{color:var( --e-global-color-secondary );font-family:"Dry", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;}.elementor-kit-1513 h2{color:var( --e-global-color-secondary );font-family:"Dry", Sans-serif;font-size:36px;font-weight:400;text-transform:uppercase;font-style:normal;}.elementor-kit-1513 h3{color:var( --e-global-color-secondary );font-family:"Dry", Sans-serif;font-size:24px;font-weight:normal;text-transform:uppercase;}.elementor-kit-1513 h4{color:var( --e-global-color-secondary );font-family:"Dry", Sans-serif;font-size:18px;font-weight:500;text-transform:none;}.elementor-kit-1513 h5{color:var( --e-global-color-text );font-family:"Change", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-1513 h6{color:var( --e-global-color-accent );font-size:16px;}.elementor-kit-1513 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:120px;--container-default-padding-bottom:30px;--container-default-padding-left:120px;}.elementor-widget:not(:last-child){--kit-widget-spacing:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-1513{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1513 button,.elementor-kit-1513 input[type="button"],.elementor-kit-1513 input[type="submit"],.elementor-kit-1513 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:64px;--container-default-padding-bottom:0px;--container-default-padding-left:64px;}}@media(max-width:767px){.elementor-kit-1513{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-1513 h1{font-size:42px;}.elementor-kit-1513 button,.elementor-kit-1513 input[type="button"],.elementor-kit-1513 input[type="submit"],.elementor-kit-1513 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}}/* Start custom CSS *//* ===================================
   STYLES DE BASE ET GÉNÉRAUX
   ================================== */
   


body {
    margin: 0;
    padding: 0;
    color: #000033;
}

strong {
    font-weight: 600;
}
h1 {
    font-size: 60px;
}
h2 {
    margin: 1.75em 0 0;
}
h3 {
    margin: 1.25em 0 0;
}
h3 + p {
    margin-top: 0.5em;
}
.elementor-widget-text-editor > h2 {
    margin: 0em 0 0;
}

header[data-elementor-type="header"] .elementor-sticky {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); 
}
.aligncenter {
    text-align: center;
}

.site-container {
    padding-bottom: 64px;
}
.site-container, .container {
    width:100%;
    max-width: 1440px;
    margin: 0 auto;
}

/* ===================================
   WIDGET NUB - COMPOSANT SPÉCIFIQUE
   ================================== */

/* Container principal du widget */
.nub-container {
    display: block;
    padding-left: 18px;
    border-left: 1px solid #DDD;
    min-height: 150px;
    overflow: hidden;
}

/* Conteneur flex pour alignement */
.nub-container .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* Layout vertical (par défaut) - éléments empilés */
.nub-layout-vertical .nub-number,
.nub-layout-vertical .nub-unit,
.nub-layout-vertical .nub-baseline {
    display: block;
}

/* Layout horizontal - éléments alignés horizontalement */
.nub-layout-horizontal {
    display: flex;
    align-items: baseline;
    gap: 0.5em;
}

.nub-layout-horizontal .nub-number,
.nub-layout-horizontal .nub-unit,
.nub-layout-horizontal .nub-baseline {
    display: inline-block;
}

/* Styles des éléments internes du widget */
.nub-number {
    font-size: 3em;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 5px
}

.nub-number .suffix {
    font-size: 28px;
    font-weight: 600;
    padding-left: 5px
}

.nub-baseline {
    display: block;
    padding-top: 5px;
    font-size: 18px;
    margin-top: 0.5em;
    font-family: 'dry';
    font-weight: normal;
    text-transform: uppercase;
    color: #000033;
}
.nub-picto-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.nub-picto-icon i,
.nub-picto-icon svg {
    transition: all 0.3s ease;
}
/* ===================================
                BOUTONS
   ================================== */

/* Boutons avec ombre colorée - variante jaune */
.elementor-widget-button.jaune .elementor-button {
    box-shadow: 0 5px #CBAF00;
    background-color: #FEDB00;
    border-radius: 50px;
    padding: 15px 30px;
    color: #000;
}

/* Boutons avec ombre colorée - variante magenta */
.elementor-widget-button.magenta .elementor-button,
.wp-element-button {
    box-shadow: 0 5px #A40C54;
    background-color: #CE0F69;
    border-radius: 50px;
    padding: 15px 30px;
    color: #FFF !important;
}

/* Miniatures des posts avec coins arrondis */
.elementor-post__thumbnail {
    border-radius: 32px;
}

/* Titres des posts - police et style spécifiques */
.elementor-widget-posts .elementor-post__title, 
.elementor-widget-posts .elementor-post__title a {
    font-family: 'dry' !important;
    text-transform: uppercase;
    color: #000033 !important;
}


.e-con .e-child {
    padding-left:0px;
    padding-right:0px;
}

/* ===================================
   BLOG - STRUCTURE GÉNÉRALE
   ================================== */

/* En-tête du blog et des articles individuels */
.blog .entry-top, 
.archive .entry-top,
.single .entry-top {
    display: flex;
    justify-content: center;
    background-color: #CE0F69;
    color: #FFFFFF;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    font-family: Dry
}
.archive .entry-top {
    margin-bottom: 50px;
}
.blog .entry-top h1,
.archive .entry-top h1,
.archive .entry-top h4{
    color: #FFFFFF;
}
.archive .entry-top h4 {
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0;
}
.archive .entry-top h4 + h1 {
    margin-top: 0;
}

.single .entry-top {
    padding: 0.67em 0;
}



/* Section supérieure du blog avec fond jaune */
.blog .post_top {
    background-color: #FEDB00;
    padding: 64px 64px 0 64px;
    margin-bottom: 64px;
}

/* Titres communs du blog */
.blog h2, 
.archive h2,
.search h2,
.single .related-posts h2
{
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.15em;
    margin-bottom: 0px
}

.blog h2 a, .archive h2 a, .search h2 a,
.single .related-posts h2 a {
    color: #000 !important;
    text-decoration: none !important;
}

.post_filters {margin-top:50px;}
.post_filters .elementor-widget-button.jaune .elementor-button {
    padding: 10px 20px;
    font-size:0.95em;
}

/* ===================================
   BLOG - ARTICLE PRINCIPAL (FEATURED)
   ================================== */

/* Container de l'article mis en avant */
.blog article.featured-article {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* En-tête de l'article featured (50% de largeur) */
.blog article.featured-article header {
    width: 50%;
}

/* Image de l'article featured */
.blog article.featured-article header img {
    width: 100%;
    height: auto;
    border-radius: 40px;
}

/* Container du contenu textuel de l'article featured */
.featured-header-post {
    padding: 0 48px;
}
.featured-header-post h5 {
   text-transform: uppercase !important;
}

/* Sous-titre de l'article featured */
article.featured-article h5 {
    font-family: 'Dry';
    text-transform: none;
    margin: 1em 0 0;
    padding: 0;
    font-size: 1em;
    color: #222
}

article.featured-article h5 a {
    color: #222;
    text-decoration: none;
}

/* Titre principal de l'article featured */
article.featured-article h2.featured-title {
    margin: 0.25em 0 1em;
}

/* ===================================
   SEARCH - 
   ================================== */
.search-form {
    margin: 50px 30px;
}
.search-form .search-input {
    padding: 20px;
    font-size: 20px;
    width: 100%;
    border-radius: 40px;
    border: 0px;
    background:rgba(0,0,0,0.05);
}
.search-results-header {
    margin: 0 30px;
}
.search-results-header h1 {
    margin-bottom: 0;
}
.search-results-header p {
    font-size:20px;
    margin-top: 0;
    font-family: Dry;
}

/* ===================================
   BLOG - CATEGORIES FILTER
   ================================== */
.category-filters {
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
.category-filters > div {
    margin: 0 10px;
}
/* ===================================
   BLOG - LISTE DES ARTICLES
   ================================== */

/* Container flex pour la grille d'articles */
.posts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

/* Articles individuels dans la grille (30% de largeur) */
.posts article {
    width: 30%;
    margin: 30px 15px;
}

/* Sous-titres des articles dans la grille */
.posts article .entry-header h5 {
    font-family: 'Dry';
    text-transform: uppercase;
    margin: 1em 0 0;
    padding: 0;
    font-size: 1em;
    color: #222
}

.posts article .entry-header h5 a {
    color: #222;
    text-decoration: none;
}

/* Titres des articles dans la grille */
.posts article .entry-header h2 {
    margin: 0.25em 0 0;
}

/* Images des articles dans la grille */
.posts article .wp-post-image-link {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 66.666667%; /* 2/3 * 100% = 66.67% */
    overflow: hidden;
}
.posts article .wp-post-image { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 32px;
}

/* Contenu textuel des articles dans la grille */
.posts article .entry-content p {
    margin-top: 0.5em;
}

/* =========================
    PAGINATION
    ======================== */
.pagination-wrapper {
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.pagination-wrapper > div{
    min-width: 180px;
}
a.page-numbers, span.page-numbers {
    display: inline-block;
    margin: 4px;
    color: #CE0F69;
}
.page-numbers.current {
    color: #000000;
}
.page-numbers.prev, .page-numbers.next {
    box-shadow: 0 5px #A40C54;
    background-color: #CE0F69;
    border-radius: 50px;
    padding: 15px 30px;
    color: #FFF !important;
}

/* ===================================
   SINGLE POST - ARTICLE INDIVIDUEL
   ================================== */

/* Contenu principal de l'article individuel */
.single .post .entry-content,
.single .post .entry-footer {
    margin: 60px 240px;
}
.single .related-posts .entry-content {
    margin: 0;
}
.single .post .entry-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-top: 1px solid rgba(0,0,0,0.25);
    padding-top: 40px;
}

/* En-tête de l'article individuel */
.single .post .entry-header {
    background-color: #FEDB00;
}
.single .related-posts .post .entry-header {
    background-color: transparent;
}
/* En-tête de l'article individuel */
.single .post .entry-header .site-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single .post .entry-header .site-content h1{
    color: #000000;
    transform: translate3d(0px, -40px, 0px);
}
.single .post .entry-header .post-info,
.single .post .entry-header .post-thumbnail {
    width:46%;
    padding: 40px 2%;
}
.single .post .entry-header .post-info .ariane a {
    color:#000;
    text-decoration: none;
}
/* Miniature de l'article individuel */
.single .post .entry-header .post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 40px;
}

.single .share-icon {
    height: 25px;
    display: inline-block;
    padding:0 5px;
    margin: 10px 6px 0 0;
}
.single .share-icon svg {
    height: 100%;
    width: auto;
    transform: translate3d(-3px, 0, 0);
}

.single .related-posts {
    background-color: rgba(0,0,0,0.05);
    padding: 32px 32px 0;
}
/* ===================================
   PAGE - 
   ================================== */
   .page .entry-top, .single-faq .entry-top {
        background: #FED800;
        background: linear-gradient(90deg,rgba(254, 216, 0, 1) 10%, rgba(206, 15, 105, 1) 100%);
        position: relative;
        margin-bottom: 64px;
        padding:0;
   }
   .page .entry-top:before, .single-faq .entry-top:before {
       content:"";
       position: absolute;
       z-index: 1;
       width:100%;
       height: 100%;
       background-image: url('https://dryjanuary.fr/app/uploads/2025/09/header_gouttes-01-scaled.png');
       background-size: cover;
       opacity: 0.1;
       
   }
   .page .entry-top .entry-header, .single-faq .entry-top .entry-header {           padding: 20px 0;
       display: flex;
       justify-content: center;
       position: relative;
       z-index: 2;
   }
   .page .entry-top .entry-header h1, .single-faq .entry-top .entry-header h1 {
       color: #FFFFFF;
   }

/*====================================
    FAQ
    ==================================*/
    .faq-container {
              max-width: 800px;
              margin: 0 auto;
          }
          .faq-item {
              border: 1px solid #ddd;
              margin-bottom: 10px;
              border-radius: 5px;
          }
          .faq-toggle {
              background: #f5f5f5;
              padding: 15px;
              margin: 0;
              cursor: pointer;
              border-radius: 5px 5px 0 0;
              transition: background-color 0.3s;
          }
          .faq-toggle:hover {
              background: #e0e0e0;
          }
          .faq-content {
              padding: 15px;
              display: none;
              border-top: 1px solid #ddd;
          }
          .faq-content.active {
              display: block;
          }   

/* ===================================
   NAVIGATION
   ================================== */

/* Container de navigation entre les pages */
.nav-links {
    display: flex;
    justify-content: space-between;
}

/* Boutons de navigation précédent/suivant */
.nav-links .nav-previous a, 
.nav-links .nav-next a {
    padding: 10px 20px;
    text-decoration: none;
    background-color: #CE0F69;
    color: white;
    border-radius: 24px;
    box-shadow: 0 5px #A40C54;
}

/* ===================================
   RESPONSIVE - ADAPTATIONS TABLETTES
   ================================== */

@media (max-width: 1024px) {
    .single .post .entry-content, .single .post .entry-footer {
    margin: 60px 100px;
    }
    .single .post .entry-content, .single .post .entry-footer {
    margin: 60px 100px;
    }
   .single  .related-posts .entry-content {
         margin: 10px 0px;
     }
    
}
    
/* ===================================
   RESPONSIVE - ADAPTATIONS MOBILES
   ================================== */

@media (max-width: 768px) {

    .container {
        width:calc(100% - 60px);
        padding: 0 30px;
    }
    
    .elementor-widget-button .elementor-button {
        max-width: calc(100% - 60px);
    }
    
    .page .entry-top {
        margin-bottom: 40px;
    }

    
    /* Widget NUB - passage en vertical sur mobile */
    .nub-layout-horizontal {
        flex-direction: column;
        align-items: flex-start;
    }
    
    /* Réduction de la taille des chiffres sur mobile */
    .nub-number {
        font-size: 2.5em;
    }
    

    .e-con .e-child{
        padding: 0px 0px;
    }
    
    
    .single .post .site-content {
        flex-direction:column;
    }
    .single .post .site-content .post-info {
        width:100%;
        padding: 40px 2% 0;
    }
    .single .post .site-content .post-info .entry-meta {
        padding-bottom:5px;
    }
     .single .post .entry-header .site-content h1 {
        padding:0px 0 10px;
        margin:0px;
        transform: translate3d(0, 0, 0);
    }
    .single .post .site-content .post-thumbnail {
        padding:0 2% 20px;
    }
    .single .post .entry-content, 
    .single .post .entry-footer {
        margin: 60px 0px;
    }



    .posts.related {
        display: flex;
        flex-direction: column;
    }
    .posts.related article {
        width: calc(100% - 30px);
    }
    .single .related-posts .entry-content {
        margin: 10px 0px;
    }
    .blog .post_top {
        margin-bottom: 0px !important;
        padding: 30px 0;
    }
    .blog .post_top article {
        flex-direction:column;
    }
    .blog article.featured-article .featured-header-post {
        width: calc(100% - 40px);
    }
    .category-filters > div {
        margin: 10px 0 !important;
    }
    .category-filters .elementor-button-content-wrapper {
        font-size:0.9em;
    }
    .pagination-wrapper {
        flex-direction:column;
        align-items:center;
    }
    .page-numbers-container {
        text-align:center;
    }
    .blog .posts article, .archive .posts article {
        width: 100%;
        margin: 30px 0px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Change';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-regular-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-semibold-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-semibold-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-bold-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-bold-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-light-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-light-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-lightitalic-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-lightitalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-italic-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-italic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-semibolditalic-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-semibolditalic-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Change';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/change-bolditalic-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/change-bolditalic-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Dry';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dryjanuary.fr/app/uploads/2025/07/dry-boldcondensed-webfont.woff2') format('woff2'),
		url('https://dryjanuary.fr/app/uploads/2025/07/dry-boldcondensed-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */