/**
 * Aurevya Avada Child - Overrides
 * Hero video styles and other component-specific overrides
 * Note: Base typography and variables are now in base/ directory
 */

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

.aurevya-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.aurevya-hero video {
	width: 100%;
	height: auto;
	display: block;
}

.aurevya-hero__controls {
	position: absolute;
	right: 20px;
	bottom: 40px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	z-index: 5;
}

.aurevya-hero__controls button {
	width: 42px;
	height: 42px;
	border-radius: 42px;
	background: var(--aurevya-overlay-dark, rgba(19, 4, 41, 0.35));
	color: #fff;
	border: none;
	cursor: pointer;
	transition: transform var(--transition-normal, 0.3s ease);
}

.aurevya-hero__controls button:hover {
	transform: scale(1.1);
}

.aurevya-hero__controls button:focus-visible {
	outline: 2px solid var(--aurevya-gold, #b59533);
	outline-offset: 2px;
}

/* Hero video responsive display */
@media (max-width: 768px) {
	.aurevya-hero__video--desktop {
		display: none !important;
	}

	.aurevya-hero__video--mobile {
		display: block !important;
	}
}

@media (min-width: 769px) {
	.aurevya-hero__video--desktop {
		display: block !important;
	}

	.aurevya-hero__video--mobile {
		display: none !important;
	}
}

/* ==========================================================================
   Avada Theme Overrides
   ========================================================================== */

/* Hide Avada's default header when using custom header */
body.aurevya-custom-header .fusion-header-wrapper {
	display: none !important;
}

/* Adjust main content when using custom header */
body.aurevya-custom-header #main {
	padding-top: var(--header-height, 80px);
}

@media (max-width: 768px) {
	body.aurevya-custom-header #main {
		padding-top: var(--header-height-small, 58px);
	}
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.clear {
	clear: both;
}

.hidden {
	display: none !important;
}