/**
 * Hero Widget Styles
 *
 * @package DrYazdani
 * @since 1.0.0
 */

.dryazdani-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	min-height: 90vh;
}

.dryazdani-hero__background {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dryazdani-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgb(var(--dryazdani-secondary-rgb)) 0%,
		rgba(var(--dryazdani-secondary-rgb), 0.6) 50%,
		transparent 100%
	);
}

.dryazdani-hero__content {
	position: relative;
	z-index: var(--dryazdani-z-base);
	text-align: center;
	color: var(--dryazdani-text-inverse);
	max-width: var(--dryazdani-container-sm);
	margin-inline: auto;
	padding-inline: var(--dryazdani-space-2);
}

.dryazdani-hero__badge-wrapper {
	margin-block-end: var(--dryazdani-space-2);
}

.dryazdani-hero__badge {
	display: inline-block;
	padding: var(--dryazdani-space-2) var(--dryazdani-space-6);
	border: 1px solid var(--dryazdani-primary);
	color: var(--dryazdani-primary);
	font-size: var(--dryazdani-text-sm);
	letter-spacing: var(--dryazdani-tracking-widest);
	text-transform: uppercase;
	margin-block-end: var(--dryazdani-space-8);
}

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

.dryazdani-hero__tagline {
	font-size: clamp(var(--dryazdani-text-xl), 3vw, var(--dryazdani-text-2xl));
	margin-block-end: var(--dryazdani-space-12);
	color: var(--dryazdani-text-inverse);
	opacity: 0.9;
	font-weight: var(--dryazdani-font-light);
	line-height: var(--dryazdani-leading-relaxed);
}

.dryazdani-hero__quote-section {
	margin-block-start: var(--dryazdani-space-12);
	max-width: 672px;
	margin-inline: auto;
}

.dryazdani-hero__quote {
	font-size: clamp(var(--dryazdani-text-xl), 2.5vw, var(--dryazdani-text-2xl));
	font-style: italic;
	font-weight: var(--dryazdani-font-light);
	color: var(--dryazdani-text-inverse);
	opacity: 0.9;
	margin-block-end: var(--dryazdani-space-5);
	line-height: var(--dryazdani-leading-snug);
	border: none;
	margin-inline: 0;
	padding: 0;
}

.dryazdani-hero__signature-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--dryazdani-space-4);
}

.dryazdani-hero__signature-divider {
	width: var(--dryazdani-space-16);
	height: 1px;
	background-color: var(--dryazdani-primary);
}

.dryazdani-hero__signature {
	font-family: var(--dryazdani-font-signature);
	font-size: var(--dryazdani-text-3xl);
	color: var(--dryazdani-primary);
	white-space: nowrap;
}

.dryazdani-hero__scroll-indicator {
	position: absolute;
	bottom: var(--dryazdani-space-12);
	inset-inline-start: 50%;
	transform: translateX(-50%);
	animation: dryazdani-hero-bounce 2s infinite;
	z-index: var(--dryazdani-z-base);
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	outline: none;
}

/* RTL adjustment for scroll indicator */
html[dir="rtl"] .dryazdani-hero__scroll-indicator {
	transform: translateX(50%);
}

.dryazdani-hero__scroll-indicator:focus-visible {
	outline: 2px solid var(--dryazdani-primary);
	outline-offset: var(--dryazdani-space-2);
	border-radius: var(--dryazdani-radius-md);
}

.dryazdani-hero__scroll-mouse {
	width: var(--dryazdani-space-6);
	height: var(--dryazdani-space-10);
	border: 2px solid var(--dryazdani-text-inverse);
	opacity: 0.5;
	border-radius: var(--dryazdani-radius-full);
	display: flex;
	justify-content: center;
	padding-block-start: var(--dryazdani-space-2);
}

.dryazdani-hero__scroll-wheel {
	width: var(--dryazdani-space-1);
	height: var(--dryazdani-space-2);
	background-color: var(--dryazdani-text-inverse);
	opacity: 0.5;
	border-radius: var(--dryazdani-radius-sm);
}

/* Bounce animation for scroll indicator */
@keyframes dryazdani-hero-bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	40% {
		transform: translateX(-50%) translateY(-10px);
	}
	60% {
		transform: translateX(-50%) translateY(-5px);
	}
}

/* RTL version of bounce animation */
html[dir="rtl"] .dryazdani-hero__scroll-indicator {
	animation: dryazdani-hero-bounce-rtl 2s infinite;
}

@keyframes dryazdani-hero-bounce-rtl {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(50%) translateY(0);
	}
	40% {
		transform: translateX(50%) translateY(-10px);
	}
	60% {
		transform: translateX(50%) translateY(-5px);
	}
}

/* Tablet breakpoint */
@media (max-width: 768px) {
	.dryazdani-hero__heading {
		font-size: var(--dryazdani-text-5xl);
	}

	.dryazdani-hero__tagline {
		font-size: var(--dryazdani-text-xl);
	}

	.dryazdani-hero__quote {
		font-size: var(--dryazdani-text-lg);
	}

	.dryazdani-hero__signature {
		font-size: var(--dryazdani-text-2xl);
	}

	.dryazdani-hero__signature-divider {
		width: var(--dryazdani-space-12);
	}
}

