/**
 * GreenPower Shortcode Banner — front-end styles.
 *
 * Tiny and fully scoped to .gpf-banner-shortcode. The banner fills the full
 * width of whatever container it is placed in and scales proportionally
 * (full width, automatic height, original aspect ratio preserved).
 *
 * This file is separate from the popup's stylesheet and never touches it.
 */

/*
 * Single source of truth for banner sizing. The wrapper, <picture>, and image
 * all scale to 100% width with automatic height, so the artwork keeps its
 * original aspect ratio at every screen width (no distortion/stretching).
 *
 * Do NOT add a fixed pixel `height` here or in any media query: a fixed height
 * with fluid width breaks the aspect ratio. If a cropped fixed-height strip is
 * ever genuinely wanted, use `object-fit: cover` instead of a fixed height —
 * but the default, and the correct behaviour for full artwork, is height: auto.
 */
.gpf-banner-shortcode,
.gpf-banner-shortcode picture,
.gpf-banner-shortcode img,
.gpf-banner-shortcode-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

.gpf-banner-shortcode-link {
	display: block;
	width: 100%;
}