/* Mainospaikka 1 — primary ad slot above the sales description.
   The whole card (image + body) is a single link when a destination URL
   is set; otherwise it renders as a non-interactive <div>. */

.ValuCampaignAdSlot--primary {
	display: flex;
	flex-direction: column;
	margin-block: var(--wp--preset--spacing--40, 16px);
}

/* When the card itself is the link, neutralize default link styling so the
   inner image + body keep their original look, and provide hover/focus
   affordances so the card reads as clickable. */
a.ValuCampaignAdSlot--primary {
	color: inherit;
	text-decoration: none;
	transition: filter 0.2s ease;
}

a.ValuCampaignAdSlot--primary:hover {
	filter: brightness(0.95);
}

a.ValuCampaignAdSlot--primary:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.ValuCampaignAdSlot__Image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* Blue text body sits flush against the image (no gap), carrying its own
   background and padding. */
.ValuCampaignAdSlot__Body {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30, 12px);
	min-width: 0;
	padding: var(--wp--preset--spacing--40, 16px);
	background: var(--wp--preset--color--accent-four);
}

.ValuCampaignAdSlot__Body p {
	margin: 0;
}