/* ---------------------------------------------------------------------------
 * sticky-cta-visibility.css — hidden state for the mobile sticky CTA bar.
 *
 * Paired with sticky-cta-visibility.js, which adds .sticky_cta_hidden to
 * .sticky_mob_phone while a lead form is on screen. Enqueued after the
 * per-template landing page stylesheets so these rules win any tie.
 *
 * The bar is moved off screen with a transform rather than display:none: the
 * element keeps a measurable height (the script needs it to decide how much of
 * the viewport the bar covers) and the exit/return animates. visibility:hidden
 * is delayed until the slide finishes, and takes the bar out of the tab order
 * and the accessibility tree while it's away.
 * ------------------------------------------------------------------------- */

.sticky_mob_phone {
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.sticky_mob_phone.sticky_cta_hidden {
    transform: translateY(110%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.25s ease, opacity 0.25s ease, visibility 0s linear 0.25s;
}

@media (prefers-reduced-motion: reduce) {
    .sticky_mob_phone,
    .sticky_mob_phone.sticky_cta_hidden {
        transition: none;
    }
}