/**
 * The EU harmonised notice on the legal guarantee of conformity.
 *
 * The notice itself must not be modified: no recolouring, no filters or effects, no cropping and no
 * stretching (Implementing Regulation (EU) 2025/1960, see includes/eu-guarantees/README.md). Scaling is
 * allowed as long as the proportions are kept and the notice stays legible at default display size.
 *
 * This file therefore only reserves space, keeps the aspect ratio and defends the original colours. It
 * is loaded independently of the general stylesheet, because dealers can switch that one off.
 */

/*
 * Deliberately in pixels, not rem: the notice needs a clear gap to the description text above it, and that
 * gap should not shrink with a theme that sets a small root font size.
 */
.obs-eu-guarantee-notice {
	margin-top: 24px;
}

/*
 * The notice is an A4 portrait poster. Its smallest type is only legible at roughly its native size,
 * which is why it is not scaled down here: `max-width` caps it at 100 % of A4 at 96 dpi and it shrinks
 * only when the container is narrower, for instance on phones. Lowering `max-width` buys layout calm at
 * the price of legibility - and legibility is what the regulation asks for.
 */
.obs-eu-guarantee-notice__image {
	display: block;
	width: 100%;
	max-width: 794px;
	height: auto;
	aspect-ratio: 794 / 1123;

	/* Keep the original colours, whatever a dark theme does to images around it. */
	filter: none;
	mix-blend-mode: normal;
	background-color: transparent;
	border: 0;
}

.obs-eu-guarantee-notice__link {
	margin-top: 0.5rem;
}