/* DrDorosti Theme 0.2.0 — Phase 10.2 Home, mobile-first. */
.dd-home-main {
	overflow: clip;
}

.dd-home-main > * {
	margin-block: 0;
}

.dd-home-section,
.dd-home-qa {
	padding-block: clamp(48px, 8vw, 88px);
	padding-inline: var(--ddt-gutter);
}

.dd-section-heading {
	max-width: 760px;
	margin-block-end: 28px;
}

.dd-section-heading > * {
	margin-block-start: 0;
}

.dd-section-heading > * + * {
	margin-block-start: 10px;
}

.dd-section-heading p:not(.dd-eyebrow),
.dd-home-hero__lead,
.dd-home-doctor__copy > p,
.dd-home-qa p,
.dd-home-final-cta p {
	color: var(--ddt-muted);
}

.dd-eyebrow {
	margin: 0;
	color: var(--ddt-secondary);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
}

.dd-text-link,
.dd-text-link a {
	color: var(--ddt-secondary);
	font-weight: 800;
}

.dd-text-link a {
	display: inline-flex;
	min-height: var(--ddt-touch);
	align-items: center;
}

.dd-home-hero {
	position: relative;
	padding: 28px var(--ddt-gutter) 42px;
	background:
		radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--ddt-secondary) 9%, transparent), transparent 36%),
		linear-gradient(180deg, var(--ddt-surface) 0%, color-mix(in srgb, var(--ddt-primary-soft) 72%, var(--ddt-surface)) 100%);
}

.dd-home-hero::after {
	content: "";
	position: absolute;
	inset-inline-end: -120px;
	inset-block-start: -100px;
	width: 280px;
	height: 280px;
	border: 1px solid color-mix(in srgb, var(--ddt-secondary) 15%, transparent);
	border-radius: 50%;
	pointer-events: none;
}

.dd-home-hero__grid,
.dd-home-doctor__grid,
.dd-home-qa__card,
.dd-home-final-cta__inner {
	grid-template-columns: minmax(0, 1fr) !important;
}

.dd-home-hero__copy {
	align-self: center;
	padding-block: 18px 8px;
}

.dd-home-hero__title {
	margin-block: 12px 0;
	max-width: 760px;
	color: var(--ddt-heading);
	letter-spacing: -.025em;
}

.dd-home-hero__title mark {
	padding: 0;
	background: transparent;
	color: var(--ddt-secondary);
}

.dd-home-hero__lead {
	max-width: 660px;
	margin-block: 18px 0;
	font-size: clamp(17px, 16.3333px + .2083vw, 19px);
	line-height: 1.9;
}

.dd-home-hero__actions {
	margin-block-start: 24px;
	gap: 10px;
}

.dd-home-hero__actions .wp-block-button,
.dd-home-final-cta__buttons .wp-block-button {
	flex: 1 1 148px;
}

.dd-home-hero__actions .wp-block-button__link,
.dd-home-final-cta__buttons .wp-block-button__link,
.dd-home-qa .wp-block-button__link {
	width: 100%;
	min-height: var(--ddt-touch);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dd-home-hero__chips {
	margin-block-start: 24px;
	gap: 8px !important;
}

.dd-home-hero__chips p {
	margin: 0;
	padding: 7px 10px;
	border: 1px solid var(--ddt-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--ddt-surface) 86%, transparent);
	color: var(--ddt-muted);
	font-size: 14px;
	font-weight: 700;
}

.dd-home-hero__media {
	position: relative;
	align-self: end;
	max-width: 560px;
	width: 100%;
	min-height: 380px;
	margin-inline: auto;
	border-radius: 28px;
	background: var(--ddt-surface-alt) url("../images/hero-medical-art.svg") center / cover no-repeat;
}

.dd-home-hero__doctor-query,
.dd-home-hero__doctor-query .wp-block-post-template,
.dd-home-hero__doctor-query .wp-block-post,
.dd-home-hero__fallback {
	margin: 0;
}

.dd-home-hero__doctor-image,
.dd-home-hero__fallback {
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(16, 45, 64, .14);
}

.dd-home-hero__doctor-image img,
.dd-home-hero__fallback img {
	display: block;
	width: 100%;
	min-height: 380px;
	object-fit: cover;
}

