/**
 * Confirmation-page styles for visitors arriving from the /v2/ and /v3/
 * landing pages. Scoped to the `from-v2` / `from-v3` body classes added by
 * v2_v3_body_class() so the standard thank-you page is unaffected.
 */

/* Hide the site header/menu so the confirmation matches the menu-less
   v2/v3 template. */
body.from-v2 #premier-header nav,
body.from-v3 #premier-header nav{
    display: none !important;
}

/* Hide the "Skip the Wait" promo bar above the header. */
body.from-v2 #premier-topbar,
body.from-v3 #premier-topbar {
    display: none !important;
}

/* Make the logo non-clickable (belt-and-suspenders alongside the JS that
   strips the href). */
body.from-v2 #premier-header .wp-block-image a,
body.from-v3 #premier-header .wp-block-image a {
    pointer-events: none;
    cursor: default;
}

/* Phone block layout. Reproduces the flex layout, spacing and link colour that
   the /v2 & /v3 pages get from Gutenberg's per-page generated classes (which
   aren't emitted on the confirmation page), scoped to #desktop-v2-phone so it
   matches the landing-page pill exactly. */
#desktop-v2-phone {
    display: none; /* hidden on mobile; the media query below shows it */
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--wp--preset--spacing--20);
}

#desktop-v2-phone .wp-block-image {
    margin: 0;
    line-height: 0;
}

#desktop-v2-phone > .wp-block-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

#desktop-v2-phone a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

/* Phone number toggle: show the desktop phone (and hide the mobile one)
   from the tablet breakpoint up. */
@media (min-width: 768px) {
    #mobile-v2-phone {
        display: none !important;
    }
    #desktop-v2-phone {
        display: flex !important;
    }
}