/* MG Blog Generator — wspólny kontrakt motywu Kadence Child
   ThemeContractVersion: 3
   GeneratorCompatibility: 1.0.38
   Wyodrębniono z dostarczonego style.css: bez zmiany deklaracji CSS.
   NIE jest to pełny arkusz motywu. Ładuj PO style.css dziecka Kadence.
*/

/* Strony seriali — oryginalna reguła zachowująca obecny wygląd Kadence. */
/* Strony seriali: klasa może być na BODY albo wewnątrz treści strony. */
body.mg-series-native .entry-hero.page-hero-section,
body.page:has(.mg-series-native) .entry-hero.page-hero-section {
    display: none !important;
}

/* MG Blog — Strona serialu
   Wklej do stylów aktywnego motywu / motywu potomnego / Dodatkowy CSS.
   Ten sam rozmiar i wyrównanie obowiązują dla Polecam / Można zobaczyć / Nie oglądać. */

.mg-series-native .mg-series-rating,
.mg-series-native .mg-series-recommended-standalone {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 8px 0 18px;
    padding: 0;
    line-height: 0;
    text-align: right;
}

.mg-series-native .mg-series-rating-image,
.mg-series-native .mg-series-recommended-image {
    display: block;
    width: 150px;
    height: 60px;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    object-fit: contain;
}

.mg-series-native p.mg-series-text {
    text-align: justify !important;
    text-justify: inter-word;
    text-align-last: left;
}

@media (max-width: 782px) {
    .mg-series-native p.mg-series-text {
        text-align: justify !important;
        text-justify: inter-word;
        text-align-last: left;
    }
}
/* =========================================================
   MG BLOG - NEWSY
   ========================================================= */

/* Zdjęcie na desktopie - po lewej, opływane tekstem */
.mg-news-native .mg-news-image {
    float: left;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 18px 10px 0;
}

.mg-news-native .mg-news-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}


/* Treść newsa */
.mg-news-native p.mg-news-text {
    text-align: justify !important;
    text-justify: inter-word;
    text-align-last: left;
}


/* Czyszczenie opływania */
.mg-news-native .mg-news-clear {
    clear: both;
    height: 0;
    line-height: 0;
}


/* Źródło */
.mg-news-native .mg-news-source {
    clear: both;
    margin-top: 1em;
    font-size: 0.9em;
}


/* Prefiks NEWS w tytule */
.mg-news-title-prefix {
    display: inline-block;
    padding: 12px 12px;
    margin-right: 8px;

    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;

    color: #fff;
    background: #c62828;
    border-radius: 3px;

    vertical-align: 0.18em;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 782px) {

    /* Obraz nad tekstem, bez opływania i wyśrodkowany */
    .mg-news-native .mg-news-image {
        float: none !important;
        clear: both !important;

        display: block !important;
        width: fit-content !important;
        max-width: 100% !important;

        margin: 0 auto 1em auto !important;
    }

    .mg-news-native .mg-news-image img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Tekst nadal justowany */
    .mg-news-native p.mg-news-text {
        text-align: justify !important;
        text-justify: inter-word;
        text-align-last: left;
    }
}
/* =========================================================
   MG BLOG - GRAFIKA
   MG Blog Generator 1.0.38 / Hotfix 3
   ========================================================= */

/* Wspólne */
.mg-graphic-figure {
    display: block;
    max-width: 100%;
    margin-bottom: 18px;
}

.mg-graphic-figure .mg-graphic-image {
    height: auto;
}

/* Stare grafiki: naturalny rozmiar, wycentrowane.
   Na wąskim ekranie mogą się tylko proporcjonalnie zmniejszyć. */
.mg-graphic-figure--natural {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mg-graphic-figure--natural .mg-graphic-link {
    display: block;
    width: fit-content;
    max-width: 100%;
}

.mg-graphic-figure--natural .mg-graphic-image {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Nowe grafiki: pełna szerokość obszaru treści.
   Renderer dodatkowo zapisuje te wartości inline, żeby motyw ich nie nadpisał. */
.mg-graphic-figure--full {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mg-graphic-figure--full .mg-graphic-link {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

.mg-graphic-figure--full .mg-graphic-image {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
}

p.mg-graphic-description {
    text-align: justify !important;
    text-justify: inter-word;
    text-align-last: left;
}