.elementor-22948 .elementor-element.elementor-element-ed98020{--display:flex;}.elementor-22948 .elementor-element.elementor-element-9ae93dd{--swiper-slides-gap:0px;}body.elementor-page-22948 .c27-main-header:not(.header-scroll) .header-skin{background-color:rgb(255,248,244);}/* Start custom CSS for container, class: .elementor-element-ed98020 */.elementor-22948 .elementor-element.elementor-element-ed98020, .elementor-22948 .elementor-element.elementor-element-ed98020 p {
    color: #FFFFFF !important;
}
/* Force le conteneur global à 100% */
.elementor-22948 .elementor-element.elementor-element-ed98020 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force la grille à n'avoir qu'une seule colonne large */
.elementor-22948 .elementor-element.elementor-element-ed98020 .elementor-loop-container {
    grid-template-columns: 1fr !important;
    width: 100% !important;
}

/* Force la carte elle-même à s'étirer au maximum */
.elementor-22948 .elementor-element.elementor-element-ed98020 .e-loop-item {
    width: 100% !important;
    max-width: 100% !important;
}

/* Force le conteneur interne (Flexbox) à remplir la carte */
.elementor-22948 .elementor-element.elementor-element-ed98020 .e-loop-item > .e-con {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for case27-blog-feed-widget, class: .elementor-element-ce81186 *//* ================================================= */
/* STYLE MAGAZINE FINAL (CENTRAGE FIXÉ)        */
/* ================================================= */

/* --- 1. STRUCTURE GÉNÉRALE (Magazine + Archives) --- */
.elementor-widget-case27-blog-feed-widget .section-body.grid,
.archive-page .section-body.grid {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
}

/* Colonnes : Alignement propre */
.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;
    margin-bottom: 30px;
}

/* Carte : Fond blanc et ombres */
.elementor-widget-case27-blog-feed-widget .single-blog-feed,
.archive-page .single-blog-feed {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center !important; /* Centre le texte global */
}

/* --- 2. L'ORDRE DES ÉLÉMENTS (Image > Catégorie > Titre) --- */
.elementor-widget-case27-blog-feed-widget .sbf-container,
.archive-page .sbf-container {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* A. IMAGE (Haut) */
.elementor-widget-case27-blog-feed-widget .sbf-thumb,
.archive-page .sbf-thumb {
    order: 1 !important;
}

/* B. CATÉGORIE (Milieu - CORRIGÉ POUR LE CENTRAGE) */
.elementor-widget-case27-blog-feed-widget .listing-details,
.archive-page .listing-details {
    order: 2 !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    justify-content: center !important; /* Centre le conteneur */
    width: 100% !important;
}

/* La ligne qui manquait : Force la liste interne à être flexible et centrée */
.elementor-widget-case27-blog-feed-widget .c27-listing-preview-category-list,
.archive-page .c27-listing-preview-category-list {
    display: flex !important;       /* Active le mode flexible */
    justify-content: center !important; /* Centre horizontalement */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* C. TITRE (Bas) */
.elementor-widget-case27-blog-feed-widget .sbf-title,
.archive-page .sbf-title {
    order: 3 !important;
    flex-grow: 1 !important;
    padding: 0 15px 20px 15px !important;
}

/* --- 3. DESIGN TYPOGRAPHIE & STYLE --- */

/* Titre en police "Magazine" (Serif) */
.elementor-widget-case27-blog-feed-widget .sbf-title h4, 
.elementor-widget-case27-blog-feed-widget .sbf-title a,
.archive-page .sbf-title h4, 
.archive-page .sbf-title a {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

/* Catégorie propre (Majuscules, sans icône) */
.elementor-widget-case27-blog-feed-widget .category-name,
.archive-page .category-name {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #333;
    display: inline-block !important; /* Important pour le centrage */
}

/* --- 4. NETTOYAGE (Masquer les éléments parasites) --- */
.elementor-widget-case27-blog-feed-widget .cat-icon,
.archive-page .cat-icon,
.elementor-widget-case27-blog-feed-widget .lf-head-btn.event-date,
.archive-page .lf-head-btn.event-date,
.elementor-widget-case27-blog-feed-widget .sbf-thumb .overlay,
.archive-page .sbf-thumb .overlay {
    display: none !important;
}

/* --- 5. ANIMATIONS (Survol) --- */
.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.15);
}

/* Petit effet de voile au survol de l'image */
.elementor-widget-case27-blog-feed-widget .single-blog-feed:hover .sbf-thumb .overlay,
.archive-page .single-blog-feed:hover .sbf-thumb .overlay {
    display: block !important;
    background-color: rgba(0,0,0,0.1) !important;
    opacity: 1 !important;
}/* End custom CSS */