/* =========================================================================
   Deokate Ortho & Pain Care — responsive.css
   Breakpoints: 1200, 992, 768, 560.
   ========================================================================= */

@media (max-width:1200px){
	.footer-grid{grid-template-columns:1.5fr 1fr 1.2fr}
	.footer-grid .footer-col:nth-child(3){display:none}
}

@media (max-width:992px){
	.hero-inner{grid-template-columns:1fr;text-align:center}
	.hero-actions,.hero-trust{justify-content:center}
	.hero-media{order:-1;max-width:420px;margin:0 auto}
	.why-inner{grid-template-columns:1fr}
	.card-grid.cols-3{grid-template-columns:repeat(2,1fr)}
	.testimonials-grid{grid-template-columns:repeat(2,1fr)}
	.content-area.with-sidebar{grid-template-columns:1fr}
	.sidebar{order:2}
	.contact-layout,.appointment-layout{grid-template-columns:1fr}

	/* Mobile navigation */
	.primary-nav{position:fixed;inset:0 0 0 auto;width:min(320px,82%);background:#fff;box-shadow:-6px 0 24px rgba(13,36,56,.15);transform:translateX(100%);transition:transform .25s ease;padding:5rem 1.2rem 2rem;overflow-y:auto;z-index:200}
	.primary-nav.is-open{transform:translateX(0)}
	.primary-nav .nav-menu{flex-direction:column;align-items:stretch;gap:0}
	.primary-nav .nav-menu li{border-bottom:1px solid #eef3f7}
	.primary-nav .sub-menu{position:static;display:block;box-shadow:none;padding-left:1rem;min-width:0}
	.menu-toggle{display:block;z-index:201}
	body.nav-open{overflow:hidden}
	.nav-backdrop{position:fixed;inset:0;background:rgba(13,36,56,.45);z-index:150;opacity:0;visibility:hidden;transition:opacity .25s}
	.nav-backdrop.is-open{opacity:1;visibility:visible}
}

@media (max-width:768px){
	.topbar .container{justify-content:center;text-align:center}
	.topbar-right{display:none}
	.deokate-form .form-grid{grid-template-columns:1fr}
	.post-card{grid-template-columns:1fr}
	.post-card .card-thumb img{max-height:220px;width:100%}
	.cta-inner{flex-direction:column;text-align:center}
	.footer-grid{grid-template-columns:1fr 1fr}
	.footer-grid .footer-col:nth-child(3){display:block}
	.header-cta .btn-accent{display:none} /* keep header light; sticky bar covers booking */

	/* Sticky mobile action bar */
	.mobile-actionbar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:120;background:#fff;box-shadow:0 -2px 14px rgba(13,36,56,.15)}
	.mobile-actionbar a{padding:.8rem;text-align:center;font-weight:600;font-size:.85rem;color:var(--brand-dark);border-right:1px solid #eef3f7}
	.mobile-actionbar a:last-child{border-right:0}
	.mobile-actionbar .ma-book{background:var(--brand-accent);color:#3a2600}
	.mobile-actionbar .ma-wa{color:#1c7c54}
	body{padding-bottom:56px} /* room for action bar */
}

@media (max-width:560px){
	.card-grid.cols-3,.card-grid.cols-2,.testimonials-grid,.why-stats{grid-template-columns:1fr}
	.footer-grid{grid-template-columns:1fr}
	.error-404 .error-code{font-size:3.4rem}
	h1{font-size:1.6rem}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}