/**
 * Front-end: ACF UKPI blocks are alignfull but WordPress still wraps them in
 * `.wp-block-acf-ukpi-*`. Editor fixes in editor-blocks.css target
 * `data-type` (iframe only); mirror the width reset here for the live site.
 */
.wp-block-acf-ukpi-hero,
.wp-block-acf-ukpi-stats,
.wp-block-acf-ukpi-ecosystem,
.wp-block-acf-ukpi-features,
.wp-block-acf-ukpi-industry,
.wp-block-acf-ukpi-latest-posts,
.wp-block-acf-ukpi-about-hero,
.wp-block-acf-ukpi-about-aims,
.wp-block-acf-ukpi-about-governance,
.wp-block-acf-ukpi-about-principles,
.wp-block-acf-ukpi-about-team,
.wp-block-acf-ukpi-contact,
.wp-block-acf-ukpi-privacy-hero,
.wp-block-acf-ukpi-privacy-article {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * News archive hero — not full-bleed; sits inside home.php max-w-[1280px] rail.
 * Reset alignfull from older saves so copy stays centred (inner max-w-[768px]).
 */
.wp-block-acf-ukpi-news-archive-hero {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.wp-block-acf-ukpi-news-archive-hero.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/*
 * About — Meet the Team: LinkedIn circle — full brand purple + white glyph on
 * hover/focus-visible (markup only sets bg-ukpi-tint; icon is an <img> SVG).
 */
.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint {
    transition: background-color 0.2s ease-out;
}

.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint img {
    transition: filter 0.2s ease-out;
}

.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint:hover,
.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint:focus-visible {
    background-color: var(--color-ukpi-purple, #632e62);
    outline: none;
}

.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint:focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-ukpi-purple, #632e62) 35%, transparent);
}

.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint:hover img,
.ukpi-about-team-block article a.inline-flex.size-9.rounded-full.bg-ukpi-tint:focus-visible img {
    filter: brightness(0) invert(1);
}

/*
 * Preserve multiple spaces only where templates add .ukpi-preserve-spaces
 * (broad span rules broke flex layouts in hero, ecosystem, etc.).
 */
.ukpi-site-footer .ukpi-preserve-spaces {
    white-space: pre-wrap;
}

.ukpi-preserve-spaces {
    white-space: pre-wrap;
}