/**
 * Key Dates Widget Styles
 *
 * @package Foundry
 */

.key-dates-wrapper {
	width: 100%;
}

.key-dates-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}

.key-dates-heading {
	flex: 0 0 30%;
	max-width: 30%;
	font-weight: 600;
}

.key-dates-content {
	flex: 1;
	min-width: 0;
}

.key-dates-content p:last-child {
	margin-bottom: 0;
}

/* Responsive adjustments - Stack only on mobile */
@media (max-width: 767px) {
	.key-dates-item {
		flex-direction: column;
	}

	.key-dates-heading {
		flex: 0 0 100%;
		max-width: 100%;
	}
}