/**
 * Farm CTA widget styles.
 *
 * Purpose: Port of style.css §13 (.cta-panel, ::before glow, h2, p, .btn-group) and the mobile
 *          padding rule (L1414–1416); plus the optional media background layer (PRD addition).
 * Dependencies: assets/css/base.css.
 * Consumers: Widget acfarm_cta.
 * Since: 0.1.0 Initial introduction; see CHANGELOG.md.
 */

.acfarm_cta_panel {
	background: linear-gradient(135deg, var(--acfarm_color_coffee) 0%, #2A170C 100%);
	border-radius: var(--acfarm_radius_large);
	padding: 64px 48px;
	color: var(--acfarm_color_cream);
	text-align: center;
	position: relative;
	overflow: hidden;
	box-shadow: var(--acfarm_shadow_lg);
}

.acfarm_cta_panel::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -20%;
	width: 140%;
	height: 200%;
	background: radial-gradient(circle at center, rgba(239, 227, 209, 0.08) 0%, transparent 60%);
	pointer-events: none;
	z-index: 1;
}

.acfarm_cta_background,
.acfarm_cta_overlay {
	position: absolute;
	inset: 0;
}

.acfarm_cta_background .acfarm_media,
.acfarm_cta_background .acfarm_media > img,
.acfarm_cta_background .acfarm_media > video {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

.acfarm_cta_overlay {
	background-color: rgba(63, 36, 22, 0.78);
}

.acfarm_cta_content {
	position: relative;
	z-index: 2;
}

.acfarm_cta_title {
	color: #FFFFFF;
	margin-bottom: 14px;
}

.acfarm_cta_panel .acfarm_cta_text {
	color: var(--acfarm_color_sand);
	max-width: 620px;
	margin: 0 auto 32px;
	font-size: 1.1rem;
}

.acfarm_cta_buttons {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

@media (max-width: 820px) {
	.acfarm_cta_panel {
		padding: 44px 24px;
	}

	.acfarm_cta_buttons .acfarm_btn {
		white-space: normal;
	}
}