/* ============================================
   Utility Classes
   ============================================ */

.fca-section {
	margin-bottom: var(--wp--preset--spacing--60);
}

.fca-section-title {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
}

/* ============================================
   Dark Gradient Overlays for Featured Cards
   (For posts with images that need text overlay)
   ============================================ */

.fca-card-overlay {
	position: relative;
}

.fca-card-overlay::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);
	pointer-events: none;
	border-radius: 0 0 var(--fca-radius-lg) var(--fca-radius-lg);
}

/* Alternative gradient backgrounds for cards */
.fca-gradient-purple {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.fca-gradient-pink {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.fca-gradient-dark {
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.fca-gradient-teal {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}