/*
Theme Name: SO HARD
Theme URI: 
Author: Michał Buchar
Author URI: 
Description: SO HARD WP THEME
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: so-hard
Tags: 
*/

/* ==========================================================================
   Fixed Video Background
   ========================================================================== */

/* Video container - fixed fullscreen behind everything */
.video-background,
.video-background-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: -9999 !important;
	overflow: hidden;
	pointer-events: none;
}

/* Video element fills container */
.video-background video,
.video-background-overlay video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

/* Dark overlay on video */
.video-background::after,
.video-background-overlay::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	pointer-events: none;
	z-index: 1;
}

/* Glassmorphism background - semi-transparent with blur */
.bg-blur {
	background: rgba(0, 0, 0, 0.5) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* Mobile utility classes */
@media (max-width: 781px) {
	.mobile-no-border {
		border: none !important;
	}
	.mobile-no-padding-right {
		padding-right: 0 !important;
	}
	.mobile-no-border-no-padding-right {
		border: none !important;
		padding-right: 0 !important;
	}
	.mobile-justify-center {
		justify-content: center !important;
	}
	.mobile-text-center {
		text-align: center !important;
	}
    .mobile-justify-center figure{
        flex-basis: 1000px;
    }
    .mobile-bottom-padding{
        padding-bottom: 1rem;
    }
}

/* Ensure all page content stays above video */
.wp-site-blocks {
	position: relative;
	z-index: 1;
}

/* Body background transparent so video shows */
body {
	background: transparent !important;
}

/* When video is moved to body by JS */
body > .video-background,
body > .video-background-overlay {
	z-index: -1 !important;
}