/* ==========================================================================
   MyFoly — responsive.css
   Mobile-first overrides. main.css sets the desktop-safe defaults; this
   file narrows things down for tablet and phone widths.
   ========================================================================== */

/* ---------------- Tablet (≤1024px) ---------------- */
@media (max-width: 1024px){
	.myfoly-magazine__featured{ grid-template-columns: 1fr; }
	.myfoly-magazine__grid{ grid-template-columns: repeat(3, 1fr); }
	.myfoly-news-grid__grid{ grid-template-columns: repeat(2, 1fr); }
	.myfoly-related-posts__grid{ grid-template-columns: repeat(2, 1fr); }
	body.myfoly-has-sidebar .myfoly-content-wrap,
	body.myfoly-has-sidebar .myfoly-single-post__layout{
		grid-template-columns: 1fr;
	}
	.myfoly-sidebar{ order: 2; }
}

/* ---------------- Tablet/small (≤820px) ---------------- */
@media (max-width: 820px){
	.myfoly-nav-toggle{ display: inline-flex; align-items: center; justify-content: center; }

	.myfoly-primary-nav{
		flex-basis: 100%; order: 3;
		max-height: 0; overflow: hidden;
		transition: max-height .25s ease;
	}
	.myfoly-primary-nav.is-open{ max-height: 600px; }
	.myfoly-menu{ flex-direction: column; gap: 0; padding-block: 8px; }
	.myfoly-submenu{
		position: static; opacity: 1; visibility: visible; transform: none;
		box-shadow: none; border: 0; border-left: 2px solid var(--myfoly-border);
		margin-left: 14px; display: none;
	}
	.myfoly-has-dropdown.is-open > .myfoly-submenu{ display: block; }

	.myfoly-header-main__inner{ flex-wrap: wrap; }

	.myfoly-classic-post,
	.myfoly-classic-post:nth-child(even) { grid-template-columns: 1fr; }
	.myfoly-classic-post__thumb,
	.myfoly-classic-post:nth-child(even) .myfoly-classic-post__thumb { order: 0 !important; }
	.myfoly-classic-post__body,
	.myfoly-classic-post:nth-child(even) .myfoly-classic-post__body { order: 1 !important; }
	.myfoly-magazine__grid{ grid-template-columns: repeat(2, 1fr); }
	.myfoly-news-grid__grid{ grid-template-columns: 1fr; }
	.myfoly-related-posts__grid{ grid-template-columns: 1fr; }
	.myfoly-footer-widgets__grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ---------------- Phone (≤560px) ---------------- */
@media (max-width: 560px){
	.myfoly-topbar__inner{ flex-direction: column; gap: 4px; text-align: center; }
	.myfoly-magazine__grid{ grid-template-columns: 1fr; }
	.myfoly-footer-widgets__grid{ grid-template-columns: 1fr; }
	.myfoly-footer-bottom__inner{ flex-direction: column; text-align: center; }
	.myfoly-single-post__title{ font-size: 1.6rem; }
	.myfoly-single-post__thumb,
	.myfoly-single-post__thumb img { max-height: 280px; }
	.myfoly-404__code{ font-size: 4rem; }
	.myfoly-author-bio{ flex-direction: column; text-align: center; }
	.myfoly-single-post__footer{ flex-direction: column; align-items: flex-start; }
}