.elementor-35561 .elementor-element.elementor-element-f9eccdb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-80af176{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-7fddb07{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-23fe78f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-0a6471c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-2337a60{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-1b31b1c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-8017e6e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-b259ea8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-f46bffd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-32c879a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-562a338{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-6f852ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-a941c17{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-63d146d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:030px;--padding-right:030px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35561 .elementor-element.elementor-element-6090068 .elementor-heading-title{font-family:"GEIST MONO", Sans-serif;font-size:12px;font-weight:normal;letter-spacing:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#6B37F4;}.elementor-35561 .elementor-element.elementor-element-00043f4 .elementor-heading-title{font-family:"GEIST", Sans-serif;font-size:45px;font-weight:600;letter-spacing:-3px;-webkit-text-stroke-color:#000;stroke:#000;color:#010003;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35561 .elementor-element.elementor-element-274f5f5{column-gap:0px;font-family:"GEIST", Sans-serif;font-weight:400;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-35561 .elementor-element.elementor-element-cc698a8{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-35561 .elementor-element.elementor-element-cc698a8:after{content:"0.5";}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__thumbnail__link{width:100%;}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__card{border-radius:20px;}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 79% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__title, .elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__title a{font-family:"GEIST", Sans-serif;font-weight:900;}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__meta-data{font-family:"GEIST", Sans-serif;font-weight:400;}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__read-more{color:var( --e-global-color-secondary );}.elementor-35561 .elementor-element.elementor-element-cc698a8 a.elementor-post__read-more{font-family:"GEIST MONO", Sans-serif;font-weight:normal;}.elementor-35561 .elementor-element.elementor-element-364c5d6{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35561 .elementor-element.elementor-element-8161ad8 .elementor-button{background-color:#6B37F4;font-family:"GEIST", Sans-serif;font-size:15px;font-weight:900;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:23px 23px 23px 23px;}.elementor-35561 .elementor-element.elementor-element-8161ad8 .elementor-button:hover, .elementor-35561 .elementor-element.elementor-element-8161ad8 .elementor-button:focus{background-color:#170C3B;}.elementor-35561 .elementor-element.elementor-element-50595fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-becde60{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35561 .elementor-element.elementor-element-dab1faa{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__title, .elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__title a{font-size:18px;}}@media(max-width:767px){.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0 * 100% );}.elementor-35561 .elementor-element.elementor-element-cc698a8:after{content:"0";}.elementor-35561 .elementor-element.elementor-element-cc698a8 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//* TEST ULTRA-VIOLENT — à coller en CSS personnalisé */

/* Cible n'importe quel bouton avec la classe .elementor-button, peu importe où */
a.elementor-button,
a.elementor-button-link,
.elementor-button,
.elementor-button-link {
    transition: transform .3s ease, box-shadow .3s ease !important;
    transform: translateY(0) !important;
}

a.elementor-button:hover,
a.elementor-button-link:hover,
.elementor-button:hover,
.elementor-button-link:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 12px -6px rgba(107, 55, 244, .35) !important;
}

a.elementor-button:active,
a.elementor-button-link:active,
.elementor-button:active,
.elementor-button-link:active {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 18px -8px rgba(107, 55, 244, .5) !important;
}
/* --- SECTION CONSEILS : Reproduction du design de la maquette --- */

/* 1. Conteneur de la grille */
#conseils .elementor-posts-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* 2. La carte (Article) */
#conseils .elementor-post {
    background: #FFFFFF;
    border: 1px solid #E7E5EF; /* Bordure subtile */
    border-radius: 20px; /* Coins arrondis */
    overflow: hidden;
    box-shadow: 0 10px 30px -15px rgba(18, 10, 51, 0.1); /* Ombre douce */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

#conseils .elementor-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -20px rgba(107, 55, 244, 0.3);
}

/* 3. L'image */
#conseils .elementor-post__thumbnail {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    margin: 0;
}

#conseils .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 10; /* Ratio de l'image */
}

/* 4. Le corps de la carte */
#conseils .elementor-post__text {
    padding: 24px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 5. Le titre */
#conseils .elementor-post__title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
    color: #120A33; /* Encre de nuit */
}

#conseils .elementor-post__title a {
    color: inherit;
    text-decoration: none;
}

/* 6. Le lien "Lire la suite" */
#conseils .elementor-post__read-more {
    margin-top: auto; /* Pousse le lien vers le bas */
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6B37F4; /* Violet */
    text-decoration: none;
    padding-bottom: 20px; /* Espace avant la date */
}

