/**
 * PahadiNews — responsive styles and the mobile navigation drawer.
 */

/* ── Desktop drawer defaults: inline menu, no drawer chrome ── */
.pahadi-drawer-in { display: contents; }
.pahadi-drawer-head { display: none; }

/* ── Large tablets ── */
@media (max-width: 1120px) {
	.pahadi-home-grid,
	.pahadi-archive-grid,
	.pahadi-single-grid {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 24px;
	}
}

/* ── Tablets ── */
@media (max-width: 980px) {
	.pahadi-home-grid,
	.pahadi-archive-grid,
	.pahadi-single-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.pahadi-home-side { flex-direction: row; flex-wrap: wrap; }
	.pahadi-home-side > * { flex: 1 1 320px; }
	.pahadi-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
	.pahadi-footer-brand,
	.pahadi-footer-news { grid-column: span 2; }
}

/* ── Mobile navigation + stacked layouts ── */
@media (max-width: 860px) {
	.pahadi-topbar-in { justify-content: center; }
	.pahadi-topbar-left { gap: 12px; }

	.pahadi-menu-toggle { display: inline-flex; }
	.pahadi-nav-in { min-height: 48px; }

	.pahadi-drawer-in {
		display: block;
		position: fixed;
		top: 0; bottom: 0; left: 0;
		width: 300px;
		max-width: 86vw;
		background: #fff;
		box-shadow: 0 0 40px rgba(0, 0, 0, .25);
		transform: translateX(-105%);
		transition: transform .28s ease;
		z-index: 120;
		padding: 16px;
		overflow-y: auto;
	}

	body.pahadi-nav-open .pahadi-drawer-in { transform: translateX(0); }

	body.pahadi-nav-open::before {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 110;
	}

	.pahadi-drawer-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: var(--pahadi-ink);
		font-weight: 700;
		font-size: 16px;
		padding-bottom: 14px;
		margin-bottom: 8px;
		border-bottom: 1px solid var(--pahadi-line);
	}
	.pahadi-drawer-close { display: inline-flex; color: var(--pahadi-ink); }

	.pahadi-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.pahadi-menu > li { border-bottom: 1px solid var(--pahadi-line); }
	.pahadi-menu > li > a { padding: 13px 6px; white-space: normal; }
	.pahadi-menu > .current-menu-item > a { color: var(--pahadi-accent); }
	.pahadi-menu > .pahadi-menu-home > a { background: transparent; color: var(--pahadi-accent); border-radius: 0; margin-right: 0; }
	.pahadi-menu > .pahadi-menu-home > a:hover { background: transparent; color: var(--pahadi-accent); }

	.pahadi-sub-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px; height: 34px;
		margin: 6px 0 0 auto;
		border: 1px solid var(--pahadi-line);
		border-radius: 6px;
		color: var(--pahadi-ink-2);
	}

	.pahadi-more { position: static; }
	.pahadi-more > .sub-menu {
		position: static;
		display: none;
		min-width: 0;
		border: 0;
		box-shadow: none;
		padding: 0 0 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.pahadi-more.is-open > .sub-menu { display: grid; }

	.pahadi-catsec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pahadi-feat-grid { grid-template-columns: minmax(0, 1fr); }
	.pahadi-videos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pahadi-topics-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }

	.pahadi-hero { grid-template-columns: minmax(0, 1fr); }
	.pahadi-hero-main,
	.pahadi-hero-overlay { min-height: 340px; }
	.pahadi-hero-title { font-size: 24px; }
}

/* ── Small phones ── */
@media (max-width: 640px) {
	.pahadi-container { padding: 0 15px; }
	.pahadi-brand-logo img { height: 62px; }
	.pahadi-header-banner { flex-basis: 100%; }

	.pahadi-breaking-in { min-height: 44px; }
	.pahadi-breaking-label { font-size: 12px; padding: 5px 9px; }

	.pahadi-latest-grid { grid-template-columns: minmax(0, 1fr); }
	.pahadi-grid-3 { grid-template-columns: minmax(0, 1fr); }
	.pahadi-catsec-grid { grid-template-columns: minmax(0, 1fr); }
	.pahadi-videos-grid { grid-template-columns: minmax(0, 1fr); }
	.pahadi-topics-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.pahadi-home-side { flex-direction: column; }

	.pahadi-section-title { font-size: 18px; }

	.pahadi-footer-grid { grid-template-columns: minmax(0, 1fr); }
	.pahadi-footer-brand,
	.pahadi-footer-news { grid-column: auto; }
	.pahadi-footer-bar-in { flex-direction: column; align-items: flex-start; gap: 6px; }

	.pahadi-entry-title { font-size: 26px; }
	.pahadi-page-title { font-size: 23px; }

	.pahadi-article-title { font-size: 25px; }
	.pahadi-article-excerpt { font-size: 16px; }
	.pahadi-article-content blockquote { padding: 22px 18px 18px 60px; font-size: 16px; }
	.pahadi-article-content blockquote::before { left: 18px; font-size: 48px; }
	.pahadi-share { margin-left: 0; }
	.pahadi-postnav { grid-template-columns: minmax(0, 1fr); }
}

/* ── Page templates (About / Contact) ── */
@media (max-width: 980px) {
	.pahadi-about-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pahadi-about-coverage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pahadi-contact-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
	.pahadi-page-hero-title { font-size: 27px; }
	.pahadi-page-hero-lead { font-size: 16.5px; }
	.pahadi-about-pillars { grid-template-columns: minmax(0, 1fr); }
	.pahadi-about-coverage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pahadi-page-cta { flex-direction: column; align-items: flex-start; }
}

/* ── Weather forecast page ── */
@media (max-width: 980px) {
	.pahadi-fc-now { grid-template-columns: minmax(0, 1fr); }
	.pahadi-fc-day { grid-template-columns: 104px 40px minmax(0, 1fr) 190px; gap: 12px; }
	.pahadi-fc-day-extra { display: none; }
}

@media (max-width: 640px) {
	.pahadi-fc-now { padding: 20px 16px; }
	.pahadi-fc-now-temp { font-size: 46px; }
	.pahadi-fc-now-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pahadi-fc-day { grid-template-columns: 64px 30px minmax(0, 1fr); row-gap: 8px; padding: 12px 14px; }
	.pahadi-fc-day-range { grid-column: 1 / -1; }
	.pahadi-fc-day-cond { align-items: flex-end; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
	.pahadi-ticker-track { animation: none; }
	* { scroll-behavior: auto !important; }
}