/*
 * v3.84.123 — precizna korekcija crvenih citata na Poeziji i Strip naslovima.
 * Ne menja ostale citatne trake iz v3.84.122.
 */

/* POEZIJA — tekst i autor uvek pravilno poravnati ulevo. */
body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy {
    width: 100% !important;
    max-width: 760px !important;
    justify-self: start !important;
    justify-content: start !important;
    justify-items: start !important;
    text-align: left !important;
}

body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy p {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    text-align: left !important;
}

body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy strong {
    justify-self: start !important;
    text-align: left !important;
}

/*
 * STRIP NASLOVI — stari flex je držao autora u istom redu sa citatom.
 * Prebacujemo traku na isti stabilni princip: navod + tekst, autor ispod teksta.
 */
body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
    min-height: 116px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 22px !important;
    row-gap: 8px !important;
    align-items: start !important;
    align-content: center !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    text-align: left !important;
}

body.de90-theme.de90-strips-screen .de-strip-quote-band__inner > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    margin: 0 !important;
    transform: none !important;
}

body.de90-theme.de90-strips-screen .de-strip-quote-band__inner p {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    text-align: left !important;
}

body.de90-theme.de90-strips-screen .de-strip-quote-band__inner strong {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    margin: 0 !important;
    white-space: normal !important;
    text-align: left !important;
}

@media (max-width: 680px) {
    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy {
        max-width: none !important;
        text-align: left !important;
    }

    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy p,
    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy strong {
        text-align: left !important;
        justify-self: start !important;
    }

    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
        min-height: 0 !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        column-gap: 14px !important;
        row-gap: 6px !important;
        padding-top: 22px !important;
        padding-bottom: 24px !important;
    }

    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner p {
        max-width: none !important;
        text-align: left !important;
    }
}

@media (max-width: 440px) {
    /* Na najužim telefonima navod ide iznad, a tekst kreće od leve ivice. */
    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy,
    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto !important;
        gap: 4px !important;
        text-align: left !important;
    }

    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy > span,
    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner > span {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
    }

    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy p,
    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner p {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: none !important;
        text-align: left !important;
    }

    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__copy strong,
    body.de90-theme.de90-strips-screen .de-strip-quote-band__inner strong {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
        text-align: left !important;
    }
}