/* Mobile breakpoint */
@media (max-width: 480px) {
	.dryazdani-hero__content {
		padding-inline: var(--dryazdani-space-4);
	}

	.dryazdani-hero__badge {
		font-size: var(--dryazdani-text-xs);
		padding: var(--dryazdani-space-1) var(--dryazdani-space-4);
	}

	.dryazdani-hero__heading {
		font-size: var(--dryazdani-text-4xl);
		margin-block-end: var(--dryazdani-space-6);
	}

	.dryazdani-hero__tagline {
		font-size: var(--dryazdani-text-lg);
		margin-block-end: var(--dryazdani-space-8);
	}

	.dryazdani-hero__quote-section {
		margin-block-start: var(--dryazdani-space-12);
	}

	.dryazdani-hero__quote {
		font-size: var(--dryazdani-text-base);
	}

	.dryazdani-hero__signature {
		font-size: var(--dryazdani-text-xl);
	}

	.dryazdani-hero__signature-divider {
		width: var(--dryazdani-space-8);
	}

	.dryazdani-hero__scroll-indicator {
		bottom: var(--dryazdani-space-8);
	}
}

/* Editorial Layout Specific Styles */
.dryazdani-hero--editorial {
	min-height: 100vh;
}

.dryazdani-hero--editorial .dryazdani-hero__heading {
	font-size: clamp(var(--dryazdani-text-5xl), 8vw, var(--dryazdani-text-8xl));
	margin-block-end: var(--dryazdani-space-6);
}

.dryazdani-hero--editorial .dryazdani-hero__tagline {
	font-size: clamp(var(--dryazdani-text-lg), 2vw, var(--dryazdani-text-xl));
	margin-block-end: var(--dryazdani-space-12);
	max-width: 768px;
	margin-inline: auto;
}

/* CTA Button Wrapper */
.dryazdani-hero__cta-wrapper {
	display: flex;
	gap: var(--dryazdani-space-4);
	justify-content: center;
	align-items: center;
	margin-block-start: var(--dryazdani-space-12);
	padding-block-end: var(--dryazdani-space-16);
}

/* Stacked Layout (default) */
.dryazdani-hero__cta-wrapper--stacked {
	flex-direction: column;
}

/* Inline Layout */
.dryazdani-hero__cta-wrapper--inline {
	flex-direction: row;
	flex-wrap: wrap;
}

/* CTA Buttons - use design system button styles */
.dryazdani-hero .dryazdani-button {
	min-width: 200px;
}

/* Responsive: stack inline buttons on mobile */
@media (max-width: 640px) {
	.dryazdani-hero__cta-wrapper--inline {
		flex-direction: column;
	}
}

/* Collaborative Layout Specific Styles (Combine Surgery) */
.dryazdani-hero--collaborative {
	min-height: 100vh;
}

.dryazdani-hero--collaborative .dryazdani-hero__overlay {
	background: linear-gradient(
		to top,
		rgb(var(--dryazdani-secondary-rgb)) 0%,
		rgba(var(--dryazdani-secondary-rgb), 0.7) 50%,
		transparent 100%
	);
}

.dryazdani-hero--collaborative .dryazdani-hero__content {
	max-width: var(--dryazdani-container-lg);
	padding-block-end: var(--dryazdani-space-24);
}

.dryazdani-hero--collaborative .dryazdani-hero__badge {
	border-width: 2px;
	padding: var(--dryazdani-space-3) var(--dryazdani-space-8);
}

.dryazdani-hero--collaborative .dryazdani-hero__heading {
	font-size: clamp(var(--dryazdani-text-6xl), 10vw, var(--dryazdani-text-8xl));
	margin-block-end: var(--dryazdani-space-8);
}

.dryazdani-hero--collaborative .dryazdani-hero__tagline {
	font-size: clamp(var(--dryazdani-text-2xl), 3vw, var(--dryazdani-text-3xl));
	margin-block-end: 0;
	max-width: 896px;
	margin-inline: auto;
	line-height: var(--dryazdani-leading-relaxed);
	color: var(--dryazdani-text-inverse);
	opacity: 0.9;
}

/* Responsive adjustments for collaborative layout */
@media (max-width: 768px) {
	.dryazdani-hero--collaborative .dryazdani-hero__heading {
		font-size: var(--dryazdani-text-6xl);
	}

	.dryazdani-hero--collaborative .dryazdani-hero__tagline {
		font-size: var(--dryazdani-text-xl);
	}
}

@media (max-width: 480px) {
	.dryazdani-hero--collaborative .dryazdani-hero__content {
		padding-block-end: var(--dryazdani-space-16);
	}

	.dryazdani-hero--collaborative .dryazdani-hero__heading {
		font-size: var(--dryazdani-text-5xl);
	}

	.dryazdani-hero--collaborative .dryazdani-hero__tagline {
		font-size: var(--dryazdani-text-lg);
	}
}

/* Accessibility: Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.dryazdani-hero__scroll-indicator {
		animation: none;
	}
}