/*
 * Page « Facturation électronique 2026 » — vitrine MinderServ (plan blog/SEO, P6).
 * Light-only. Réutilise section-features / section-faq / section-cta (saas.css) ;
 * ne style que le hero et la timeline propres à cette page.
 */

/* ---- Hero ---- */
.sfc-einvoice-hero { text-align: center; }
.sfc-einvoice-hero .sfc-container { max-width: 820px; }
.sfc-einvoice-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; margin-top: var(--space-5); }

/* ---- Timeline du calendrier ---- */
.sfc-timeline { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.sfc-timeline__item {
    display: flex; flex-direction: column; gap: var(--space-2);
    padding: var(--space-5); background: var(--color-surface-1);
    border: 1px solid var(--color-rule); border-top: 4px solid var(--color-primary);
    border-radius: var(--radius-md);
}
.sfc-timeline__item--highlight { border-color: var(--color-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent); }
.sfc-timeline__date { font-family: var(--font-display); font-weight: 800; font-size: var(--text-lg); color: var(--color-primary); }
.sfc-timeline__title { font-weight: 700; color: var(--color-ink); }
.sfc-timeline__text { font-size: var(--text-sm); line-height: var(--leading-normal); color: var(--color-ink-soft); }
.sfc-einvoice-note { margin: var(--space-5) 0 0; text-align: center; font-size: var(--text-sm); font-style: italic; color: var(--color-ink-soft); }

@media (max-width: 800px) {
    .sfc-timeline { grid-template-columns: 1fr; }
}