.youtube-video-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.youtube-video-item:hover .video-thumbnail div[style*="background: rgba(0,0,0"] {
	background: rgba(0, 0, 0, 0.95) !important;
}

.youtube-video-item:hover .play-button-overlay {
	opacity: 0.85;
}

.video-categories a:hover {
	background: #005177 !important;
}

.video-tags a:hover {
	background: #dcdcde !important;
}

.nav-previous a:hover,
.nav-next a:hover {
	background: #e8e8e8 !important;
}

.pagination a,
.pagination span {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	background: #f5f5f5;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	transition: background 0.3s;
}

.pagination a:hover {
	background: #0073aa;
	color: #fff;
}

.pagination .current {
	background: #0073aa;
	color: #fff;
	font-weight: 600;
}

@media (max-width: 768px) {
	.youtube-video-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
		gap: 20px !important;
	}

	.page-header h1 {
		font-size: 2em !important;
	}
}

@media (max-width: 480px) {
	.youtube-video-grid {
		grid-template-columns: 1fr !important;
	}
}