/*
 * thankYouPage.css
 *
 * The page shown after a form is submitted. Loaded by the public form and by the editor's
 * preview, so what is being edited and what will be seen are styled by the same rules.
 *
 * Deliberately small: the layout comes from the block editor as HTML with its own inline
 * styles, exactly as it would be sent in a mailing. What is left here is the two things the
 * editor cannot style, because it does not know they exist — the countdown line, and what
 * the download button looks like once its window has closed.
 */

.hform-thankyou {
    margin: 0 auto;
    max-width: 900px;
}

/* Written where the {{countdown}} tag was; the page's script fills in the words. */
.hform-ty-countdown {
    display: inline-block;
}

.hform-ty-countdown.is-expired {
    color: #c62828;
}

/* Once the window closes the button stays where it was — greyed, unclickable and still
   labelled — so the page reads as "this expired", not as "the button vanished". */
[data-hform-download].disabled {
    pointer-events: none;
    opacity: .45;
    cursor: default;
}