/* SCC Network - Consent UX. Additive only.
   Evidence: project-114-register-35-two-modal-redesign-2026-08-23.md

   Printed after project114-consent by an explicit wp_enqueue_style dependency,
   so these rules win on source order as well as on specificity.

   PALETTE: FROZEN. Not one colour below is new. Every value is lifted from
   the theme's own assets/css/consent.css:
     var(--brand, #087a55)  - .consent-button--primary background (SCC)
     #fff                   - .consent-button--primary text
     #111                   - .scc-brand-hut .consent-button--primary background
     #f4f7f5                - .consent-centre__summary background
     #17231f                - .consent-centre__panel text colour

   RTL: assets/consent-ux-rtl.css is the twin, served by core in place of this
   file via wp_style_add_data(..., 'rtl', 'replace'). Every declaration here is
   already direction-neutral or logical, so the twin is identical content - it
   ships anyway so that the pair matches the theme's consent.css /
   consent-rtl.css convention and a future physical property cannot be added to
   one without the other existing to receive it. */

/* 1. Equal-weight Reject and Accept.
      consent.css gives .consent-button--primary and --save a filled brand
      background while the base .consent-button, which is what --quiet (Reject)
      wears, is white with a grey border. Unequal prominence between accept and
      refuse is the pattern the ICO and the CNIL both treat as a dark pattern.

      The two are equalised by giving BOTH the treatment Accept already has,
      not by making both outlined. That is deliberate: the outlined pair would
      put a #bcc9c3 border on a #fff panel, which is 1.9:1 and below the 3:1
      that WCAG 1.4.11 asks of a control boundary, so it would move Accept from
      passing to failing. Filling both introduces no colour pair that was not
      already being painted and measured.

      Height, padding, weight and radius are stated together so that the two
      buttons cannot drift apart if one of them is restyled later. Radius is
      inherited, not set, because p114-brand-redesign-v2 owns it per brand
      (2px on SCC, 999px on HUT) and both buttons already share it. */
.consent-centre__actions .consent-button,
.consent-centre__actions .consent-button--quiet,
.consent-centre__actions .consent-button--save,
.consent-centre__actions .consent-button--primary {
	min-height: 46px;
	min-width: 44px;
	padding: 11px 17px;
	border: 1px solid var(--brand, #087a55);
	background: var(--brand, #087a55);
	color: #fff;
	font-weight: 850;
}

/* HUT paints its own near-black in place of the brand green; consent.css
   already does this for --primary and --save at the same specificity, so this
   only widens it to the whole set. */
.scc-brand-hut .consent-centre__actions .consent-button,
.scc-brand-hut .consent-centre__actions .consent-button--quiet,
.scc-brand-hut .consent-centre__actions .consent-button--save,
.scc-brand-hut .consent-centre__actions .consent-button--primary {
	border-color: #111;
	background: #111;
	color: #fff;
}

/* 2. The SCC agency disclosure, folded in above the buttons.
      Specification 3.3 option (b). It replaces the block at footer.php:51 that
      disappears with the preferences overlay. Styled as a quiet disclosure
      rather than as a second decision: it reuses the .consent-centre__summary
      surface so it reads as part of the panel and not as another choice. */
.scc-consent-agency {
	display: grid;
	gap: 6px;
	margin: 15px 0 0;
	padding: 13px 15px;
	border-radius: 12px;
	background: #f4f7f5;
	color: #17231f;
	font-size: 13px;
	line-height: 1.5;
	text-align: start;
}

.scc-consent-agency strong {
	font-weight: 850;
}

.scc-consent-agency p {
	margin: 0;
	line-height: 1.5;
}

/* min-height rather than padding so the link clears 44px without moving the
   text it sits under. Matches the treatment p114-brand-redesign-v2 already
   applies to the same link at scc.css:238-243. */
.scc-consent-agency a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: inherit;
	font-weight: 800;
}

/* 3. prefers-reduced-motion. The disclosure is inserted after first paint, so
      anything that animated it would animate on every open. Nothing here
      animates; this states that intent so a later addition has to be explicit
      about opting out. Specification acceptance test 22. */
@media (prefers-reduced-motion: reduce) {
	.scc-consent-agency,
	.consent-centre__actions .consent-button {
		transition: none !important;
		animation: none !important;
	}
}