/**
 * Lunafitch Themes - responsive (#33). Mobile-first overrides.
 */

/* Tablet & bawah */
@media (max-width: 1024px){
	.listing--grid{grid-template-columns:repeat(2,1fr);}
	.footer-widgets.columns-4 .container,.upper-widgets.columns-4 .container,.home-widgets.columns-4{grid-template-columns:repeat(2,1fr);}
	.footer-widgets.columns-3 .container,.upper-widgets.columns-3 .container,.home-widgets.columns-3{grid-template-columns:repeat(2,1fr);}
}

/* Mobile */
@media (max-width: 782px){
	.site-content{display:block;}
	.site-sidebar{width:100%;flex-basis:auto;margin-top:2rem;}

	/* Mobile menu (#33) */
	.menu-toggle{display:inline-flex;align-items:center;}
	.main-navigation ul#primary-menu{display:none;flex-direction:column;width:100%;gap:0;}
	.main-navigation.is-open ul#primary-menu{display:flex;}
	.main-navigation .menu li{width:100%;border-bottom:1px solid var(--lf-border);}
	.main-navigation .sub-menu{position:static;display:block;box-shadow:none;border:0;padding-left:1rem;}
	.site-header__inner{flex-wrap:wrap;}

	.listing--grid,.listing--card{grid-template-columns:1fr;}
	.lunafitch-instagram-grid{grid-template-columns:repeat(4,1fr);}

	.footer-widgets.columns-2 .container,.footer-widgets.columns-3 .container,.footer-widgets.columns-4 .container,
	.upper-widgets .container,.home-widgets{grid-template-columns:1fr !important;}

	.site-info{flex-direction:column;text-align:center;}

	/* Q2W3 dimatikan di mobile (#8) - sidebar tidak fixed */
	.has-sticky-header.is-sticky{padding-top:0;}
	.has-sticky-header.is-sticky .site-header{position:static;}
}

/* Small mobile */
@media (max-width: 480px){
	.listing--list .entry--list{flex-direction:column;}
	.listing--list .entry-thumb{flex-basis:auto;width:100%;}
	.lunafitch-author-box{flex-direction:column;text-align:center;align-items:center;}
}