/*!
 * Naija Money Guide News — responsive.css
 * Desktop overrides. Mobile styles (base) live in main.css.
 */

/* ============ SMALL PHONES ============ */
@media (max-width: 374px) {
	.nmg-hero-title { font-size: 1.4rem; }
}

/* ============ TABLETS ============ */
@media (min-width: 600px) {
	.nmg-news-grid { grid-template-columns: repeat(2, 1fr); }
	.nmg-category-list { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
	.nmg-hero-secondary { grid-template-columns: 1fr; }
	.nmg-homepage-layout { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }
	.nmg-archive-layout { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }
	.nmg-article-page-layout { display: grid; grid-template-columns: 1fr 300px; gap: 32px; align-items: start; }
	.nmg-tools-calculators { grid-template-columns: repeat(2, 1fr); align-items: start; }
}

@media (min-width: 1024px) {
	.nmg-tools-title { font-size: 2.4rem; }
}

/* ============ DESKTOP: activate desktop nav, hide mobile nav ============ */
@media (min-width: 1024px) {
	.nmg-mobile-header,
	.nmg-mobile-bottom-nav,
	.nmg-hamburger {
		display: none !important;
	}

	.nmg-desktop-header { display: block; }
	.nmg-desktop-header-inner {
		display: flex; align-items: center; gap: 32px;
		max-width: 1280px; margin: 0 auto; padding: 0 24px;
		height: var(--nmg-header-height);
	}
	.nmg-desktop-nav { flex: 1; }
	.nmg-desktop-menu { display: flex; align-items: center; gap: 8px; }
	.nmg-menu-item { position: relative; }
	.nmg-menu-item > a {
		display: flex; align-items: center; padding: 10px 14px; font-weight: 600; font-size: 0.95rem;
		border-radius: var(--nmg-radius);
	}
	.nmg-menu-item > a:hover { background: var(--nmg-gray-100); }
	.nmg-desktop-header-actions { display: flex; align-items: center; gap: 4px; }

	/* Mega menu */
	.nmg-mega-menu {
		position: absolute; top: 100%; left: 0;
		background: #fff; border: 1px solid var(--nmg-border); border-radius: var(--nmg-radius);
		box-shadow: 0 12px 28px rgba(0,0,0,0.12);
		display: none; grid-template-columns: repeat(4, minmax(160px, 1fr));
		gap: 20px; padding: 20px; min-width: 640px; z-index: 950;
	}
	.nmg-menu-item.has-mega-menu:hover .nmg-mega-menu,
	.nmg-menu-item.has-mega-menu:focus-within .nmg-mega-menu {
		display: grid;
	}
	.nmg-mega-column-title { font-size: 0.8rem; text-transform: uppercase; color: var(--nmg-gray-600); margin-bottom: 8px; }
	.nmg-mega-column ul li { margin-bottom: 6px; }
	.nmg-mega-column ul a { font-size: 0.92rem; }
	.nmg-mega-column ul a:hover { color: var(--nmg-green); }

	/* Homepage / article layout gets breathing room */
	.nmg-homepage, .nmg-article-page { padding-left: 24px; padding-right: 24px; }

	.nmg-hero-main { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; align-items: stretch; }
	.nmg-hero { display: block; }
	.nmg-hero > .nmg-hero-main { margin-bottom: 0; }
	.nmg-hero { display: grid; grid-template-columns: 1fr; }

	.nmg-category-section-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; }
	.nmg-category-list { grid-template-columns: 1fr; }

	.nmg-article-page-layout { display: grid; grid-template-columns: 1fr 320px; gap: 40px; max-width: 1200px; margin: 0 auto; }

	.nmg-footer-inner { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: 40px; }
	.nmg-footer-inner > * { margin-bottom: 0; }

	.nmg-news-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1280px) {
	.nmg-news-grid { grid-template-columns: repeat(3, 1fr); }
	.nmg-homepage { padding-left: 0; padding-right: 0; }
}

/* ============ PRINT ============ */
@media print {
	.nmg-site-header, .nmg-mobile-bottom-nav, .nmg-whatsapp-floating,
	.nmg-whatsapp-popup, .nmg-ad-slot, .nmg-share, .nmg-footer,
	.nmg-toc, .nmg-reading-progress { display: none !important; }
}