/* ===========================================================
   MODULE: PDF VIEW PAGE
   Layout + styling for PDF viewer template
   =========================================================== */

.atx-pdf-viewer {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.atx-pdf-viewer__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: var(--pdf-viewer-padding-bottom, 2.5rem);
}

/* Heading (UPDATED: centered + uppercase) */
.atx-pdf-viewer__title {
    font-size: var(--pdf-heading-font-size, clamp(1.4rem, 2vw, 2.0rem));
    padding-top: var(--pdf-heading-padding-top, 1.5rem);
    padding-bottom: var(--pdf-heading-padding-bottom, 1.0rem);
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

/* Viewer frame */
.atx-pdf-viewer__framewrap {
    width: 100%;
    overflow: hidden;
}

.atx-pdf-viewer__frame {
    display: block;
    border: 1px solid #000000; 
    width: var(--pdf-viewer-width, 100%);
    height: var(--pdf-viewer-height, 80vh);
}

/* Action buttons */
.atx-pdf-viewer__actions {
    margin-top: 2.25rem;
    display: grid;
    grid-auto-flow: column;
    justify-content: end;           /* right-align columns */
    gap: 0.75rem;
}

/* The buttons are the house buttons (.atx-btn --primary, style.css);
   here only their equal width. */
.atx-pdf-viewer__btn {
    width: 140px;                   /* equal-width buttons (desktop/tablet) */
}

/* Mobile handling: don't embed PDF, just show button */
.atx-pdf-viewer__mobile-open {
    display: none;
}

/* On small screens (tune breakpoint as you like) */
@media (max-width: 768px) {

    /* Hide the embedded iframe wrapper on mobile */
    .atx-pdf-viewer__framewrap--embed {
        display: none;
    }

    /* Hide the original action buttons row on mobile */
    .atx-pdf-viewer__actions {
        display: none;
    }

    /* Show the mobile-open block */
    .atx-pdf-viewer__mobile-open {
        display: block;
        margin-top: 1.5rem;
        text-align: center;
    }

    .atx-pdf-viewer__mobile-text {
        font-size: 0.9rem;
        margin-bottom: 0.75rem;
    }

    /* Make the new mobile button span full available width */
    .atx-pdf-viewer__mobile-open .atx-pdf-viewer__btn {
        width: 100%;
        max-width: none;
        display: inline-flex; /* keep flex centering */
        box-sizing: border-box;
    }
}