/**
 * Frontend Block Styles
 *
 * @package TTLT_Theme
 */


/* Reduce gap between consecutive sections */
.ttlt-page-section + .ttlt-page-section {
	padding-top: 1.5rem;
}

@media (min-width: 768px) {
	.ttlt-page-section + .ttlt-page-section {
		padding-top: 2rem;
	}
}

/* Video Section - Lazy Loading */
.ttlt-video-lazy-load {
	position: relative;
	display: block;
}

.ttlt-video-lazy-load.loaded .ttlt-video-placeholder {
	display: none;
}

/* Ensure blocks work well together */
.ttlt-image-section + .ttlt-video-section,
.ttlt-video-section + .ttlt-text-section,
.ttlt-text-section + .ttlt-columns-section,
.ttlt-columns-section + .ttlt-image-section {
	/* Sections already have their own padding, no additional margin needed */
}

/* Print styles */
@media print {
	.ttlt-video-placeholder {
		display: none !important;
	}
	
	.ttlt-video-section::after {
		content: "Video content available in digital version";
		display: block;
		text-align: center;
		padding: 2rem;
		color: #64748b;
		font-style: italic;
	}
}