.dd-home-hero__status {
	position: relative;
	z-index: 2;
	width: calc(100% - 28px);
	margin: -36px auto 0;
	padding: 14px 18px;
	border: 1px solid color-mix(in srgb, var(--ddt-border) 75%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--ddt-surface) 94%, transparent);
	box-shadow: var(--ddt-shadow-md);
	backdrop-filter: blur(12px);
}

.dd-home-hero__status p {
	margin: 0;
	text-align: center;
}

.dd-home-hero__status span {
	color: var(--ddt-muted);
	font-size: 14px;
}

.dd-path-grid {
	gap: 16px;
}

.dd-path-card {
	position: relative;
	height: 100%;
	padding: 26px;
	border: 1px solid var(--ddt-border);
	border-radius: 24px;
	overflow: hidden;
}

.dd-path-card::before {
	content: "";
	position: absolute;
	inset-inline-end: -58px;
	inset-block-start: -58px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: currentColor;
	opacity: .06;
}

.dd-path-card--internal {
	background: linear-gradient(135deg, var(--ddt-surface), color-mix(in srgb, var(--ddt-primary) 6%, var(--ddt-surface)));
	color: var(--ddt-primary);
}

.dd-path-card--beauty {
	background: linear-gradient(135deg, var(--ddt-surface), color-mix(in srgb, var(--ddt-accent) 8%, var(--ddt-surface)));
	color: var(--ddt-accent);
}

.dd-path-card h3,
.dd-path-card p:not(.dd-path-card__number) {
	position: relative;
	z-index: 1;
}

.dd-path-card p:not(.dd-path-card__number):not(.dd-text-link) {
	color: var(--ddt-muted);
}

.dd-path-card__number {
	margin: 0 0 24px;
	font-size: 14px;
	font-weight: 900;
}

.dd-home-services {
	border-block: 1px solid var(--ddt-divider);
	background: color-mix(in srgb, var(--ddt-surface-alt) 40%, transparent);
}

.dd-section-heading--split {
	max-width: none;
	align-items: end;
	gap: 14px 24px;
}

.dd-home-services__query .wp-block-post-template,
.dd-home-articles__query .wp-block-post-template {
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) !important;
}

.dd-service-card,
.dd-article-card {
	height: 100%;
	padding: 14px;
	border: 1px solid var(--ddt-border);
	border-radius: 20px;
	background: var(--ddt-surface);
	box-shadow: var(--ddt-shadow-sm);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dd-service-card:hover,
.dd-article-card:hover {
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--ddt-secondary) 30%, var(--ddt-border));
	box-shadow: var(--ddt-shadow-md);
}

.dd-service-card__image,
.dd-article-card__image {
	margin: -14px -14px 16px;
	border-radius: 18px 18px 14px 14px;
	overflow: hidden;
}

.dd-service-card__image img,
.dd-article-card__image img {
	width: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}

.dd-service-card:hover .dd-service-card__image img,
.dd-article-card:hover .dd-article-card__image img {
	transform: scale(1.025);
}

.dd-service-card .wp-block-post-title,
.dd-article-card .wp-block-post-title {
	margin-block: 0 8px;
}

.dd-service-card .wp-block-post-title a,
.dd-article-card .wp-block-post-title a {
	color: var(--ddt-heading);
}

.dd-service-card__excerpt,
.dd-service-card__excerpt p {
	color: var(--ddt-muted);
	font-size: 14px;
}

.dd-home-empty {
	padding: 20px;
	border: 1px dashed var(--ddt-border);
	border-radius: 16px;
	color: var(--ddt-muted);
	text-align: center;
}

