/* Start custom CSS for text-editor, class: .elementor-element-4b2e389a */.page-heading .title_cat{
    font-family: "playfair display";
    font-weight: 500;
    font-style: italic;
    font-size: 26px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-transform: none !important;
}
span.post-author-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    color: #3c3633;
    letter-spacing: 0.5px;
}

/* CIBLAGE LARGE POUR LE BLOG ET LES TITRES */
#ybc_blog_page .page-heading,
#ybc_blog_page .ybc_title_block,
.ybc-blog-wrapper h1,
.page-heading .title_cat,
h1.page-heading {
    font-family: "playfair display";
    font-weight: 500;
    font-style: italic;
    font-size: 26px;
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-transform: none !important;
    letter-spacing: 0px;
    line-height: 1.2;
    padding-top: 20px;
    padding-bottom: 20px;
   
}

#left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog{
    font-family: "montserrat";
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2px;

border-bottom: 1px solid #3c3633 !important; 
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}
.blog_description{
    font-family: 'playfair', serif;
    font-weight: 400;
}

.read_more, 
.ybc_blog_read_more,
a.read_more {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important; /* Un peu de gras pour l'action */
    text-transform: uppercase !important; /* Majuscules */
    letter-spacing: 2px !important; /* Espacement luxe */
    color: #3c3633 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important; /* Éloigne le soulignement du texte pour aérer */
    transition: opacity 0.3s ease;
    border-bottom: none;
}

/* Petit effet au survol de la souris */
.read_more:hover, 
.ybc_blog_read_more:hover,
a.read_more:hover {
    opacity: 0.7 !important; /* Le texte s'éclaircit légèrement */
}

#wrapper .breadcrumb ol, .list-group{
    color: #AEAEAE;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 500;
    
}

/* 1. NETTOYAGE DE LA LISTE (Enlever les puces) */
#left-column .ybc_blog_sidebar .block ul, 
#left_column .ybc_blog_sidebar .block ul, 
#right-column .ybc_blog_sidebar .block ul, 
#right_column .ybc_blog_sidebar .block ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 20px !important;
}

/* 2. STYLE DES LIENS (Les lignes de texte) */
#left-column .ybc_blog_sidebar .block ul li a, 
#left_column .ybc_blog_sidebar .block ul li a, 
#right-column .ybc_blog_sidebar .block ul li a, 
#right_column .ybc_blog_sidebar .block ul li a {
    font-family: 'Playfair display', serif !important;
    font-size: 15px !important;       /* Taille confortable */
    font-weight: 400 !important;
    font-style: italic !important;    /* La touche "Luxe" */
    color: #3c3633 !important;        /* Gris Charbon */
    text-decoration: none !important;
    display: block !important;
    padding: 8px 0 !important;        /* Espace entre chaque ligne */
    border-bottom: 1px solid rgba(60, 54, 51, 0.1) !important; /* Séparateur très fin */
    transition: all 0.3s ease !important;
}

/* 3. EFFET AU SURVOL (Petit mouvement) */
#left-column .ybc_blog_sidebar .block ul li a:hover, 
#right-column .ybc_blog_sidebar .block ul li a:hover {
    opacity: 0.7 !important;
    padding-left: 5px !important; /* Le lien se décale doucement vers la droite */
    border-bottom-color: #3c3633 !important;
}

/* 4. COMPTEUR (Le petit nombre entre parenthèses s'il y en a) */
.ybc_blog_sidebar .block ul li span, 
.ybc_blog_sidebar .block ul li small {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    color: #999999 !important;
}

/* STYLE DU TEMPS DE LECTURE */
#estimated-reading-time,
.post-reading-time {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;      /* Très petit et discret */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important; /* Espacé pour la lisibilité */
    font-weight: 500 !important;
    color: #999999 !important;       /* Gris clair pour ne pas voler la vedette au titre */
    margin-top: 5px !important;
    display: inline-block !important;
}

