/* Styles de actualites.php (extraits de la page, même ordre) */

    /* DESIGN PORTAIL WEB EN LIGNE - STYLE LE NOUVELLISTE */
    :root {
        --ln-bg: #ffffff;
        --ln-dark: #0f172a;        /* Noir bleuté moderne pour les titres */
        --ln-red: #cc0000;         /* Le rouge emblématique */
        --ln-text: #334155;        /* Texte gris foncé standard du web */
        --ln-muted: #64748b;
        --ln-border: #e2e8f0;      /* Lignes de séparation épurées */
        --font-serif: var(--font-heading);
        --font-sans: var(--font-body);
    }

    .ln-news-wrapper {
        font-family: var(--font-sans);
        color: var(--ln-text);
        background-color: var(--ln-bg);
        padding: 1.5rem 0;
    }

    /* FIL DE NAVIGATION INTERNE STYLE PORTAIL D'INFO */
    .ln-section-bar {
        border-bottom: 3px solid var(--ln-dark);
        padding-bottom: 8px;
        margin-bottom: 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ln-section-title {
        font-size: 1.1rem;
        font-weight: 800;
        text-transform: uppercase;
        color: #fff;
        background: var(--ln-red);
        padding: 6px 14px;
        letter-spacing: 0.5px;
    }

    /* FIL D'ARIANE */
    .ln-breadcrumb {
        font-size: 0.85rem;
        color: var(--ln-muted);
        margin-bottom: 1rem;
    }
    .ln-breadcrumb a { color: var(--ln-muted); text-decoration: none; }
    .ln-breadcrumb a:hover { color: var(--ln-red); text-decoration: underline; }
    .ln-breadcrumb .sep { margin: 0 6px; }
    .ln-breadcrumb .current { color: var(--ln-dark); font-weight: 600; }

    /* FILTRE PAR CATÉGORIE */
    .ln-category-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 1.5rem;
    }
    .ln-category-pill {
        display: inline-block;
        padding: 6px 14px;
        border: 1px solid var(--ln-border);
        border-radius: 50px;
        font-size: 0.82rem;
        font-weight: 600;
        text-decoration: none;
        color: var(--ln-text);
        transition: all 0.15s ease;
    }
    .ln-category-pill:hover { border-color: var(--ln-red); color: var(--ln-red); }
    .ln-category-pill.active { background: var(--ln-dark); border-color: var(--ln-dark); color: #fff; }

    /* CATÉGORIE CLIQUABLE */
    a.ln-category-badge { text-decoration: none; }
    a.ln-category-badge:hover { text-decoration: underline; }

    /* SUBSTITUT QUAND AUCUNE IMAGE N'EST DISPONIBLE (au lieu d'une photo aléatoire non liée à l'article) */
    .ln-img-placeholder {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, var(--ln-dark), #1e293b);
        color: rgba(255, 255, 255, 0.35);
    }
    .ln-img-placeholder i { font-size: 2.5rem; }
    .ln-hero-img-box .ln-img-placeholder i { font-size: 4rem; }

    /* DISPOSITION GLOBALE DU PORTAIL */
    .ln-grid-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
        display: grid;
        grid-template-columns: 2.8fr minmax(300px, 1.2fr);
        gap: 32px;
    }

    /* LE BLOC "A LA UNE" EN LARGEUR ET POSITIONNEMENT WEB */
    .ln-hero-article {
        display: flex;
        flex-direction: column;
        gap: 16px;
        border-bottom: 1px solid var(--ln-border);
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .ln-hero-img-box {
        width: 100%;
        height: 420px;
        overflow: hidden;
    }
    .ln-hero-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ln-category-badge {
        color: var(--ln-red);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }
    .ln-hero-title {
        font-family: var(--font-serif);
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.2;
        margin: 4px 0;
    }
    .ln-hero-title a { color: var(--ln-dark); text-decoration: none; }
    .ln-hero-title a:hover { color: var(--ln-red); }
    
    .ln-article-meta {
        font-size: 0.85rem;
        color: var(--ln-muted);
        display: flex;
        gap: 12px;
    }

    /* LISTE DES ARTICLES SECONDAIRES SOUS FORME DE FLUX DE CARTES */
    .ln-feed {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .ln-feed-item {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 20px;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--ln-border);
    }
    .ln-feed-thumb {
        width: 100%;
        height: 150px;
        overflow: hidden;
    }
    .ln-feed-thumb img { width: 100%; height: 100%; object-fit: cover; }
    
    .ln-feed-title {
        font-family: var(--font-serif);
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1.3;
        margin: 4px 0 8px 0;
    }
    .ln-feed-title a { color: var(--ln-dark); text-decoration: none; }
    .ln-feed-title a:hover { color: var(--ln-red); }
    .ln-feed-excerpt { font-size: 0.95rem; color: #475569; line-height: 1.5; }

    /* SIDEBAR MODERNE DU SITE */
    .ln-sidebar {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .ln-widget {
        border-top: 4px solid var(--ln-dark);
        background: #f8fafc;
        padding: 20px;
    }
    .ln-widget-title {
        font-size: 0.95rem;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--ln-dark);
        margin-bottom: 16px;
        border-bottom: 1px solid var(--ln-border);
        padding-bottom: 8px;
    }

    .ln-search-bar input {
        width: 100%;
        padding: 10px;
        border: 1px solid #cbd5e1;
        font-size: 0.9rem;
    }
    .ln-search-bar button {
        width: 100%;
        padding: 10px;
        background: var(--ln-dark);
        color: #fff;
        border: none;
        font-weight: 600;
        margin-top: 6px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 0.8rem;
    }
    .ln-search-bar button:hover { background: var(--ln-red); }

    /* BLOC "PLUS LUS / EN VOGUE" */
    .ln-trending-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
    .ln-trending-item { display: flex; gap: 12px; align-items: flex-start; border-bottom: 1px solid var(--ln-border); padding-bottom: 12px; }
    .ln-trending-item:last-child { border: none; }
    .ln-trending-num { font-size: 1.5rem; font-weight: 700; color: #cbd5e1; line-height: 1; }
    .ln-trending-text a { font-family: var(--font-serif); color: var(--ln-dark); font-weight: 700; text-decoration: none; font-size: 0.95rem; line-height: 1.3; display: block; }
    .ln-trending-text a:hover { color: var(--ln-red); }

    /* PAGINATION NUMÉRIQUE */
    .ln-pagination .page-link { color: var(--ln-dark); border: 1px solid var(--ln-border) !important; font-weight: 600; }
    .ln-pagination .page-item.active .page-link { background: var(--ln-dark) !important; border-color: var(--ln-dark) !important; color: #fff !important; }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .ln-grid-container { grid-template-columns: 1fr; }
        .ln-feed-item { grid-template-columns: 1fr; }
        .ln-hero-img-box { height: 260px; }
        .ln-feed-thumb { height: 180px; }
    }