/**
 * Lazy Content Loading Styles
 * Styles for lazy-loaded sections
 *
 * @package Lionhead_Oxygen
 */

/* Lazy section loading state */
.lazy-section-loading {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Lazy section loaded state */
.lazy-section-loaded {
	opacity: 1;
	visibility: visible;
}

/* Prevent layout shift during loading */
[data-lazy-content="true"] {
	will-change: opacity;
}

/* Smooth fade-in animation */
[data-lazy-content="true"].lazy-section-loaded {
	animation: lhd-fade-in 0.3s ease-in-out;
}

@keyframes lhd-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}