/* Arkusz WSPOLNY pojedynczej aktualnosci ucznia — laduje sie dla kazdego wpisu, ktory nie ma
   pliku `uczen_aktualnosci_<slug>.css` (czyli dla wszystkiego dodanego po migracji).
   Tresc identyczna z kopiami per slug; fallback siedzi w branzowa_css_strony() w functions.php. */

/* ============================================================
   AKTS — Pojedyncza aktualność ucznia
   ============================================================ */
.akts-page { min-height: 100vh; background: #f5f5f5; }
.akts-container { max-width: 820px; margin: 0 auto; padding: 0 24px; }

/* Hero */
.akts-hero { background: #3d4a5c; padding: 56px 0; }
.akts-hero__crumb {
    display: inline-flex; align-items: center; gap: 6px; margin-bottom: 16px;
    font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.7);
    text-decoration: none; transition: color 0.2s;
}
.akts-hero__crumb:hover { color: #fff; }
.akts-hero__crumb svg { width: 16px; height: 16px; }
/*ikona*/ .akts-hero__crumb .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .akts-hero__crumb li::before { width: 16px; height: 16px; }
.akts-hero__date {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 600; color: #81BD51; margin-bottom: 10px;
}
.akts-hero__date svg { width: 15px; height: 15px; }
/*ikona*/ .akts-hero__date .bz-ico.bz-ico { width: 15px; height: 15px; }
/*ikona*/ .akts-hero__date li::before { width: 15px; height: 15px; }
.akts-hero__title { font-size: 28px; line-height: 1.25; font-weight: 700; color: #fff; margin: 0; }
@media (min-width: 1024px) { .akts-hero__title { font-size: 34px; } }

/* Karta z treścią */
.akts-body { padding: 40px 0 56px; }
.akts-card { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; padding: 32px; }
@media (min-width: 768px) { .akts-card { padding: 48px; } }

/* Obrazek wyróżniający (wychodzi na krawędzie karty) */
.akts-featured { margin: -32px -32px 28px; }
@media (min-width: 768px) { .akts-featured { margin: -48px -48px 36px; } }
.akts-featured img { width: 100%; height: auto; display: block; border-radius: 12px 12px 0 0; }

/* Renderowana treść wpisu (z edytora) */
.akts-content { font-size: 16px; line-height: 1.75; color: #374151; }
.akts-content > *:first-child { margin-top: 0; }
.akts-content > *:last-child { margin-bottom: 0; }
.akts-content h2 { font-size: 22px; font-weight: 700; color: #111827; margin: 32px 0 12px; }
.akts-content h3 { font-size: 18px; font-weight: 700; color: #111827; margin: 24px 0 10px; }
.akts-content p { margin: 0 0 16px; }
.akts-content a { color: #81BD51; text-decoration: underline; }
.akts-content a:hover { color: #6fa043; }
.akts-content ul, .akts-content ol { margin: 0 0 16px; padding-left: 24px; }
.akts-content li { margin-bottom: 6px; }
/* site.css kasuje znaczniki globalnie (`ul, ol { list-style: none }`), a inne obszary tresci
   wlaczaja je z powrotem u siebie (.page-content__body, .post-single__content). Aktualnosci
   tego nie mialy, bo wpisy z migracji nosza listy w wyspach HTML z wlasnymi klasami — lista
   wstawiona blokiem w panelu szla wiec bez kropek. Roznica wzgledem kopii per slug: swiadoma. */
.akts-content ul li { list-style: disc; }
.akts-content ol li { list-style: decimal; }
.akts-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 8px 0; }
.akts-content blockquote {
    border-left: 4px solid #81BD51; background: #f9fafb;
    margin: 20px 0; padding: 12px 20px; border-radius: 0 8px 8px 0; color: #4B5563;
}

/* Powrót */
.akts-back {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 32px;
    font-size: 14px; font-weight: 600; color: #fff; background: #81BD51;
    padding: 12px 22px; border-radius: 10px; text-decoration: none;
    transition: background 0.2s, gap 0.2s;
}
.akts-back:hover { background: #6fa043; gap: 12px; }
.akts-back svg { width: 16px; height: 16px; }
/*ikona*/ .akts-back .bz-ico.bz-ico { width: 16px; height: 16px; }
/*ikona*/ .akts-back li::before { width: 16px; height: 16px; }

@media (max-width: 639px) {
    .akts-hero { padding: 40px 0; }
    .akts-hero__title { font-size: 24px; }
    .akts-card { padding: 24px; }
    .akts-featured { margin: -24px -24px 24px; }
}

/*przycisk*/ .wp-block-button:where([class*="btn"]) { background: none; border: 0; padding: 0; box-shadow: none; }
/*przycisk*/ .wp-block-button:where([class*="btn"]) > .wp-block-button__link { background: none; border: 0; }