/* PDF Viewer Styles */
.pdf-viewer-container {
	background: #f8f9fa;
	padding: 2rem;
	border-radius: 12px;
}

.pdf-viewer-container iframe {
	background: #ffffff;
}

/* PDF Container - Responsive */
#pdf-container-harness,
#pdf-container-shori,
#pdf-container-heatsink,
#pdf-container-connectors,
#pdf-container-shrink-tubes,
#pdf-container-screw-bolts,
#pdf-container-bulb-solar,
#pdf-container {
	min-height: 1000px !important;
	overflow: auto !important;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* PDF Canvas - Responsive */
#pdf-container-harness canvas,
#pdf-container-shori canvas,
#pdf-container-heatsink canvas,
#pdf-container-connectors canvas,
#pdf-container-shrink-tubes canvas,
#pdf-container-screw-bolts canvas,
#pdf-container-bulb-solar canvas,
#pdf-container canvas {
	max-width: 100% !important;
	height: auto !important;
	width: auto !important;
}

/* Loading State */
#pdf-loading,
#pdf-loading-harness,
#pdf-loading-shori,
#pdf-loading-heatsink,
#pdf-loading-connectors,
#pdf-loading-shrink-tubes,
#pdf-loading-screw-bolts,
#pdf-loading-bulb-solar {
	font-size: 16px !important;
	padding: 30px !important;
}

/* Download Button Styling */
.pdf-viewer-container a.wp-block-button__link {
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3);
}

.pdf-viewer-container a.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.pdf-viewer-container {
		padding: 1rem;
		margin: 0 -1rem; /* Full width on mobile */
		border-radius: 0;
	}
	
	#pdf-container-harness,
	#pdf-container-shori,
	#pdf-container-heatsink,
	#pdf-container-connectors,
	#pdf-container-shrink-tubes,
	#pdf-container-screw-bolts,
	#pdf-container-bulb-solar,
	#pdf-container {
		min-height: 600px !important;
		border-radius: 4px !important;
	}
	
	#pdf-container-harness canvas,
	#pdf-container-shori canvas,
	#pdf-container-heatsink canvas,
	#pdf-container-connectors canvas,
	#pdf-container-shrink-tubes canvas,
	#pdf-container-screw-bolts canvas,
	#pdf-container-bulb-solar canvas,
	#pdf-container canvas {
		margin: 10px auto !important;
	}
}

@media (max-width: 480px) {
	.pdf-viewer-container {
		padding: 0.5rem;
	}
	
	#pdf-loading,
	#pdf-loading-harness,
	#pdf-loading-shori,
	#pdf-loading-heatsink,
	#pdf-loading-connectors,
	#pdf-loading-shrink-tubes,
	#pdf-loading-screw-bolts,
	#pdf-loading-bulb-solar {
		font-size: 14px !important;
		padding: 20px !important;
	}
	
	#pdf-container-harness,
	#pdf-container-shori,
	#pdf-container-heatsink,
	#pdf-container-connectors,
	#pdf-container-shrink-tubes,
	#pdf-container-screw-bolts,
	#pdf-container-bulb-solar,
	#pdf-container {
		min-height: 500px !important;
	}
}