/**
 * Feature Cards Row Pattern Styles
 *
 * Pattern-specific styles for the feature-cards-row pattern.
 *
 * This CSS is conditionally loaded only on pages that contain blocks
 * specified in the pattern's "Block Types:" header (firsttracks/feature-card).
 * The theme automatically associates pattern CSS with block types, ensuring
 * optimal performance by loading styles only when needed.
 *
 * @package WordPress
 * @subpackage FTM_Theme
 */

/* Container spacing and alignment */
.wp-block-group.has-feature-cards {
	padding-block: var(--wp--preset--spacing--60);
}

/* Grid layout adjustments for feature cards */
.wp-block-group:has(.wp-block-firsttracks-feature-card) {
	gap: var(--wp--preset--spacing--50);
}

/* Responsive adjustments */
@media (width <= 781px) {
	.wp-block-group:has(.wp-block-firsttracks-feature-card) {
		grid-template-columns: 1fr;
	}
}

/* Optional: Add hover effect on the grid container when hovering cards */
.wp-block-group:has(.wp-block-firsttracks-feature-card:hover) {
	transition: all 0.3s ease;
}

/* Example: Card alignment within grid */
.wp-block-firsttracks-feature-card {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}