/* =========================================================================
   _shared.css — wspólne komponenty Bloga (BEM scope: .blog-*).
   Wydzielone z blog.css (v3.7l, 2026-05-03).

   Zawiera utilities: tab badge, divider, screen-reader helpers, print.
   Wszystko inne (hero/card/grid/sidebar) — w dedykowanych modułach.
   ========================================================================= */

/* === BADGE „Najnowsze · Aktualności" w blog-featured i blog-card =========== */
.blog-featured__badge,
.blog-card__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--s-1);
    padding: 4px 10px;
    background: var(--green-100);
    color: var(--green-800);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: var(--r-pill);
    text-decoration: none;
}

/* === <mark> (na wszelki wypadek — np. wyniki wyszukiwania w blogu) ========= */
.blog-card__lead mark,
.blog-featured__lead mark {
    background: var(--accent-gold-100);
    color: var(--gray-900);
    padding: 0 3px;
    border-radius: 3px;
    font-weight: 600;
}

/* === Variant kolorystyczny per kategoria (przez body class) ================
   - blog-page--aktualnosci → akcent zielony (default, brand)
   - blog-page--archiwum    → akcent stonowany szary („historyczne")

   Świadectwa zdjęte 03.05.2026 (osobny moduł). Wariant `blog-page--swiadectwa`
   (gold/warm) odłożony na czas budowy nowego modułu — wraca tu albo przenosi
   się do CSS modułu świadectw, w zależności od reuse.
   ========================================================================= */
.blog-page--archiwum .blog-featured__badge,
.blog-page--archiwum .blog-card__badge {
    background: var(--gray-100);
    color: var(--gray-700);
}

/* === PRINT — schowaj sidebar, paginację, hero meta dla papieru ============= */
@media print {
    .blog-hero__tabs,
    .blog-hero__meta,
    .blog-pagination,
    .blog-sidebar { display: none !important; }

    .blog-archive__container { grid-template-columns: 1fr !important; }
    .blog-card,
    .blog-featured { break-inside: avoid; }
}