/**
 * Hindutva Bharat — Responsive Styles
 */

@media (max-width: 1024px) {
	.hb-footer-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-gita-card {
		grid-template-columns: 1fr;
		padding: 36px;
	}

	.hb-layout {
		grid-template-columns: 1fr;
	}

	.hb-sidebar {
		position: static;
	}

	.hb-hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.hb-quick-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-video-layout {
		grid-template-columns: 1fr;
	}

	.hb-shloka-premium .hb-shloka-layout {
		grid-template-columns: 1fr;
	}

	.hb-shloka-visual {
		min-height: 200px;
		order: -1;
	}

	.hb-hero-float-1 { top: 14px; left: 14px; }
	.hb-hero-float-2 { right: 14px; }

	.hb-sanatan-hero-grid,
	.hb-sanatan-split,
	.hb-sanatan-life-grid,
	.hb-sanatan-ritual {
		grid-template-columns: 1fr;
	}

	.hb-sanatan-banner {
		min-height: 300px;
	}

	.hb-sanatan-banner-overlay {
		min-height: 300px;
	}

	.hb-sanatan-topics-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-explore-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-values-row {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-nature-row {
		grid-template-columns: repeat(3, 1fr);
	}

	.hb-sanatan-icon-strip-row {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Desktop: inline nav (hamburger off). Break earlier — Hindi labels need space. */
@media (min-width: 1101px) {
	.hb-header-inner {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 20px;
	}

	.hb-branding {
		grid-column: 1;
	}

	.hb-nav {
		grid-column: 2;
		justify-self: center;
		margin-left: 0;
		position: static;
		right: auto;
		width: auto;
		height: auto;
		padding: 0;
		background: transparent;
		box-shadow: none;
		overflow: visible;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition: none;
	}

	.hb-header-actions {
		grid-column: 3;
		margin-left: 0;
	}

	.hb-menu-toggle {
		display: none;
	}

	.hb-language-switcher--mobile {
		display: none;
	}

	.hb-nav-list {
		flex-wrap: nowrap;
		gap: 4px 14px;
	}

	.hb-nav-list > li > a {
		font-size: 0.86rem;
		white-space: nowrap;
	}
}

/* Tablet / mobile: hide drawer until hamburger opens */
@media (max-width: 1100px) {
	.hb-menu-toggle {
		display: block;
		z-index: 1001;
	}

	.hb-header-inner {
		flex-wrap: nowrap;
	}

	.hb-language-switcher--header {
		display: none;
	}

	.hb-language-switcher--mobile {
		display: block;
	}

	.hb-header-actions {
		margin-left: auto;
	}

	.hb-nav {
		position: fixed;
		top: 0;
		right: 0;
		width: min(320px, 85vw);
		height: 100vh;
		height: 100dvh;
		background: var(--hb-white);
		padding: 80px 28px 28px;
		box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15);
		overflow-x: hidden;
		overflow-y: hidden;
		z-index: 1000;
		visibility: hidden;
		pointer-events: none;
		transform: translateX(105%);
		transition: transform 0.35s ease, visibility 0.35s ease;
	}

	.hb-nav.is-open {
		visibility: visible;
		pointer-events: auto;
		overflow-y: auto;
		transform: translateX(0);
	}

	.hb-nav-list {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.hb-nav-list li {
		width: 100%;
		border-bottom: 1px solid rgba(212, 175, 55, 0.15);
	}

	.hb-nav-list a {
		display: block;
		padding: 14px 0;
		width: 100%;
	}

	.hb-nav-list > .menu-item-has-children > a::before {
		display: none;
	}

	.hb-nav-list .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		padding: 0 0 8px 14px;
		min-width: 0;
		display: none;
		background: transparent;
	}

	.hb-nav-list .menu-item-has-children.is-open > .sub-menu {
		display: block;
	}

	.hb-nav-list .sub-menu .sub-menu {
		position: static;
		left: auto;
		top: auto;
		transform: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		box-shadow: none;
		border: 0;
		border-radius: 0;
		padding: 0 0 4px 12px;
		min-width: 0;
		background: transparent;
		display: none;
	}

	.hb-nav-list .sub-menu .menu-item-has-children.is-open > .sub-menu {
		display: block;
	}

	.hb-nav-list .sub-menu .menu-item-has-children > a::before {
		display: none;
	}

	.hb-submenu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 8px;
		width: 36px;
		height: 36px;
		border: 0;
		background: transparent;
		color: var(--hb-text, #3d2a1f);
		cursor: pointer;
		font-size: 1.2rem;
		line-height: 1;
	}

	.hb-nav-list .menu-item-has-children {
		position: relative;
	}

	.hb-nav-list .menu-item-has-children > a {
		padding-right: 42px;
	}

	.hb-nav-overlay {
		position: fixed;
		inset: 0;
		background: rgba(43, 26, 15, 0.5);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.35s ease, visibility 0.35s ease;
		z-index: 999;
	}

	.hb-nav-overlay.is-visible {
		opacity: 1;
		visibility: visible;
	}

	.hb-hero {
		min-height: auto;
	}

	.hb-hero-content {
		padding: 40px 0 0;
	}

	.hb-hero-visual {
		padding-bottom: 20px;
	}

	.hb-hero-float {
		font-size: 0.72rem;
		padding: 8px 12px;
	}

	.hb-hero-float-1 { top: 10px; left: 10px; }
	.hb-hero-float-2 { bottom: 22%; right: 10px; }
	.hb-hero-float-3 { bottom: 10px; left: 10px; }

	.hb-quick-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-section {
		padding: 40px 0;
	}

	.hb-hero-om,
	.hb-hero-temple,
	.hb-hero-diya {
		opacity: 0.08;
	}

	.hb-section {
		padding: 50px 0;
	}

	.hb-shloka-card {
		padding: 32px 24px;
	}

	.hb-sanatan-section {
		padding: 40px 0;
	}

	.hb-sanatan-values-row {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-topics-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.hb-sanatan-shloka-inner {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.hb-sanatan-om-frame {
		width: min(100%, 300px);
	}

	.hb-shloka-sanskrit {
		font-size: 1.15rem;
	}

	.hb-card-grid,
	.hb-card-grid-3,
	.hb-card-grid-4 {
		grid-template-columns: 1fr;
	}

	.hb-footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.hb-hero-actions {
		flex-direction: column;
	}

	.hb-hero-actions .hb-btn {
		width: 100%;
	}

	.hb-newsletter-form {
		flex-direction: column;
	}

	.hb-newsletter-form input[type="email"],
	.hb-newsletter-form .hb-btn {
		width: 100%;
	}

	.hb-search-form {
		flex-direction: column;
	}

	.hb-tagline {
		display: none;
	}
}

@media (max-width: 480px) {
	.hb-header-inner {
		padding: 10px 0;
	}

	.hb-site-title {
		font-size: 1.1rem;
	}

	.hb-om-icon {
		width: 34px;
		height: 34px;
		font-size: 1rem;
	}

	.hb-gita-card {
		padding: 28px 20px;
	}

	.hb-quick-grid {
		grid-template-columns: 1fr;
	}

	.hb-shloka-premium .hb-shloka-card {
		padding: 28px 20px;
	}

	.hb-shloka-actions .hb-btn {
		width: 100%;
	}

	.hb-video-info-card {
		padding: 24px 20px;
	}

	.hb-sanatan-values-row,
	.hb-sanatan-topics-grid,
	.hb-sanatan-explore-grid,
	.hb-sanatan-nature-row,
	.hb-sanatan-icon-strip-row {
		grid-template-columns: 1fr 1fr;
	}

	.hb-sanatan-ritual {
		padding: 20px;
	}
}