/* Optionnel : Ajouter une petite icône d'horloge avant si elle n'y est pas */
#estimated-reading-time::before {
    content: "⏱ " !important; /* Ou un code icône si votre thème le gère */
    font-size: 11px !important;
    margin-right: 3px !important;
    opacity: 0.7;
}

/* TITRE "LAISSER UN COMMENTAIRE" */
.ybc_comment_form_blog .title_blog {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;       /* Taille lisible mais discrète */
    font-weight: 600 !important;      /* Assez gras pour structurer */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;   /* Espacement luxe */
    color: #3c3633 !important;        /* Gris Charbon */
    
 
}

h4, 
.title_block, 
.block .title_block,
.footer-block h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;       /* Petit et net */
    font-weight: 600 !important;      /* Assez gras pour structurer */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;   /* L'espacement "Luxe" */
    color: #3c3633 !important;        /* Votre Gris Charbon */
    margin-bottom: 15px !important;   /* Espace sous le titre */
    line-height: 1.4 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5dda6259 *//* --- 1. TITRES PRINCIPAUX (CATÉGORIES & ARTICLES) --- */
body#ybc_blog_page .page-heading,
body#ybc_blog_page .ybc_title_block,
body#ybc_blog_page .page-heading .title_cat,
body#ybc_blog_page h1.page-heading,
.ybc-blog-wrapper h1 {
    font-family: "Playfair Display", serif !important;
    font-weight: 500 !important;
    font-style: italic !important;
    font-size: 28px !important; /* Légèrement augmenté pour l'impact */
    color: #3c3633 !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    line-height: 1.3 !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    text-align: center !important;
}

/* --- 2. AUTEUR & MÉTA-DONNÉES --- */
body#ybc_blog_page span.post-author-name {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    color: #a67c52 !important; /* Passage en doré pour distinguer l'auteur */
    letter-spacing: 0.5px !important;
}

body#ybc_blog_page .post-date, 
body#ybc_blog_page .ybc-date-added {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #999 !important;
}

/* --- 3. TEMPS DE LECTURE DISCRET --- */
#estimated-reading-time,
.post-reading-time {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 500 !important;
    color: #AEAEAE !important;
    margin-top: 8px !important;
    display: inline-block !important;
}

#estimated-reading-time::before {
    content: "⏱ " !important;
    font-size: 11px !important;
    opacity: 0.6;
}

/* --- 4. DESCRIPTION DE L'ARTICLE (EXCERPT) --- */
body#ybc_blog_page .blog_description {
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #666 !important;
    font-style: normal !important;
}

/* --- 5. BOUTON "LIRE LA SUITE" --- */
body#ybc_blog_page .read_more, 
body#ybc_blog_page .ybc_blog_read_more,
body#ybc_blog_page a.read_more {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #3c3633 !important;
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

body#ybc_blog_page .read_more:hover {
    opacity: 0.6 !important;
    letter-spacing: 2.5px !important;
}

/* --- 6. SIDEBAR (COLONNES GAUCHE/DROITE) --- */
/* Titres des blocs sidebar */
#ybc_blog_page .title_blog, 
#ybc_blog_page .title_block {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-align: center !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #3c3633 !important;
    border-bottom: 1px solid #3c3633 !important; 
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* Liste des liens en sidebar */
.ybc_blog_sidebar .block ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.ybc_blog_sidebar .block ul li a {
    font-family: 'Playfair Display', serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #3c3633 !important;
    display: block !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(60, 54, 51, 0.08) !important;
    transition: all 0.3s ease !important;
}

.ybc_blog_sidebar .block ul li a:hover {
    padding-left: 8px !important;
    color: #a67c52 !important;
}

/* --- 7. FIL D'ARIANE & ÉLÉMENTS STRUCTURELS --- */
#wrapper .breadcrumb ol, 
.breadcrumb {
    color: #AEAEAE !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* --- 8. FORMULAIRE DE COMMENTAIRE --- */
.ybc_comment_form_blog .title_blog {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-align: left !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}/* End custom CSS */