/* ==========================================================================
   Pattern: Sector Training V1
   Centred heading and intro, three course cards from the sector-specific
   category, a View all button below. The query loop carries the
   blog-listing-v1 class for its grid (blog-listing-v1.css); the cards are
   the shared image cards (taxonomy-article-category.css) with an Explore
   button instead of a title link, so the loop item is not itself a link.
   ========================================================================== */

.forge-sector-training-v1 .forge-loop-item {
    align-items: stretch;
}

/* The card is a flex column; the button row sits at the bottom so the
   buttons line up across cards whatever the excerpt length. */
.forge-sector-training-v1 .cf-article-card--button {
    height: 100%;
}

.forge-sector-training-v1 .cf-article-card__actions {
    margin-top: auto !important;
    padding-top: var(--wp--preset--spacing--sm);
}

/* Outline Small is drawn for dark panels (white label, coral border); on
   this white section it is the primary colour, filled on hover. */
.forge-sector-training-v1 .is-style-outline-small > .wp-block-button__link {
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

.forge-sector-training-v1 .is-style-outline-small > .wp-block-button__link:hover,
.forge-sector-training-v1 .is-style-outline-small > .wp-block-button__link:focus-visible {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}

/* The Explore link covers the whole card, so the card is the click target,
   and hovering anywhere on it highlights the title and button together. */
.forge-sector-training-v1 .cf-article-card__actions .wp-block-button__link::before {
    content: "";
    position: absolute;
    inset: 0;
}

.forge-sector-training-v1 .cf-article-card--button:hover .cf-article-card__title {
    color: var(--wp--preset--color--secondary);
}

.forge-sector-training-v1 .cf-article-card--button:hover .is-style-outline-small > .wp-block-button__link {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}