/**
 * Leitor das Publicações (/publicacoes/{slug}/ler).
 * Header/footer vêm do tema; o iframe do Drive fica emoldurado (cara de embed
 * no site) + botão voltar flutuante.
 */

.mary-ui.mary-pdf-reader {
    /* Moldura cinza simétrica em volta do iframe (um tom mais escuro que o Drive). */
    padding: 14px clamp(12px, 3vw, 28px);
    background: var(--mary-reader-mat);
}

.mary-pdf-reader__frame {
    /* altura definida por JS (viewport abaixo do navbar, deixando o rodapé
       espiar); fallback abaixo. Arredonda o container com overflow para os
       cantos aparecerem no padrão do site (o conteúdo do Drive é quadrado). */
    height: 78vh;
    border-radius: var(--mary-radius-sm);
    overflow: hidden;
    background: var(--mary-reader-mat);
    box-shadow: 0 10px 30px var(--mary-shadow-neutral-strong);
}

.mary-pdf-reader__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: var(--mary-white);
}

/* Botão voltar flutuante — canto inferior esquerdo, pink com rótulo. */
.mary-pdf-reader__back {
    position: fixed;
    left: 20px;
    bottom: max(20px, env(safe-area-inset-bottom));
    z-index: 1050;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 11px 18px 11px 14px;
    border-radius: var(--mary-radius-pill);
    background: var(--mary-pink);
    color: var(--mary-white) !important;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 24px var(--mary-shadow-neutral);
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.mary-pdf-reader__back:hover,
.mary-pdf-reader__back:focus-visible {
    transform: scale(1.05);
    box-shadow: 0 12px 28px var(--mary-shadow-neutral-strong);
    color: var(--mary-white) !important;
}

.mary-pdf-reader__back:focus-visible {
    outline: 2px solid var(--mary-white);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .mary-ui.mary-pdf-reader {
        padding: 10px;
    }

    .mary-pdf-reader__back {
        left: 16px;
        bottom: max(16px, env(safe-area-inset-bottom));
    }
}

@media (prefers-reduced-motion: reduce) {
    .mary-pdf-reader__back {
        transition: none;
    }

    .mary-pdf-reader__back:hover {
        transform: none;
    }
}