#conseils .elementor-post__read-more:hover {
    color: #170C3B;
}

/* 7. Les métadonnées (Date) */
#conseils .elementor-post__meta-data {
    padding: 16px 24px;
    border-top: 1px solid #E7E5EF;
    font-size: 13px;
    color: #8E8B9C;
    margin-top: auto;
    background: #FFFFFF;
}
/* =========================================================
   SECTION CONSEILS - Reproduction exacte de la maquette
   ========================================================= */

/* 1. Conteneur principal de la section */
#conseils {
    padding: 80px 0;
    background-color: #F6F5FA; /* Fond gris très clair (tint) */
}

#conseils .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* 2. En-tête de section (Surtitre, Titre, Description) */
#conseils .sec-head {
    margin-bottom: 50px;
    text-align: left;
}

#conseils .kicker {
    display: block;
    font-family: monospace;
    font-size: 11.5px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #6B37F4; /* Violet */
    font-weight: 600;
    margin-bottom: 16px;
}

#conseils h2 {
    font-size: clamp(30px, 4.2vw, 52px);
    font-weight: 900;
    letter-spacing: -0.045em;
    color: #120A33; /* Encre de nuit */
    margin: 0 0 18px 0;
    line-height: 1.02;
}

#conseils .lead {
    font-size: 18px;
    line-height: 1.55;
    color: #524E68; /* Gris texte courant */
    max-width: 60ch;
    margin: 0;
}

/* 3. Grille des articles */
#conseils .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

/* 4. La carte (Article) */
#conseils .elementor-post {
    background: #FFFFFF;
    border: 1px solid #E7E5EF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px -15px rgba(18, 10, 51, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#conseils .elementor-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -20px rgba(107, 55, 244, 0.25);
}

/* 5. L'image */
#conseils .elementor-post__thumbnail {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    margin: 0 !important;
}

#conseils .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 10;
    display: block;
}

/* 6. Le corps de la carte */
#conseils .elementor-post__text {
    padding: 24px 24px 16px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 7. Le titre de l'article */
#conseils .elementor-post__title {
    margin: 0 0 12px 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #120A33 !important;
}

#conseils .elementor-post__title a {
    color: #120A33 !important;
    text-decoration: none !important;
}

#conseils .elementor-post__title a:hover {
    color: #6B37F4 !important;
}

/* 8. Le lien "Lire la suite" (Correction : enlever le rouge) */
#conseils .elementor-post__read-more {
    margin-top: auto !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #6B37F4 !important; /* Violet */
    text-decoration: none !important;
    padding-bottom: 20px !important;
    display: inline-block;
}

#conseils .elementor-post__read-more:hover {
    color: #170C3B !important;
}

/* 9. Les métadonnées (Date) */
#conseils .elementor-post__meta-data {
    padding: 16px 24px !important;
    border-top: 1px solid #E7E5EF !important;
    font-size: 13px !important;
    color: #8E8B9C !important;
    margin-top: auto !important;
    background: #FFFFFF !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* 10. Bouton "Voir tous les conseils" (Centré) */
#conseils .sec-cta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 40px !important;
}

#conseils .sec-cta .btn {
    background: #6B37F4 !important;
    border: 2px solid #6B37F4 !important;
    color: #FFFFFF !important;
    padding: 15px 30px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
    width: auto !important;
}

#conseils .sec-cta .btn:hover {
    background: #170C3B !important;
    border-color: #170C3B !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(23, 12, 59, 0.2);
}

/* 11. Responsive (Mobile) */
@media (max-width: 900px) {
    #conseils .elementor-posts-container {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 600px) {
    #conseils .elementor-posts-container {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GEIST MONO';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Bold.woff2') format('woff2'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Bold-1.woff') format('woff'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'GEIST MONO';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Regular-2.woff2') format('woff2'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Regular-1.woff') format('woff'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Regular-2.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GEIST';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.chat-yamo.com/wp-content/uploads/2026/09/Geist-Regular.woff2') format('woff2'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/Geist-Regular.woff') format('woff'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/Geist-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'GEIST';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://www.chat-yamo.com/wp-content/uploads/2026/09/Geist-Bold.woff2') format('woff2'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/GeistMono-Bold.woff') format('woff'),
		url('https://www.chat-yamo.com/wp-content/uploads/2026/09/Geist-Bold-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */