/* News Blocks Pro — Responsive CSS */

/* ============================================================
   TABLET  ≤ 1024px
   ============================================================ */
@media screen and (max-width: 1024px) {
	.nbp-wrapper {
		grid-template-columns: 1fr 1fr !important;
	}

	.nbp-col-right {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	.nbp-col-news,
	.nbp-col-videos {
		grid-column: auto;
	}
}

/* ============================================================
   MOBILE  ≤ 767px
   ============================================================ */
@media screen and (max-width: 767px) {
	.nbp-wrapper {
		grid-template-columns: 1fr !important;
		gap: 28px;
	}

	.nbp-col-right {
		grid-template-columns: 1fr;
	}

	.nbp-news-card {
		flex-direction: column;
	}

	.nbp-news-img-wrap {
		flex: unset;
		width: 100%;
		height: 160px;
	}

	.nbp-video-main { height: 200px !important; }

	.nbp-social-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.nbp-play-btn {
		width: 44px;
		height: 44px;
	}
}

/* ============================================================
   SMALL MOBILE  ≤ 480px
   ============================================================ */
@media screen and (max-width: 480px) {
	.nbp-news-card-body { padding: 10px 12px; }
	.nbp-news-title { font-size: 13px; }
	.nbp-video-main { height: 180px !important; }
}

/* ============================================================
   ELEMENTOR device visibility helpers
   ============================================================ */
.elementor-hidden-desktop .nbp-wrapper { display: none; }