/**
 * Responsive Background V2 Block Styles
 * Extracted from inline <style> tag for better performance
 *
 * @package Subsurface
 */

/* Base responsive background container */
.responsive-background-v2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

/* Gradient background layer */
.responsive-background-v2 .background-gradient {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.responsive-background-v2 .background-gradient svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Mobile gradient hidden by default */
.responsive-background-v2 .bg-mobile {
	display: none;
}

/* Gradient animation ready state */
.responsive-background-v2.has-gradient-animation .background-gradient {
	transition: transform 0.3s ease-out;
}

/* Mobile SVG display (only when has-mobile-gradient class present) */
@media (max-width: 767.98px) {
	.responsive-background-v2.has-mobile-gradient .bg-desktop {
		display: none !important;
	}
	.responsive-background-v2.has-mobile-gradient .bg-mobile {
		display: block !important;
	}
}

/* MP-FF-STATIC-HERO: Firefox static mode (no animations, no JS hooks) */
.rbv2--static {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.rbv2--static .rbv2__bg {
  position: absolute;
  inset: 0;
}
.rbv2--static .rbv2__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rbv2--static [data-hero-bg],
.rbv2--static [data-hero-engine] {
  display: none !important;
}
.rbv2--static * {
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}