/* =========================================================
   ALOSMAN ACADEMY — RESPONSIVE BREAKPOINTS
   Desktop-first overrides. Loaded after main.css.
   ========================================================= */

/* ---------------- 1280px and below ---------------- */
@media (max-width: 1280px) {
	.alosman-container { max-width: 100%; }
	.alosman-category-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---------------- 1024px: tablet ---------------- */
@media (max-width: 1024px) {
	.alosman-menu { display: none; }
	.alosman-mobile-toggle { display: inline-flex; align-items: center; justify-content: center; }

	.alosman-header__nav.is-open {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--aa-white);
		box-shadow: var(--aa-shadow-md);
		padding: 10px 24px 24px;
	}
	.alosman-header__nav.is-open .alosman-menu {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	.alosman-header__nav.is-open .alosman-menu > li { width: 100%; }
	.alosman-header__nav.is-open .alosman-submenu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		display: none;
		margin: 0 0 6px 12px;
	}
	.alosman-header__nav.is-open .menu-item-has-children.is-expanded .alosman-submenu { display: block; }

	.alosman-header__login span { display: none; }

	.alosman-hero__inner { grid-template-columns: 1fr; text-align: center; }
	.alosman-hero__subtext { margin-left: auto; margin-right: auto; }
	.alosman-hero__actions { justify-content: center; }
	.alosman-hero__visual { height: 320px; margin-top: 20px; }

	.alosman-course-grid,
	.alosman-blog-grid,
	.alosman-why-grid,
	.alosman-instructor-grid,
	.alosman-testimonial-grid { grid-template-columns: repeat(2, 1fr); }
	.alosman-category-grid { grid-template-columns: repeat(2, 1fr); }

	.alosman-mentorship__inner { grid-template-columns: 1fr; text-align: center; }
	.alosman-mentorship__features { justify-items: center; }
	.alosman-mentorship__features li { justify-content: center; }
	.alosman-mentorship__visual { height: 240px; }

	.alosman-steps { flex-direction: column; align-items: stretch; }
	.alosman-step__connector { display: none; }
	.alosman-step { text-align: left; display: flex; flex-direction: column; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid var(--aa-border); }

	.alosman-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 24px; }

	.alosman-footer__top { grid-template-columns: 1fr 1fr; }
	.alosman-about-grid { grid-template-columns: 1fr; }
	.alosman-contact-grid { grid-template-columns: 1fr; }
}

/* ---------------- 768px: small tablet / large phone ---------------- */
@media (max-width: 768px) {
	.alosman-section { padding: 60px 0; }
	.alosman-hero { padding: 60px 0 40px; }

	.alosman-course-grid,
	.alosman-blog-grid,
	.alosman-why-grid,
	.alosman-instructor-grid,
	.alosman-testimonial-grid,
	.alosman-category-grid { grid-template-columns: 1fr; }

	.alosman-footer__top { grid-template-columns: 1fr; gap: 30px; }
	.alosman-footer__bottom-inner { flex-direction: column; text-align: center; }

	.alosman-final-cta { padding: 70px 0; }
}

/* ---------------- 480px and below ---------------- */
@media (max-width: 480px) {
	.alosman-container { padding: 0 18px; }
	h1 { font-size: 2rem; }
	h2 { font-size: 1.5rem; }

	.alosman-hero__actions,
	.alosman-final-cta__actions,
	.alosman-404__actions { flex-direction: column; align-items: stretch; }
	.alosman-btn { justify-content: center; }

	.alosman-header__actions { gap: 8px; }
	.alosman-header__actions .alosman-btn--sm { display: none; }

	.alosman-stats-grid { grid-template-columns: 1fr; gap: 30px; }
	.alosman-trust-strip__list { gap: 22px; }
}

@media (max-width: 390px) {
	.alosman-hero__visual { height: 260px; }
}