/**
 * SKS Hindi Niketan — Responsive overrides & language-specific tweaks.
 * Loaded after style.css.
 */

/* Telugu typography spacing (Noto Sans Telugu). */
.lang-te body,
.lang-te .sks-section__title,
.lang-te .sks-feature__title,
.lang-te .sks-page-header h1,
.lang-te .sks-wotd__meaning--te {
	font-family: 'Noto Sans Telugu', 'Inter', system-ui, sans-serif;
	letter-spacing: 0.005em;
	line-height: 1.65;
}

/* Hindi typography spacing (Noto Sans Devanagari). */
.lang-hi body,
.lang-hi .sks-section__title,
.lang-hi .sks-feature__title,
.lang-hi .sks-page-header h1,
.lang-hi .sks-wotd__word {
	font-family: 'Noto Sans Devanagari', 'Inter', system-ui, sans-serif;
	line-height: 1.6;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.sks-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.sks-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.sks-section { padding: 4rem 0; }
	.sks-page-header h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
}

/* ---------- Mobile ---------- */
@media (max-width: 720px) {
	.sks-grid--2,
	.sks-grid--3,
	.sks-grid--4 { grid-template-columns: 1fr; }
	.sks-section { padding: 3rem 0; }
	.sks-container { padding-inline: 1rem; }
	.sks-hero__title { font-size: clamp(1.75rem, 7vw, 2.5rem); }
	.sks-nav__menu { display: none; }
	.sks-nav__toggle { display: inline-flex; }
	.sks-nav__menu.is-open {
		display: flex;
		flex-direction: column;
		position: absolute;
		inset: 100% 0 auto 0;
		background: hsl(var(--sks-bg, 45 30% 97%));
		padding: 1rem;
		border-bottom: 1px solid rgba(0,0,0,.08);
	}
	.sks-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
	.sks-wotd { padding: 1.25rem; }
	.sks-btn { width: 100%; justify-content: center; }
	.sks-hero__actions { flex-direction: column; }
}

/* ---------- Small mobile ---------- */
@media (max-width: 420px) {
	.sks-page-header { padding: 3rem 0 2rem; }
	.sks-card { padding: 1.25rem; }
}

/* Print-friendly */
@media print {
	.sks-header, .sks-footer, .sks-whatsapp, .sks-cookie, .sks-back-to-top { display: none !important; }
	.sks-section { padding: 1rem 0; break-inside: avoid; }
	a { color: #000; text-decoration: underline; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.sks-reveal { opacity: 1 !important; transform: none !important; }
}