/* =========================================
   Responsive — Education Theme
   Breakpoints:
     Mobile       : < 600px
     Tablet       : 600px  – 1023px
     Desktop      : 1024px – 1439px
     Large Desktop: ≥ 1440px
   ========================================= */

/* =========================================
   Mobile  (< 600px)
   ========================================= */
@media (max-width: 599px) {
	:root {
		--container-padding: 1rem;
	}

	.site-header__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.main-navigation ul {
		flex-direction: column;
		gap: 0.25rem;
	}

	.site-footer__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-navigation ul {
		flex-direction: column;
		gap: 0.25rem;
	}
}

/* =========================================
   Tablet  (600px – 1023px)
   ========================================= */
@media (min-width: 600px) and (max-width: 1023px) {
	:root {
		--container-padding: 1.5rem;
	}
}

/* =========================================
   Desktop  (1024px – 1439px)
   ========================================= */
@media (min-width: 1024px) and (max-width: 1439px) {
	:root {
		--container-padding: 2rem;
	}
}

/* =========================================
   Large Desktop  (≥ 1440px)
   ========================================= */
@media (min-width: 1440px) {
	:root {
		--container-padding: 2.5rem;
	}
}