/**
 * Content Block Widget Styles
 *
 * Flexible content section with optional heading, icon, paragraphs, and checklist
 *
 * @package DrYazdani
 * @since 1.0.0
 */

.dryazdani-content-block {
	padding-block: var(--dryazdani-space-24);
	background-color: var(--dryazdani-bg-light);
}

.dryazdani-content-block__container {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: var(--dryazdani-space-6);
}

/* Header (Outside white box) */
.dryazdani-content-block__header {
	text-align: center;
	margin-block-end: var(--dryazdani-space-16);
}

.dryazdani-content-block__inner {
	background-color: var(--dryazdani-bg-white);
	padding: var(--dryazdani-space-12);
	margin-block-end: var(--dryazdani-space-16);
}

/* Border Styles */
.dryazdani-content-block__inner.border-accent {
	border: 2px solid var(--dryazdani-primary);
}

.dryazdani-content-block__inner.border-none {
	border: none;
}

.dryazdani-content-block__icon {
	font-size: var(--dryazdani-text-5xl);
	color: var(--dryazdani-primary);
	margin-block-end: var(--dryazdani-space-4);
}

.dryazdani-content-block__icon svg,
.dryazdani-content-block__icon i {
	width: var(--dryazdani-space-16);
	height: var(--dryazdani-space-16);
}

.dryazdani-content-block__eyebrow {
	margin-block-end: var(--dryazdani-space-4);
	color: var(--dryazdani-primary);
	font-size: var(--dryazdani-text-xs);
	letter-spacing: var(--dryazdani-tracking-widest);
	text-transform: uppercase;
}

.dryazdani-content-block__heading {
	font-size: clamp(var(--dryazdani-text-4xl), 5vw, var(--dryazdani-text-6xl));
	margin-block-end: var(--dryazdani-space-8);
	color: var(--dryazdani-text-primary);
	font-weight: var(--dryazdani-font-normal);
	font-family: var(--dryazdani-font-heading);
	line-height: var(--dryazdani-leading-tight);
}

/* Content Wrapper inside white box */
.dryazdani-content-block__content-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--dryazdani-space-6);
}

/* Main Content */
.dryazdani-content-block__content {
	font-size: var(--dryazdani-text-lg);
	color: var(--dryazdani-text-primary);
	line-height: var(--dryazdani-leading-relaxed);
}

.dryazdani-content-block__content p {
	margin-block-end: var(--dryazdani-space-6);
}

.dryazdani-content-block__content p:last-child {
	margin-block-end: 0;
}

/* Checklist */
.dryazdani-content-block__checklist {
	display: grid;
	gap: var(--dryazdani-space-6);
}

.dryazdani-content-block__checklist--columns-1 {
	grid-template-columns: 1fr;
}

.dryazdani-content-block__checklist--columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.dryazdani-content-block__checklist-item {
	display: flex;
	align-items: flex-start;
	gap: var(--dryazdani-space-3);
	color: var(--dryazdani-text-primary);
	line-height: var(--dryazdani-leading-normal);
}

.dryazdani-content-block__check-icon {
	flex-shrink: 0;
	width: var(--dryazdani-space-5);
	height: var(--dryazdani-space-5);
	color: var(--dryazdani-primary);
	margin-block-start: 0.125rem;
}

.dryazdani-content-block__check-icon svg {
	width: 100%;
	height: 100%;
}

/* Closing Content */
.dryazdani-content-block__closing {
	font-size: var(--dryazdani-text-lg);
	color: var(--dryazdani-text-primary);
	line-height: var(--dryazdani-leading-relaxed);
}

.dryazdani-content-block__closing p {
	margin-block-end: var(--dryazdani-space-6);
}

.dryazdani-content-block__closing p:last-child {
	margin-block-end: 0;
}

/* Recovery Timeline Section */
.dryazdani-content-block__timeline-section {
	margin-block-start: var(--dryazdani-space-24);
}

