/*
 * v3.84.144 — bezbedan prikaz svih ilustracija u crvenim/bordo citatnim trakama.
 * Cilj: ilustracija nikada ne sme da izađe iz trake, proširi viewport ili prekrije tekst na telefonu.
 * Na mobilnom sve citatne ilustracije koriste isti princip: contain, desno-centar, ista providnost.
 */

body.de90-theme .de-quote-bar,
body.de90-theme .de-awards-quote-v2,
body.de90-theme .de-poetry-quote-band,
body.de90-theme .de-series-quote-band,
body.de90-theme .de-prose-quote-band,
body.de90-theme .de-strip-quote-band,
body.de90-theme .de-gallery-v2-quote,
body.de90-theme .de-biblio-quote-band,
body.de90-theme .de-archive-page-v2-quote {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: paint !important;
    max-width: 100% !important;
}

body.de90-theme .de-quote-bar > .de-container,
body.de90-theme .de-awards-quote-v2,
body.de90-theme .de-poetry-quote-band__inner,
body.de90-theme .de-series-quote-band__inner,
body.de90-theme .de-prose-quote-band__inner,
body.de90-theme .de-strip-quote-band__inner,
body.de90-theme .de-gallery-v2-quote > .de-container,
body.de90-theme .de-biblio-quote-band > .de-container,
body.de90-theme .de-archive-page-v2-quote > .de-container {
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}

/* Tekst mora uvek biti iznad ilustracije. */
body.de90-theme .de-quote-bar__inner,
body.de90-theme .de-awards-quote-v2__mark,
body.de90-theme .de-awards-quote-v2 blockquote,
body.de90-theme .de-awards-quote-v2 cite,
body.de90-theme .de-poetry-quote-band__copy,
body.de90-theme .de-series-quote-band__copy,
body.de90-theme .de-prose-quote-band__copy,
body.de90-theme .de-strip-quote-band__inner > span,
body.de90-theme .de-strip-quote-band__inner > p,
body.de90-theme .de-strip-quote-band__inner > strong,
body.de90-theme .de-gallery-v2-quote blockquote,
body.de90-theme .de-gallery-v2-quote .de-container > span,
body.de90-theme .de-biblio-quote-band blockquote,
body.de90-theme .de-biblio-quote-band span,
body.de90-theme .de-archive-page-v2-quote blockquote,
body.de90-theme .de-archive-page-v2-quote span {
    position: relative !important;
    z-index: 3 !important;
}

@media (max-width: 900px) {
    /* Jedinstvena mera za sve remove.bg ilustracije u crvenim citatima. */
    body.de90-theme .de-quote-bar::after,
    body.de90-theme .de-awards-page-v2 .de-awards-quote-v2::before,
    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__art,
    body.de90-theme.de90-series-screen .de-series-quote-band__art,
    body.de90-theme.de90-prose-screen .de-prose-quote-band__art,
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after,
    body.de90-theme.de90-gallery-screen .de-gallery-v2-quote i,
    body.de90-theme .de-biblio-quote-band i,
    body.de90-theme .de-archive-page-v2-quote i {
        display: block !important;
        position: absolute !important;
        z-index: 0 !important;
        top: 0 !important;
        right: 8px !important;
        bottom: auto !important;
        left: auto !important;
        inset: 0 8px auto auto !important;
        width: min(42vw, 170px) !important;
        max-width: 42% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        background-size: contain !important;
        background-position: right center !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
        -webkit-filter: none !important;
        filter: none !important;
        mix-blend-mode: normal !important;
        opacity: .22 !important;
        pointer-events: none !important;
        box-sizing: border-box !important;
    }

    /* Awards ilustracija koristi poseban CSS var. */
    body.de90-theme .de-awards-page-v2 .de-awards-quote-v2::before {
        background-image: var(--de-awards-quote-image) !important;
        background-size: contain !important;
        background-position: right center !important;
    }

    /* Strip više ne sme da nasledi negativne desktop koordinate. */
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after {
        background-image: var(--de-strip-quote) !important;
    }

    /* Galerija, bibliografija i arhiva su ranije skrivale art na telefonu. */
    body.de90-theme.de90-gallery-screen .de-gallery-v2-quote i,
    body.de90-theme .de-biblio-quote-band i,
    body.de90-theme .de-archive-page-v2-quote i {
        align-self: auto !important;
    }

    /* Nikakva citatna ilustracija ne sme da poveća širinu stranice. */
    body.de90-theme .de-quote-bar,
    body.de90-theme .de-awards-quote-v2,
    body.de90-theme .de-poetry-quote-band,
    body.de90-theme .de-series-quote-band,
    body.de90-theme .de-prose-quote-band,
    body.de90-theme .de-strip-quote-band,
    body.de90-theme .de-gallery-v2-quote,
    body.de90-theme .de-biblio-quote-band,
    body.de90-theme .de-archive-page-v2-quote {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }
}

@media (max-width: 560px) {
    body.de90-theme .de-quote-bar::after,
    body.de90-theme .de-awards-page-v2 .de-awards-quote-v2::before,
    body.de90-theme.de90-poetry-screen .de-poetry-quote-band__art,
    body.de90-theme.de90-series-screen .de-series-quote-band__art,
    body.de90-theme.de90-prose-screen .de-prose-quote-band__art,
    body.de90-theme.de90-strips-screen .de-strip-quote-band::after,
    body.de90-theme.de90-gallery-screen .de-gallery-v2-quote i,
    body.de90-theme .de-biblio-quote-band i,
    body.de90-theme .de-archive-page-v2-quote i {
        right: 4px !important;
        inset: 0 4px auto auto !important;
        width: min(36vw, 132px) !important;
        max-width: 36% !important;
        opacity: .18 !important;
    }
}