/**
 * Home Hero Pattern Styles
 *
 * Styles for the home page hero pattern
 * Color Scheme: Dark Navy (#151525) + Gold (#f0b429)
 */

/* ========================================
   Layout Override
======================================== */

[class*="home-hero"].is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
[class*="home-hero"] .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none;
}

/* ========================================
   Hero Section
======================================== */

.home-hero {
	position: relative;
	overflow: hidden;
}


/* ========================================
   Load Animations
======================================== */

@keyframes homeHeroFadeUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes homeHeroFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes homeHeroSlideRight {
	from {
		opacity: 0;
		transform: translateX(-16px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes homeHeroCardReveal {
	from {
		opacity: 0;
		transform: translateY(16px) scale(0.97);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Staggered entry animations */
body:not(.block-editor-page) .home-hero .home-hero-date-badge {
	animation: homeHeroSlideRight 0.5s ease-out both;
	animation-delay: 0.1s;
}

body:not(.block-editor-page) .home-hero .home-hero-title {
	animation: homeHeroFadeUp 0.6s ease-out both;
	animation-delay: 0.2s;
}

body:not(.block-editor-page) .home-hero .home-hero-title-accent {
	animation: homeHeroFadeUp 0.6s ease-out both;
	animation-delay: 0.3s;
}

body:not(.block-editor-page) .home-hero .home-hero-title + .wp-block-heading + .wp-block-paragraph {
	animation: homeHeroFadeUp 0.5s ease-out both;
	animation-delay: 0.45s;
}

body:not(.block-editor-page) .home-hero .wp-block-buttons {
	animation: homeHeroFadeUp 0.5s ease-out both;
	animation-delay: 0.55s;
}

body:not(.block-editor-page) .home-hero .home-hero-early-bird {
	animation: homeHeroFadeIn 0.5s ease-out both;
	animation-delay: 0.7s;
}

body:not(.block-editor-page) .home-hero .home-hero-stat-card:nth-child(1) {
	animation: homeHeroCardReveal 0.5s ease-out both;
}

body:not(.block-editor-page) .home-hero .home-hero-stats-grid:first-child .wp-block-column:first-child .home-hero-stat-card {
	animation: homeHeroCardReveal 0.5s ease-out both;
	animation-delay: 0.3s;
}

body:not(.block-editor-page) .home-hero .home-hero-stats-grid:first-child .wp-block-column:last-child .home-hero-stat-card {
	animation: homeHeroCardReveal 0.5s ease-out both;
	animation-delay: 0.4s;
}

body:not(.block-editor-page) .home-hero .home-hero-stats-grid:last-child .wp-block-column:first-child .home-hero-stat-card {
	animation: homeHeroCardReveal 0.5s ease-out both;
	animation-delay: 0.5s;
}

body:not(.block-editor-page) .home-hero .home-hero-stats-grid:last-child .wp-block-column:last-child .home-hero-stat-card {
	animation: homeHeroCardReveal 0.5s ease-out both;
	animation-delay: 0.6s;
}

/* ========================================
   Date Badge
======================================== */

.home-hero-date-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: fit-content !important;
	border: 1.5px solid #f0b429 !important;
	border-radius: 50px !important;
	padding: 8px 20px !important;
	background: rgba(240, 180, 41, 0.12) !important;
}

.home-hero-date-badge .wp-block-image {
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0;
}

.home-hero-date-badge .wp-block-image img {
	filter: brightness(0) saturate(100%) invert(75%) sepia(68%) saturate(600%) hue-rotate(5deg) brightness(100%) contrast(95%);
}

/* ========================================
   Title Accent (Gold "Summit")
======================================== */

.home-hero-title-accent {
	background: linear-gradient(135deg, #f0b429 0%, #e8832a 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
}

/* ========================================
   CTA Buttons
======================================== */

.home-hero-cta-primary .wp-block-button__link {
	transition: all 0.25s ease;
	box-shadow: 0 4px 16px rgba(240, 180, 41, 0.35);
}

.home-hero-cta-primary .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(240, 180, 41, 0.45);
	filter: brightness(1.08);
}

.home-hero-cta-secondary .wp-block-button__link {
	background: transparent !important;
	transition: all 0.25s ease;
}

.home-hero-cta-secondary .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	transform: translateY(-2px);
}

/* ========================================
   Early Bird Badge
======================================== */

.home-hero-early-bird {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: auto !important;
	max-width: fit-content !important;
	background: rgba(240, 180, 41, 0.14) !important;
	border-radius: 50px !important;
	padding: 8px 20px !important;
	border: 1px solid rgba(240, 180, 41, 0.3) !important;
}

.home-hero-early-bird .wp-block-image {
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0;
}

.home-hero-early-bird .wp-block-image img {
	filter: brightness(0) saturate(100%) invert(75%) sepia(68%) saturate(600%) hue-rotate(5deg) brightness(100%) contrast(95%);
}

/* ========================================
   Stats Column
======================================== */

.home-hero-stats-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* ========================================
   Stat Cards
======================================== */

.home-hero-stat-card {
	background: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 16px !important;
	text-align: center;
	transition: all 0.3s ease;
}

.home-hero-stat-card:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(240, 180, 41, 0.4);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Stat Icons — gold tint */
.home-hero-stat-icon img {
	filter: brightness(0) saturate(100%) invert(75%) sepia(68%) saturate(600%) hue-rotate(5deg) brightness(100%) contrast(95%);
}

/* ========================================
   Responsive
======================================== */

@media (max-width: 781px) {
	.home-hero .wp-block-columns {
		flex-direction: column !important;
	}

	.home-hero .wp-block-column {
		flex-basis: 100% !important;
	}

	.home-hero-stats-col {
		margin-top: 32px;
	}

	.home-hero-stats-grid .wp-block-column {
		flex-basis: 50% !important;
	}

	.home-hero-stats-grid {
		flex-wrap: nowrap !important;
	}

	.home-hero .wp-block-buttons {
		flex-wrap: wrap !important;
	}
}