/* ============================================================
   ShaadiMubarakIndia — base stylesheet (reconstructed)
   The original style.css wasn't part of the single-file upload
   (only the page HTML was saved). Colors below are reconstructed
   from the inline gradients/shadows already present in the page
   (e.g. rgba(74,20,40) = #4A1428, meta theme-color = #6E1E3A),
   so the palette matches exactly. Layout/spacing is a close,
   professional recreation — if you can send the real style.css
   (view-source on the live site, or your GitHub repo), I can
   swap this for a byte-exact copy.
   ============================================================ */

:root{
  --white:#FFFFFF;
  --ivory:#FBF6F0;
  --wine:#6E1E3A;
  --wine-dark:#4A1428;
  --charcoal:#2E1825;
  --gold:#B8923D;
  --gold-light:#D9B96A;
  --sage:#7E9678;
  --text-soft:#8C7680;
  --line:#EDE0E4;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter', Arial, sans-serif;
  color:var(--charcoal);
  background:var(--ivory);
  line-height:1.6;
}
h1,h2,h3,h4{
  font-family:'Fraunces', Georgia, serif;
  color:var(--wine-dark);
  margin:0 0 0.4em;
  line-height:1.2;
}
p{margin:0 0 1em;}
a{color:inherit;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* Topbar */
.topbar{background:var(--charcoal);color:#E8D9DE;font-size:0.8rem;padding:8px 0;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.topbar a{text-decoration:none;color:inherit;margin-right:14px;}
.topbar .contact-line a{color:#E8D9DE;}
.topbar .contact-line a:hover{color:var(--gold-light);}

/* Header */
header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;}
.logo-img{height:42px;width:auto;}
header nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
header nav a{text-decoration:none;font-size:0.86rem;font-weight:500;color:var(--charcoal);}
header nav a:hover{color:var(--wine);}
.btn-primary{background:var(--wine);color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:600;text-decoration:none;}
.btn-primary:hover{background:var(--wine-dark);}

/* Generic section wrapper */
.section{padding:64px 0;}
.section-head{max-width:640px;margin:0 auto 40px;text-align:center;}
.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem);}
.section-head p{color:var(--text-soft);font-size:0.95rem;margin-top:8px;}

/* Stats bar */
.stats-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;text-align:center;}
.stat-item{display:flex;flex-direction:column;flex:1;min-width:120px;}
.stat-item .num{font-family:'Fraunces',serif;font-size:1.6rem;font-weight:700;color:var(--wine-dark);}
.stat-item .lbl{font-size:0.78rem;color:var(--text-soft);}

/* Communities */
.communities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.community-card{position:relative;border-radius:14px;overflow:hidden;height:180px;background:var(--line);}
.community-card img{width:100%;height:100%;object-fit:cover;}
.comm-overlay{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(46,24,37,0.85));display:flex;align-items:flex-end;padding:14px;}
.comm-overlay span{color:#fff;font-weight:700;font-size:0.95rem;}
@media(max-width:900px){.communities-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.communities-grid{grid-template-columns:repeat(2,1fr);}}

/* Profiles */
.profiles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.profile-card{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.pc-body{padding:14px;}
.pc-body h4{font-size:1rem;margin-bottom:4px;}
.pc-body p{font-size:0.82rem;color:var(--text-soft);margin-bottom:4px;}
.verified{display:inline-block;margin-top:6px;font-size:0.74rem;font-weight:700;color:var(--sage);}
@media(max-width:900px){.profiles-grid{grid-template-columns:repeat(3,1fr);}}

/* Footer */
footer{background:var(--charcoal);color:#D9C2CC;padding:56px 0 20px;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr;gap:28px;}
.footer-brand .logo-img{background:#fff;border-radius:10px;padding:6px 10px;margin-bottom:14px;}
.footer-brand p{font-size:0.84rem;color:#C9B4BE;}
.footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.footer-social a{color:#fff;text-decoration:none;font-size:0.76rem;font-weight:600;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,0.08);}
.footer-social a.wa{background:#25D366;}
.footer-social a.fb{background:#1877F2;}
.footer-col h4{color:#fff;font-size:0.9rem;margin-bottom:14px;}
.footer-col a{display:block;color:#D9C2CC;text-decoration:none;font-size:0.84rem;margin-bottom:10px;}
.footer-col a:hover{color:var(--gold-light);}
.footer-bottom{max-width:1180px;margin:32px auto 0;padding:20px 24px 0;border-top:1px solid rgba(255,255,255,0.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:0.78rem;color:#B79AA4;}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr 1fr;}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr;}}

@media(max-width:900px){
  header nav{display:none;}
}