/* shared_bsf/static/css/feed_cards.css — LOT 8-E · FEED UNIVERSEL · kind formation (R-263) + base de carte autonome
   pour les surfaces sans social.css (bsf-tunisie formations.php). Sur social/space, seule la partie « --formation » s'applique
   (la base .bsf-post-card y est déjà stylée) : les règles de base sont scopées sur .bsf-feed-cards. */
.bsf-feed-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.bsf-feed-cards .bsf-post-card { padding: 16px 18px; background: var(--bsf-bg-surface, #10203a); color: inherit; border: 1px solid var(--s-border, rgba(255,255,255,.14)); border-radius: 12px; overflow: hidden; }
.bsf-feed-cards .bsf-post-header { margin-bottom: 8px; }
.bsf-feed-cards .bsf-post-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; }
.bsf-feed-cards .bsf-post-title { margin: 8px 0 0; font-weight: 700; font-size: 16px; line-height: 1.3; }
@media (max-width: 767px) { .bsf-feed-cards { grid-template-columns: 1fr; } }

.bsf-post-card--formation .bsf-form-badge { --type-color: var(--bsf-status-info-500, #2E8BD8); display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--type-color); color: var(--type-color); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.bsf-post-card--formation .bsf-form-badge i { width: 14px; height: 14px; }
.bsf-post-card--formation .bsf-form-cat { font-size: 12px; color: var(--s-muted, #9aa4b2); }
.bsf-post-card--formation .bsf-form-media { display: block; margin: 0 0 10px; border-radius: 10px; overflow: hidden; background: var(--s-bg, #0b1628); aspect-ratio: 16 / 9; }
.bsf-post-card--formation .bsf-form-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bsf-post-card--formation .bsf-post-title a { color: inherit; text-decoration: none; }
.bsf-post-card--formation .bsf-form-excerpt { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--s-muted, #b8c2d0); }
.bsf-post-card--formation .bsf-form-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
.bsf-post-card--formation .bsf-form-cta { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; background: var(--bsf-status-info-500, #2E8BD8); color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; }
.bsf-post-card--formation .bsf-form-cta i { width: 16px; height: 16px; }

/* LOT 8-E v2 — dans la colonne centrale du chrome réseau (column-first), le feed est un FLUX : 1 colonne,
   2 colonnes éditoriales à partir de 1200 px, comme le feed social. */
.bsf-col-stack .bsf-feed-cards { grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 1200px) { .bsf-col-stack .bsf-feed-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }