/* ==========================================================
   Golden Rashifal — Mobile-first responsive overrides
   Loaded only on screens ≤ 991px
   ========================================================== */

/* ── Header ──────────────────────────────────── */
.gr-nav{ display:none }
.gr-mobile-toggle{ display:flex }
.gr-topbar-inner{ flex-direction:column; gap:.25rem; font-size:.72rem }
.gr-quickpan{ display:none }

/* ── Mobile slide nav ────────────────────────── */
.gr-mobile-nav{
	position:fixed; top:0; left:-100%; width:80%; max-width:320px; height:100%;
	background:#fff; z-index:500; overflow-y:auto; transition:left .3s ease;
	box-shadow:4px 0 24px rgba(0,0,0,.15); display:flex; flex-direction:column;
}
.gr-mobile-nav.gr-open{ left:0 }
.dark-mode .gr-mobile-nav{ background:#171b22 }
.gr-mobile-nav-head{
	display:flex; align-items:center; justify-content:space-between;
	padding:1rem 1.25rem; background:var(--gr-dark); color:var(--gr-gold-2);
	font-size:1rem; font-weight:700;
}
.gr-mobile-close{ color:#fff; font-size:1.2rem; padding:.25rem }
.gr-menu-mobile{ list-style:none; padding:.5rem 0; flex:1 }
.gr-menu-mobile li a{
	display:block; padding:.75rem 1.25rem; font-size:.95rem; font-weight:500;
	color:var(--gr-text); border-bottom:1px solid var(--gr-border); transition:color .2s;
}
.dark-mode .gr-menu-mobile li a{ color:#e2e8f0; border-color:#2a3040 }
.gr-menu-mobile li a:hover{ color:var(--gr-gold) }
.gr-overlay{
	position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:400; transition:opacity .3s;
}
.gr-overlay.gr-visible{ opacity:1 }

/* ── Bottom nav ──────────────────────────────── */
.gr-bottom-nav{
	position:fixed; bottom:0; left:0; right:0; height:60px;
	background:#fff; border-top:1px solid var(--gr-border);
	display:flex; align-items:stretch; z-index:300;
	box-shadow:0 -4px 16px rgba(0,0,0,.08);
}
.dark-mode .gr-bottom-nav{ background:#171b22; border-color:#2a3040 }
.gr-bn-item{
	flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
	gap:2px; text-decoration:none; font-size:.65rem; font-weight:600;
	color:var(--gr-muted); border:none; background:none; cursor:pointer;
	transition:color .2s; padding:0;
}
.gr-bn-item:active{ transform:scale(.95) }
.gr-bn-item.gr-bn-active{ color:var(--gr-gold) }
.gr-bn-icon{ font-size:1.2rem; line-height:1 }
.dark-mode .gr-bn-item{ color:#8899aa }

/* ── Sticky mobile ad ────────────────────────── */
.gr-ad-sticky-mobile{
	position:fixed; bottom:60px; left:0; right:0; z-index:280;
	background:#fff; border-top:1px solid var(--gr-border);
	text-align:center; padding:.25rem;
}

/* ── Main content padding for bottom nav ─────── */
body.gr-theme{ padding-bottom:60px }

/* ── Layout ──────────────────────────────────── */
@media(max-width:767px){
	.gr-row{ flex-direction:column; gap:1.5rem }
	.gr-sidebar-col{ flex:0 0 auto; width:100% }
	.gr-content-col{ flex:0 0 auto; width:100% }
}

/* ── Hero ────────────────────────────────────── */
@media(max-width:767px){
	.gr-hero-inner{ flex-direction:column; gap:1.5rem }
	.gr-hero-title{ font-size:1.4rem }
	.gr-entry-title{ font-size:1.35rem }
}

/* ── Zodiac grid ─────────────────────────────── */
@media(max-width:480px){
	.gr-zodiac-grid{ grid-template-columns:repeat(3,1fr) }
}

/* ── Rahu kaal week ──────────────────────────── */
@media(max-width:600px){
	.gr-rk-week-grid{ grid-template-columns:repeat(4,1fr) }
}

/* ── Panchang full ───────────────────────────── */
@media(max-width:767px){
	.gr-panchang-full{ grid-template-columns:1fr }
}

/* ── Numerology row ──────────────────────────── */
@media(max-width:480px){
	.gr-num-grid{ grid-template-columns:repeat(5,1fr) }
}

/* ── TOC ─────────────────────────────────────── */
@media(max-width:767px){
	.gr-toc{ font-size:.85rem }
}

/* ── TOC hide on very small ──────────────────── */
@media(max-width:360px){
	.gr-toc{ display:none }
}

/* ── Back to top position ────────────────────── */
.gr-totop{ bottom:70px; right:.75rem; width:36px; height:36px; font-size:.8rem }

/* ── Topbar hide on small ────────────────────── */
@media(max-width:480px){
	.gr-topbar{ display:none }
}

/* ── Card grids ──────────────────────────────── */
@media(max-width:767px){
	.gr-card-grid-3,.gr-card-grid-4,.gr-post-grid{
		grid-template-columns:1fr
	}
}
@media(min-width:481px) and (max-width:767px){
	.gr-card-grid-3{ grid-template-columns:repeat(2,1fr) }
	.gr-card-grid-4{ grid-template-columns:repeat(2,1fr) }
	.gr-post-grid{ grid-template-columns:repeat(2,1fr) }
}

/* ── Section padding ─────────────────────────── */
@media(max-width:767px){
	.gr-section{ padding-block:2rem }
	.gr-section-title{ font-size:1.2rem }
}