/**
 * Nonprofit Donation — responsive overrides.
 * Loaded after main.css so these declarations win the cascade.
 */

/* Tablet and down */
@media (max-width: 1024px) {
	.ndp-content-wrap,
	.ndp-content-wrap.ndp-layout-left-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}
	.ndp-content-wrap.ndp-layout-left-sidebar .site-main,
	.ndp-content-wrap.ndp-layout-left-sidebar #secondary { order: 0; }

	.footer-widget-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ndp-layout-full-width .posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/*
 * The mobile-nav / off-canvas styles are generated dynamically from the Theme
 * Options (breakpoint, slide side, colours) in ndp_responsive_menu_css()
 * (see inc/enqueue.php), so they live inline rather than here.
 */

/* Phones */
@media (max-width: 680px) {
	.ndp-topbar__inner { flex-direction: column; gap: 6px; min-height: 0; padding-block: 8px; }
	.posts-grid,
	.ndp-layout-full-width .posts-grid { grid-template-columns: minmax(0, 1fr); }
	.footer-widget-grid { grid-template-columns: minmax(0, 1fr); }
	.site-footer__bottom-inner { flex-direction: column; text-align: center; }
	.ndp-search-result { flex-direction: column; }
	.site-header__cta { display: none; }
	.ndp-content-wrap { padding-block: 40px; }
	.page-header { padding-block: 40px; }
}