/*
 * Reguły potrzebne nowej stronie, których nie ma w przeniesionych arkuszach (styles.css, modules.css).
 *
 * Stare arkusze trafiają w elementy po dokładnej treści atrybutu style, np.
 * [style="background-color: var(--main-bg-color);"]. React zapisuje ten atrybut bez spacji
 * i bez średnika (style="background-color:var(--main-bg-color)"), więc tamte selektory nie pasują.
 * Poniżej te same reguły z selektorami, które pasują do obu zapisów.
 */

/* wersja kontrastowa: czarne tło bloków treści */
body.kontrast [style*="var(--main-bg-color)"] {
    background-color: #000 !important;
}

/* listy z typem punktora ustawionym w edytorze: bez punktora rysowanego przez szablon */
ul[style*="list-style-type:circle"] li::before,
ul[style*="list-style-type:disc"] li::before,
ul[style*="list-style-type:square"] li::before,
ol[style*="list-style-type:lower-alpha"] li::before,
ol[style*="list-style-type:lower-greek"] li::before,
ol[style*="list-style-type:lower-roman"] li::before,
ol[style*="list-style-type:upper-alpha"] li::before,
ol[style*="list-style-type:upper-roman"] li::before {
    /* reguła punktora w styles.css ma tę samą wagę selektora; !important uniezależnia wynik od kolejności arkuszy */
    display: none !important;
    content: none !important;
}

/*
 * Widok osoby (/kontakt/autorzy/<id>), lista „Ostatnie artykuły”. Stara strona ładowała tam tylko arkusz
 * modułu Zespół; teraz arkusze wszystkich modułów są w jednym pliku, więc na tytuły z tej listy działają też
 * reguły kafelków aktualności (.aktualnosci__item--tytul: dopełnienie, minimalna wysokość).
 * Ta reguła przywraca dawny wygląd listy.
 */
.ostatnie-artykuly-container .aktualnosci__item--tytul {
    margin: 1.375rem 0 .5rem;
    min-height: 0;
    padding: 0 0 0 1rem;
}

/*
 * Okładki wydań (moduł PLIKI): dawny `<iframe>` wypełniał kontener `.ratio`; zamieniony na `<img>`
 * zachowywał proporcję A4 i wychodził poza kontener (na stronie głównej przykrywał „Nasi Autorzy”,
 * na rocznikach schodził pod pasek tytułu). Reguła `.ratio>*` ze starego arkusza obejmuje tylko `<a>`,
 * więc obraz ustawiamy wprost: wypełnia kontener jak dawny iframe (przycięcie nadmiarowej wysokości,
 * bez zmiany proporcji kontenera i układu siatki). Selektor celuje wyłącznie w kontenery okładek.
 */
.ratio--publikacja > a,
.publikacja-item .ratio > a {
    display: block;
    height: 100%;
}

.ratio--publikacja > a > img,
.publikacja-item .ratio > a > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}