/*
Theme Name: MRSM Facility Pro
Theme URI: https://mrsmmanagement.in
Author: MRSM Management
Description: Multi-page facility management theme with Careers (job apply), Contact Form 7 integration, WhatsApp Book Now.
Version: 1.0
Text Domain: mrsm-facility-pro
Tags: business, services, responsive, contact-form
*/

:root{
  --gold:#c59d1f;
  --black:#0b0b0b;
  --white:#ffffff;
  --muted:#6b6b6b;
  --container:1100px;
  --space:18px;
  --radius:12px;
}

*{box-sizing:border-box}
html,body{padding:0;margin:0}
body{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial; color:var(--black); background:var(--white); line-height:1.6}
.container{max-width:var(--container); margin:0 auto; padding:40px 20px;}
.site-header{border-bottom:1px solid #eee; position:sticky; top:0; background:rgba(255,255,255,0.96); z-index:50}
.brand{display:flex; align-items:center; gap:12px}
.brand .logo{height:56px; width:56px; border-radius:8px; background:linear-gradient(135deg,var(--gold),#f0d27a); display:flex; align-items:center; justify-content:center; color:var(--black); font-weight:700}
.brand .title{font-size:20px; font-weight:700; color:var(--black)}
.nav{display:flex; gap:18px; align-items:center}
.nav a{color:var(--black); text-decoration:none; padding:10px 8px; border-radius:8px}
.nav a.cta{background:var(--gold); color:var(--black); font-weight:700; padding:10px 14px}
.hero{display:flex; align-items:center; gap:40px; padding:60px 0}
.hero h1{font-size: clamp(24px, 4vw, 44px); margin:0 0 18px 0}
.services{display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); margin-top:24px}
.service-card{border:1px solid #eee; padding:18px; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:12px}
.section{padding:60px 0;}
.footer{padding:24px 0; border-top:1px solid #eee; margin-top:40px; color:var(--muted); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
@media (max-width:860px){ .hero{flex-direction:column} }