/**
 * Pappy Overlay Card — structural CSS only.
 *
 * Per the widget golden rules, this file contains ONLY the layout mechanics
 * required for the overlay to function (display, position, overflow, object-fit).
 * All visual properties — colors, typography, spacing, radius, shadows — are
 * injected by Elementor controls and must NOT appear here.
 */

.pappy-overlay-card {
	position: relative;
	display: flex; /* justify-content & align-items set by controls */
	width: 100%;
}

.pappy-overlay-card__image {
	position: absolute;
	inset: 0;
	width: 100%;
	z-index: 1;
	overflow: hidden;
}

.pappy-overlay-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.pappy-overlay-card__box {
	position: relative;
	z-index: 2; /* sit above the image */
}

.pappy-overlay-card__heading {
	margin-top: 0;
}

.pappy-overlay-card__button {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border: none;
}