/* ══════════════════════════════════════════════════════════════════════
 * CCBLA — Bloc : Articles du membre
 * 2026-04-28 : refacto vers article-card.php (partial partagé).
 * Ce fichier ne porte plus que les styles SPÉCIFIQUES au bloc :
 *   • Wrapper section
 *   • Titre de section (header avec icône + nom auteur)
 *   • Empty state
 *   • Locked state (réservé aux membres connectés)
 *
 * Les styles de cards sont dans blocks/article-card/article-card.css
 * (single source of truth, partagé avec art-lies-projets et autres).
 * Le wrapper grille .ccbla-articles-grid__list est porté par CSS commun.
 * ══════════════════════════════════════════════════════════════════════ */

/* ── Section wrapper ─────────────────────────────────────────────────── */
.ccbla-articles-du-membre {
    /*margin: 3rem 0;*/
}

/* ── Titre de section (2026-05-01) Picto retiré (render.php). Border-bottom supprimé (demande client). Margin-bottom = espacement titre/loop: 60/40/35px (desktop/tablet/mobile). Typo: Agrandir Wide Medium 50px desktop / 30px tablet+mobile. */
.ccbla-adm-section-title {
    display:        flex;
    align-items:    baseline;
    gap:            10px;
    margin:         0 0 60px!important;
    padding-bottom: 0;
    border-bottom:  none;
    font-family:    var(--wp--preset--font-family--agrandir-wide-medium, 'Agrandir Wide Medium', sans-serif);
    font-size:      50px;
    font-weight:    400;
    line-height:    105%;
    color:          #000;
    text-transform: none;
    flex-wrap:      wrap;
}
.ccbla-adm-section-title__author { color: #000; }

/* ── Message vide ────────────────────────────────────────────────────── */
.ccbla-adm-empty {
    display:     flex;
    align-items: center;
    gap:         12px;
    padding:     18px 22px;
    background:  #fff;
    border:      1px solid #000;
    border-radius: 0;
    color:       #000;
    font-family: var(--wp--preset--font-family--agrandir-wide-medium, 'Agrandir Wide Medium', sans-serif);
    font-size:   14px;
    margin:      0;
}
.ccbla-adm-empty svg { flex-shrink: 0; opacity: .5; }

/* ── Accès verrouillé ────────────────────────────────────────────────── */
.ccbla-adm-locked {
    display:       flex;
    align-items:   flex-start;
    gap:           12px;
    padding:       18px 22px;
    background:    #fff;
    border:        1px solid #000;
    border-radius: 0;
    color:         #000;
    margin:        24px 0;
    font-family:   var(--wp--preset--font-family--agrandir-wide-medium, 'Agrandir Wide Medium', sans-serif);
}
.ccbla-adm-locked__icon { font-size: 1.4rem; flex-shrink: 0; }
.ccbla-adm-locked p { margin: 0; font-size: 14px; line-height: 1.5; }
.ccbla-adm-locked a {
    color:           var(--wp--preset--color--pop-rose, #e91e8c);
    font-weight:     400;
    text-decoration: underline;
}

/* ── Responsive — header (breakpoints Kadence) ──────────────────────── */
@media (max-width: 1023px) {
    .ccbla-adm-section-title { font-size: 30px; margin: 0 0 40px!important; }
}

@media (max-width: 767px) {
    .ccbla-articles-du-membre { margin: 2rem 0; }
    .ccbla-adm-section-title { font-size: 30px; margin: 0 0 35px!important; }
}