/**
 * KB hero — czytelny tytuł na zdjęciu tła (baza wiedzy, hero type-2).
 *
 * Gdy hero MA zdjęcie: overlay + lekki blur + biały tekst z cieniem.
 * Gdy hero NIE ma zdjęcia: nic nie ruszamy — zostaje domyślny wygląd Blocksy.
 *
 * Bramka :has(figure img) → reguły działają tylko przy obecnym zdjęciu tła.
 * Struktura Blocksy type-2: >figure (tło, z-index 1), treść (z-index 2).
 */

/* Overlay przyciemniający zdjęcie — kontrast dla białego tekstu.
   Paleta brand (forest + amber) - identyczna z gradientem .ebw-hero archiwum.
   Przezroczy mniejsze niz samo tlo, zeby obraz byl widoczny. */
.single-baza-wiedzy .hero-section[data-type="type-2"]:has(figure img) > figure::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(15, 26, 23, 0.45) 0%,
        rgba(33, 54, 49, 0.35) 60%,
        rgba(248, 149, 30, 0.18) 100%
    );
}

/* Lekki blur + przyciemnienie samego zdjęcia (scale ukrywa rozmyte krawędzie) */
.single-baza-wiedzy .hero-section[data-type="type-2"]:has(figure img) > figure .ct-media-container img {
    filter: blur(2px) brightness(0.9);
    transform: scale(1.05);
}

/* Biały, jaśniejszy tytuł + label z cieniem dla czytelności */
.single-baza-wiedzy .hero-section[data-type="type-2"]:has(figure img) .page-title,
.single-baza-wiedzy .hero-section[data-type="type-2"]:has(figure img) .ct-title-label {
    color: #fff;
    text-shadow:
        0 2px 12px rgba(0, 0, 0, 0.55),
        0 1px 3px rgba(0, 0, 0, 0.6);
}