/*
 Theme Name:   Hello Theme Child Master
 Theme URI:    https://holeinclub.com
 Description:  Child theme Hello Elementor – Hero video e logo shortcode
 Author:       Hole in Club
 Template:     hello-elementor
 Version:      2.0.1
 Text Domain:  hello-theme-child-master
*/

/* ==========================================================================
   Hero shortcode [hole_hero]
   ========================================================================== */

.hic-hero.video_container {
	position: relative;
	min-height: 100vh;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hic-hero__video-wrap {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hic-hero__video-wrap .hic-hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

/* Overlay nero sfumato (nero → trasparente) per staccare il logo dallo sfondo */
.hic-hero__video-wrap .hic-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 100%);
}

/* Logo: piccolo, minimal, elegante; stato iniziale nascosto, animazione via .logo-visible */
.hic-hero .hic-logo.logo {
	position: relative;
	z-index: 2;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}

.hic-hero .hic-logo.logo.logo-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Dimensioni logo forzate (specificità alta per vincere su Elementor/tema) */
.hic-hero .hic-logo .hic-logo__img,
.hic-hero .hic-logo__img {
	display: block;
	max-width: 320px !important;
	width: auto !important;
	height: auto;
}

@media screen and (min-width: 769px) {
	.hic-hero .hic-logo .hic-logo__img,
	.hic-hero .hic-logo__img {
		max-width: 320px !important;
	}
}

/* Mobile/tablet: solo il crop del video si sposta (object-position) per inquadrare il kart a destra; contenitore resta a tutta larghezza, niente fascia bianca */
@media screen and (max-width: 768px) {
	.hic-hero__video-wrap .hic-hero__video {
		object-position: 65% center;
	}
}

@media screen and (max-width: 1024px) {
	.hic-hero__video-wrap .hic-hero__video {
		object-position: 62% center;
	}
}