/* market_stall_cta.css — "Tens una parada en aquest mercat?" CTA
   Sits between "Les parades del mercat" and "Esdeveniments i notícies"
   on the public market page. Same visual language as .cf-section
   (see mercat.css) so it reads as an editorial block, not an ad. */

.stall-cta-wrapper {
	/* The stalls carousel above ends with `.mh-indicators.mb-5` (48px),
	   which reads as a large empty gap before this block — pull up to
	   compensate without touching that shared carousel class. */
	margin-top: -42px;
	padding: 8px 12px 28px;
}

.stall-cta-card {
	background: #eef2ee;
	border-radius: 16px;
	border: 0.5px solid #b2bab1;
	box-shadow: 0 4px 12px rgba(0,0,0,0.12);
	padding: 22px 18px;
	text-align: center;
	max-width: 560px;
	margin: 0 auto;
}

.stall-cta-heading {
	font-size: 1rem;
	font-weight: 700;
	color: var(--color-evergreen, #304040);
	margin-bottom: 10px;
	line-height: 1.25;
}

.stall-cta-lead {
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--color-pine, #5B7065);
	margin-bottom: 8px;
	line-height: 1.3;
}

.stall-cta-sub {
	font-size: 0.85rem;
	color: rgba(33,37,41,0.6);
	line-height: 1.4;
	margin-bottom: 18px;
}

.stall-cta-btn {
	width: 100%;
	max-width: 320px;
}

@media (min-width: 768px) {
	.stall-cta-wrapper { margin-top: -28px; padding: 12px 24px 36px; }
	.stall-cta-card { padding: 28px 32px; }
	.stall-cta-heading { font-size: 1.1rem; }
	.stall-cta-lead { font-size: 1.15rem; }
	.stall-cta-sub { font-size: 0.9rem; }
	.stall-cta-btn { width: auto; }
}