/* =====================================================================
   try-a-class.css — /try-a-class/ (page 10) front-end polish.

   Only job: a friendlier hover on the Path A booking buttons. The shared
   block style (.is-style-primary-teal) darkens to teal-700 on hover, which
   reads as "dark teal" — explicitly unwanted on this brand (never dark teal
   or dark green). Scoped to #book so nothing else on the site changes: each
   button keeps its own colour and simply lifts + brightens on hover.
===================================================================== */

#book .wp-block-button > .wp-block-button__link {
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease;
}

#book .wp-block-button > .wp-block-button__link:hover,
#book .wp-block-button > .wp-block-button__link:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(31, 42, 46, 0.16);
    filter: brightness(1.05);
}

/* Keep each button its own colour on hover — never the teal-700 dark teal. */
#book .wp-block-button.is-style-primary-teal > .wp-block-button__link:hover,
#book .wp-block-button.is-style-primary-teal > .wp-block-button__link:focus-visible {
    background-color: var(--wp--preset--color--teal);
}
#book .wp-block-button.is-style-secondary-purple > .wp-block-button__link:hover,
#book .wp-block-button.is-style-secondary-purple > .wp-block-button__link:focus-visible {
    background-color: var(--wp--preset--color--grape);
}

/* ---------------------------------------------------------------------
   Closing CTA band — bump the "No pressure / No commitment" reassurance
   above the 13px fine-print used on the home band (Ben 6/4). Scoped to
   this page only (try-a-class.css doesn't load elsewhere), so the home
   and programs bands keep their small print.
--------------------------------------------------------------------- */
.mm-band .mm-band__note {
    font-size: clamp(15px, 0.5vw + 14px, 18px);
    font-weight: 600;
}

/* ---------------------------------------------------------------------
   #book two columns — equal height (Ben 6/4). The column divs already
   stretch to equal height (core .wp-block-columns align-items:normal),
   but col 1 (Path A + What-every + gallery) and col 2 (the fixed-height
   form card) end at different points because each card is content-sized.
   Make each column a flex stack and let its LAST card grow to fill, so
   both sides bottom-align to the same height. Desktop only — on mobile
   the columns stack and natural heights are correct.
--------------------------------------------------------------------- */
@media (min-width: 782px) {
    #book .wp-block-column {
        display: flex;
        flex-direction: column;
    }
    #book .wp-block-column > .wp-block-group:last-child {
        flex-grow: 1;
    }
}