/* =============================================================================
   ECR — site-wide consistency (client feedback, September 2026)
   Website feedback 11 Sept 2026:
     p.1 "Check the rounded corners - they should all be the same."
     p.3 "Overall - Please use the same style of title through the pages:
          simple bold (not extra bold), dark grey."
   Every selector below is a NAMED component, measured on the pages it
   appears on (inventory: PROJECT_DOCS/client-feedback-20260928/). Nothing is
   applied to `h1, h2` or `*` wholesale, so logos, the brand mark, the footer,
   buttons and form controls keep their own shapes and weights.
   ========================================================================== */

:root {
	/* The two radii the child theme already standardised on: 18px for a card
	   (Our People, Countries, Parties, Structure, Committees, MEP cards) and
	   24px for a panel that holds several things (Contact boxes, Co-Chairs
	   profiles, the Our People area rail, the X feed frame). */
	--ecr-radius-card: 18px;
	--ecr-radius-panel: 24px;
	/* Salient's own heading grey, already used by most page titles. */
	--ecr-title: #444444;
}

/* -----------------------------------------------------------------------------
   ROUNDED CORNERS
   Measured outliers: 10px (homepage news grid), 12px (brochure cards and the
   letter photograph), 14px (Working Group members), 15px/20px (the six vision
   blocks and the values blocks), 16px (Working Group image), 20px/32px (event
   images), 28px (event cards), 32px (article "Related" panels), 5px (article
   related posts), 15px (brochure index).
   -------------------------------------------------------------------------- */

/* Cards */
.nectar-post-grid-item,
.nectar-post-grid-item .inner,
.nectar-post-grid-item-bg-wrap,
.nectar-post-grid-item-bg,
.nectar-post-grid-item .bg-overlay,
.ecr-doc-card,
.ecr-docp-letter__img,
.ecr-mep-mini,
.ecr-mep-mini__portrait,
.single-campaign .wp-block-image img,
.single-campaign img.wp-post-image,
.single-campaign img.attachment-full,
.nectar-recent-post-slide,
.nectar-recent-posts-single_featured,
.tribe-events-calendar-latest-past__event,
.tribe-events-calendar-list__event,
.tribe-events-single .tribe-events-event-image,
.tribe-events-single .tribe-events-event-image img,
.tribe-events-single .img-with-animation,
.single-post .related-posts .inner-wrap,
.single-post .related-post-wrap .inner-wrap {
	border-radius: var(--ecr-radius-card) !important;
}

/* The six "Our vision" blocks and the four "Our values" blocks: WPBakery
   columns whose own border-radius setting was 10px, 15px or 20px on the same
   pages. Only columns that ALREADY have a radius (data-border-radius) are
   matched, so a square column elsewhere stays square. */
[data-border-radius]:not([data-border-radius="none"]):not([data-border-radius="0px"]),
[data-border-radius]:not([data-border-radius="none"]):not([data-border-radius="0px"]) > .vc_column-inner,
[data-border-radius]:not([data-border-radius="none"]):not([data-border-radius="0px"]) .column-bg-overlay-wrap,
[data-border-radius]:not([data-border-radius="none"]):not([data-border-radius="0px"]) .column-image-bg-wrap,
[data-border-radius]:not([data-border-radius="none"]):not([data-border-radius="0px"]) .column-image-bg {
	border-radius: var(--ecr-radius-card) !important;
}

/* Panels */
.ecr-docp-index,
.ecr-related-section,
.tribe-events-single .tribe-events-meta-group {
	border-radius: var(--ecr-radius-panel) !important;
}

/* -----------------------------------------------------------------------------
   TITLES — ordinary bold (700), dark grey
   Measured before: page titles at 900 in #1E293B, blue titles at 700-900 on
   the event and Working Group pages, news and campaign card titles at 900.
   Titles printed in white over a photograph keep their white; only the weight
   changes there. Each selector is prefixed with `body` because several of
   these titles are also styled by CSS printed inline further down the page;
   the extra element makes these win deterministically.
   The Working Group and event PAGE titles are not in this list: the client
   asked for them in the ECR blue (September 2026, "as on the old site"), see
   css/working-groups.css and css/events.css.
   -------------------------------------------------------------------------- */
body .ecr-st__title,
body .ecr-op__title,
body .ecr-ct__title,
body .ecr-mep__title,
body .ecr-map-title,
body .ecr-op-area__name,
body .ecr-st-group__name,
body .ecr-ct-box__title,
body .ecr-cp-profile__name,
body .ecr-doc__title,
body .tribe-events-calendar-latest-past__header-title,
body .tribe-events-calendar-latest-past__event-title,
body .tribe-events-calendar-list__event-title,
body .post-area article .post-header h3.title,
body.single-post h3.related-title,
body.single-post .related-posts h3.title,
body .tribe-events-single-section-title,
body .ecr-mep-strip__title,
body #sidebar .widget h2.wp-block-heading,
body .ecr-x h2 {
	font-weight: 700 !important;
	color: var(--ecr-title) !important;
}

body .tribe-events-calendar-latest-past__event-title a,
body .tribe-events-calendar-list__event-title a,
body .post-area article .post-header h3.title a,
body.single-post .related-posts h3.title a {
	color: inherit !important;
}

/* White-on-image titles: weight only. */
body .ecr-cp__title,
body.single-post .single-post-title-wrap h1,
body.single-post #page-header-bg h1.entry-title,
body .large-featured-post-title,
body .nectar-recent-post-slide .post-ref-1,
body .blog_next_prev_buttons h3,
body #portfolio-nav a span {
	font-weight: 700 !important;
}

/* Names on member cards: bold, not black-weight. */
body .ecr-mep-card__name,
body .ecr-st-mep__name {
	font-weight: 700 !important;
}