/* =================================================================
   ARTICLE HEADER + BREADCRUMB CORRECTIF
   ================================================================= */

/* 1. Masquer le fil d'Ariane (Breadcrumbs) */
body.single-post .ml-breadcrumbs {
    display: none !important;
}

/* 2. Forcer le fond Rose Poudré sur le Header des articles */
body.single-post .c27-main-header,
body.single-post .c27-main-header .header-skin {
    background-color: rgb(255,248,244) !important;
    border-bottom: none !important; /* On enlève la bordure grise si elle existe */
}

/* 3. Petit ajustement pour recoller le contenu en haut (optionnel) */
body.single-post .page-content {
    padding-top: 30px !important;
}


/* --- 1. CACHER LE BREADCRUMB (Fil d'Ariane) --- */
/* Cache le fil d'ariane partout sur le site */
/* Cache complètement la barre de fil d'ariane (Breadcrumbs) */
section.ml-breadcrumbs {
    display: none !important;
}

/* --- 2. FOND BEIGE POUR L'EN-TÊTE DES ARCHIVES --- */
/* Change la couleur de fond de la section Titre (là où il est écrit Catégorie) */
.page-header, 
.c27-page-header, 
section.i-section.page-head {
    background-color: #FFF8F4 !important;
}

/* Si vous vouliez aussi changer le menu tout en haut (Logo) */
.header-skin, .c27-main-header {
    background-color: #FFF8F4 !important;
}


/* style vignette magazine moderne */
/* --- STYLE UNIVERSEL (Magazine + Archives) --- */

/* 1. CIBLAGE LARGE : Elementor + Pages d'archive du thème */
.elementor-widget-case27-blog-feed-widget .section-body.grid,
.archive-page .section-body.grid {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important; /* Écrase la hauteur fixe calculée par le JS du thème */
}

/* 2. COLONNES : Force l'alignement et annule le positionnement absolu du thème */
.elementor-widget-case27-blog-feed-widget .section-body.grid > [class*='col-'],
.archive-page .section-body.grid > [class*='col-'] {
    display: flex !important;
    float: none !important;
    height: auto !important;
    position: relative !important; /* Important pour annuler le style 'absolute' du thème */
    top: auto !important;
    left: auto !important;
    margin-bottom: 30px; /* Ajoute de l'espace entre les rangées */
}

/* 3. CARTE : Structure flexible pour hauteur égale */
.elementor-widget-case27-blog-feed-widget .single-blog-feed,
.archive-page .single-blog-feed {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    background: #fff; /* Assure un fond blanc propre */
}

/* 4. CONTENU INTERNE : Remplit tout l'espace */
.elementor-widget-case27-blog-feed-widget .sbf-container,
.archive-page .sbf-container {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 5. TITRE : Pousse le bas vers le bas */
.elementor-widget-case27-blog-feed-widget .sbf-title,
.archive-page .sbf-title {
    flex-grow: 1 !important;
    padding-top: 15px;
}

/* --- NETTOYAGE VISUEL (Badges & Icônes) --- */

/* Masquer la date grise sur l'image */
.elementor-widget-case27-blog-feed-widget .lf-head-btn.event-date,
.archive-page .lf-head-btn.event-date {
    display: none !important;
}

/* Masquer l'icône rose */
.elementor-widget-case27-blog-feed-widget .cat-icon,
.archive-page .cat-icon {
    display: none !important;
}

/* Style du texte de la catégorie (élégant) */
.elementor-widget-case27-blog-feed-widget .category-name,
.archive-page .category-name {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
    margin-left: 0 !important;
}

/* --- INTERACTIONS --- */

/* Effet de survol "Lévitation" */
.elementor-widget-case27-blog-feed-widget .single-blog-feed:hover,
.archive-page .single-blog-feed:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* --- BLOG --- */
.blogpost-section .col-md-8 { margin-left: unset; width: 100%; }
@media (min-width: 1200px){ .row.blog-featured-image { width: 66.66666667%; margin-left: 16.66666667%; } }
.sbf-title p { display: none; }
.mce-btn.mce-active { display: none !important; }