/*
	Theme Name: Hello Biz
	Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 1.1.1
	Stable tag: 1.1.1
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-biz
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/
/* WPBrothers */
header {
    position: fixed;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* Mobile: Header always at top */
@media (max-width: 768px) {
    header {
        top: 0;
        bottom: auto;
    }
}

/* Shine effect to tabs */
#why-tab-1,
#why-tab-2,
#why-tab-3 {
    position: relative;
    overflow: hidden;
}

.shine-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, transparent 30%, #5822BA 45%, #FF7518 55%, transparent 70%);
    background-size: 400% 100%;
    background-position: 100%;
    transition: background-position 0s;
}

#why-tab-1:hover .shine-text,
#why-tab-2:hover .shine-text,
#why-tab-3:hover .shine-text {
    background-position: 0%;
    transition: background-position 1.2s ease-out;
}


/* Force hardware acceleration and improve rendering performance */
.person-video-1 .e-hosted-video,
.person-video-2 .e-hosted-video,
.person-video-3 .e-hosted-video {
    transform: translateZ(0); /* Force hardware acceleration */
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform; /* Hint to browser for optimization */
}

.person-video-1 .e-hosted-video video,
.person-video-2 .e-hosted-video video,
.person-video-3 .e-hosted-video video {
    transform: translateZ(0); /* Force hardware acceleration */
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Alternative fix: Use transform3d instead of translateZ */
.person-video-1 .e-hosted-video.alternative-fix,
.person-video-2 .e-hosted-video.alternative-fix,
.person-video-3 .e-hosted-video.alternative-fix {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.person-video-1 .e-hosted-video.alternative-fix video,
.person-video-2 .e-hosted-video.alternative-fix video,
.person-video-3 .e-hosted-video.alternative-fix video {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/* Mobile-specific performance optimizations */
@media (max-width: 768px) {
    .person-video-1,
    .person-video-2,
    .person-video-3 {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    /* Prevent repainting during scroll */
    .person-video-1 .e-hosted-video video,
    .person-video-2 .e-hosted-video video,
    .person-video-3 .e-hosted-video video {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        position: relative;
        z-index: 1;
    }

    /* Additional iOS Safari fixes */
    .person-video-1 .e-hosted-video,
    .person-video-2 .e-hosted-video,
    .person-video-3 .e-hosted-video {
        -webkit-overflow-scrolling: touch;
        contain: layout style paint;
    }
}