.dryazdani-content-block__timeline-heading {
	font-size: clamp(var(--dryazdani-text-4xl), 5vw, var(--dryazdani-text-5xl));
	margin-block-end: var(--dryazdani-space-12);
	color: var(--dryazdani-secondary);
	text-align: center;
	font-family: var(--dryazdani-font-heading);
	font-weight: var(--dryazdani-font-normal);
	line-height: var(--dryazdani-leading-tight);
}

.dryazdani-content-block__timeline-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--dryazdani-space-8);
}

.dryazdani-content-block__timeline-card {
	background-color: var(--dryazdani-bg-white);
	padding: var(--dryazdani-space-8);
	border: 2px solid rgba(44, 44, 44, 0.1);
	display: flex;
    flex-direction: column;
}

.dryazdani-content-block__timeline-period {
	font-size: var(--dryazdani-text-5xl);
	color: var(--dryazdani-primary);
	margin-block-end: var(--dryazdani-space-4);
	font-family: var(--dryazdani-font-heading);
	font-weight: var(--dryazdani-font-normal);
	line-height: var(--dryazdani-leading-tight);
}

.dryazdani-content-block__timeline-title {
	font-size: var(--dryazdani-text-xl);
	margin-block-end: var(--dryazdani-space-4);
	color: var(--dryazdani-secondary);
	font-weight: var(--dryazdani-font-semibold);
	line-height: var(--dryazdani-leading-normal);
}

.dryazdani-content-block__timeline-description {
	color: var(--dryazdani-text-body);
	line-height: var(--dryazdani-leading-relaxed);
	margin-block-end: var(--dryazdani-space-4) !important;
}

.dryazdani-content-block__timeline-note {
	font-size: var(--dryazdani-text-sm);
	color: var(--dryazdani-primary);
	margin-block-end: 0 !important;
	margin-block-start: auto;
}

/* Large Desktop */
@media (min-width: 1024px) {
	.dryazdani-content-block__container {
		padding-inline: var(--dryazdani-space-12);
	}
}

/* Tablet Breakpoint */
@media (min-width: 768px) {
	.dryazdani-content-block__timeline-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.dryazdani-content-block {
		padding-block: var(--dryazdani-space-16);
	}

	.dryazdani-content-block__container {
		padding-inline: var(--dryazdani-space-4);
	}

	.dryazdani-content-block__header {
		margin-block-end: var(--dryazdani-space-12);
	}

	.dryazdani-content-block__inner {
		padding: var(--dryazdani-space-8);
		margin-block-end: var(--dryazdani-space-12);
	}

	.dryazdani-content-block__checklist--columns-2 {
		grid-template-columns: 1fr;
	}

	.dryazdani-content-block__heading {
		font-size: var(--dryazdani-text-4xl);
	}

	.dryazdani-content-block__content,
	.dryazdani-content-block__closing {
		font-size: var(--dryazdani-text-base);
	}

	.dryazdani-content-block__timeline-section {
		margin-block-start: var(--dryazdani-space-16);
	}

	.dryazdani-content-block__timeline-heading {
		font-size: var(--dryazdani-text-4xl);
		margin-block-end: var(--dryazdani-space-8);
	}

	.dryazdani-content-block__timeline-card {
		padding: var(--dryazdani-space-6);
	}
}

/* Mobile Breakpoint */
@media (max-width: 480px) {
	.dryazdani-content-block__inner {
		padding: var(--dryazdani-space-6);
	}

	.dryazdani-content-block__heading {
		font-size: var(--dryazdani-text-3xl);
		margin-block-end: var(--dryazdani-space-6);
	}

	.dryazdani-content-block__icon svg,
	.dryazdani-content-block__icon i {
		width: var(--dryazdani-space-12);
		height: var(--dryazdani-space-12);
	}

	.dryazdani-content-block__timeline-period {
		font-size: var(--dryazdani-text-4xl);
	}

	.dryazdani-content-block__timeline-title {
		font-size: var(--dryazdani-text-lg);
	}
}