.dd-home-doctor {
	padding: clamp(48px, 8vw, 92px) var(--ddt-gutter);
	background: linear-gradient(135deg, color-mix(in srgb, var(--ddt-primary) 96%, #000), var(--ddt-heading));
	color: #fff;
}

.dd-home-doctor__inner,
.dd-home-doctor__query {
	width: 100%;
}

.dd-home-doctor__grid {
	gap: clamp(24px, 5vw, 64px);
	align-items: center;
}

.dd-home-doctor__image {
	max-width: 520px;
	margin-inline: auto;
	border-radius: 28px;
	overflow: hidden;
}

.dd-home-doctor__image img {
	width: 100%;
	object-fit: cover;
}

.dd-home-doctor h2,
.dd-home-doctor .wp-block-post-title {
	color: #fff;
}

.dd-home-doctor__copy > p,
.dd-home-doctor__copy .wp-block-post-excerpt,
.dd-home-doctor__copy .wp-block-post-excerpt p {
	color: #dce8eb;
}

.dd-home-doctor .dd-eyebrow,
.dd-home-doctor .dd-text-link,
.dd-home-doctor .dd-text-link a {
	color: #8fd5ca;
}

.dd-doctor-points {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 10px !important;
	margin-block: 24px;
}

.dd-doctor-points p {
	margin: 0;
	padding: 13px 14px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 14px;
	background: rgba(255,255,255,.06);
	font-size: 14px;
}

.dd-doctor-points strong {
	display: block;
	margin-block-end: 3px;
	color: #fff;
	font-size: 14px;
}

.dd-home-doctor__fallback {
	max-width: 760px;
	padding: 28px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 20px;
	background: rgba(255,255,255,.06);
}

.dd-article-hub-links {
	gap: 8px !important;
}

.dd-article-hub-links p {
	margin: 0;
}

.dd-article-hub-links a {
	display: inline-flex;
	min-height: var(--ddt-touch);
	align-items: center;
	padding-inline: 14px;
	border: 1px solid var(--ddt-border);
	border-radius: 999px;
	background: var(--ddt-surface);
	color: var(--ddt-heading);
	font-size: 14px;
	font-weight: 800;
}

.dd-article-card__topics {
	margin-block: 0 8px;
	color: var(--ddt-secondary);
	font-size: 14px;
	font-weight: 800;
}

.dd-article-card__topics a {
	color: inherit;
}

.dd-article-card__date {
	margin-block: 0 8px;
	color: var(--ddt-muted);
	font-size: 14px;
}

.dd-home-qa__card {
	gap: 22px;
	padding: 24px;
	border: 1px solid color-mix(in srgb, var(--ddt-secondary) 26%, var(--ddt-border));
	border-radius: 24px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ddt-secondary) 7%, var(--ddt-surface)), var(--ddt-surface));
}

.dd-home-qa__action {
	align-self: center;
	padding: 18px;
	border-radius: 18px;
	background: var(--ddt-surface);
	box-shadow: var(--ddt-shadow-sm);
}

.dd-home-final-cta {
	padding: clamp(48px, 8vw, 88px) var(--ddt-gutter);
	background: var(--ddt-surface-alt);
}

.dd-home-final-cta__inner {
	gap: 24px 48px;
	align-items: center;
	padding: clamp(24px, 5vw, 48px);
	border-radius: 28px;
	background: var(--ddt-surface);
	box-shadow: var(--ddt-shadow-md);
}

.dd-home-final-cta__buttons {
	justify-content: flex-start;
}

@media (min-width: 560px) {
	.dd-home-services__query .wp-block-post-template,
	.dd-home-articles__query .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.dd-doctor-points {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 782px) {
	.dd-home-hero {
		padding-block: 48px 58px;
	}

	.dd-home-hero__grid,
	.dd-home-doctor__grid,
	.dd-home-qa__card,
	.dd-home-final-cta__inner {
		grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
	}

	.dd-home-hero__copy {
		padding-block: 40px;
	}

	.dd-home-hero__media {
		max-width: 500px;
	}

	.dd-path-grid {
		gap: 20px;
	}

	.dd-path-card {
		padding: 34px;
	}

	.dd-home-final-cta__buttons {
		justify-content: flex-end;
	}
}

@media (min-width: 960px) {
	.dd-home-services__query .wp-block-post-template {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.dd-home-articles__query .wp-block-post-template {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 359px) {
	.dd-home-hero__actions,
	.dd-home-final-cta__buttons,
	.dd-home-qa .wp-block-buttons {
		gap: 8px;
	}

	.dd-home-hero__actions .wp-block-button,
	.dd-home-final-cta__buttons .wp-block-button,
	.dd-home-qa .wp-block-button {
		flex-basis: 100%;
	}

	.dd-path-card,
	.dd-home-qa__card,
	.dd-home-final-cta__inner {
		padding: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dd-service-card,
	.dd-article-card,
	.dd-service-card__image img,
	.dd-article-card__image img {
		transition: none;
	}
}
