/* GlobiFYE sections: only what blocks cannot say. The sections are core blocks styled by theme.json, block style
   variations (Hero, Card, Mark, Soft, Tint, Deep, Arrow, Outline arrow, Accordion) and block attributes
   (tools/build-site.py). Here: the overlay hero's phone art direction and the whole-card link of linked cards.
   Token variables only; raw values are limited to 0, hairlines and image focus points. */

/* ---------- overlay hero (Hero cover) ---------- */
.wp-block-cover.is-style-hero { min-height: var(--wp--custom--layout--hero-min); }
/* the photo runs full width, the copy sits on the site's wide edge (core sets width:auto with a stronger selector) */
.wp-block-cover.is-style-hero.has-custom-content-position[class*="is-position-"] .wp-block-cover__inner-container { width: 100%; max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.wp-block-cover.is-style-hero .gf-hero__picture { position: absolute; inset: 0; display: block; }
/* phones: the copy on the page ground first, then a full-width photo window (no scrim over faces) */
@media (max-width: 781px) {
	.wp-block-cover.is-style-hero.gf-hero--tone-light { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 0 !important; background: var(--wp--preset--color--base); }
	.wp-block-cover.is-style-hero.gf-hero--tone-light .wp-block-cover__background { display: none; }
	.wp-block-cover.is-style-hero.gf-hero--tone-light .wp-block-cover__inner-container { order: 1; padding: var(--wp--preset--spacing--60) var(--wp--custom--layout--gutter-mobile) var(--wp--preset--spacing--50); box-sizing: border-box; }
	.wp-block-cover.is-style-hero.gf-hero--tone-light .gf-hero__picture { order: 2; position: relative; width: 100%; aspect-ratio: var(--wp--custom--image--hero-tall); }
	.wp-block-cover.is-style-hero.gf-hero--tone-light img.wp-block-cover__image-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
}

/* ---------- linked cards: the whole card is the link (the title link stretches over it) ---------- */
.gf-card { position: relative; transition: transform var(--wp--custom--transition--base), box-shadow var(--wp--custom--transition--base); }
.gf-card :where(h3) a { color: inherit; text-decoration: none; }
.gf-card :where(h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.gf-card:has(h3 a):hover { transform: translateY(-3px); box-shadow: var(--wp--preset--shadow--md); }
.gf-card:has(h3 a:focus-visible) { outline: var(--wp--custom--border--focus) solid var(--wp--preset--color--focus); outline-offset: var(--wp--custom--border--focus-offset); }
.gf-card h3 a:focus-visible { outline: 0; }
.gf-card .wp-block-image { margin: 0; }