/* Di Ved Realty — additions. Loaded AFTER styles.css; nothing in styles.css needs to change. */

/* Form column: logo + Jotform stacked in one grid cell */
.formcol{min-width:0}
.formlogo{display:block;max-width:280px;width:100%;height:auto;margin:0 auto 16px}

/* Footer */
footer{flex-wrap:wrap;gap:10px}
.footlinks{display:flex;gap:18px}
.footlinks a{color:#d8e0e7;text-decoration:underline}

/* Top bar links */
.topbar a{color:#fff;text-decoration:none}

/* Mobile quick-contact bar: hidden on desktop */
.mobilebar{display:none}

/* Legal pages */
.legal{max-width:820px;margin:0 auto;padding:50px 6% 80px;line-height:1.75;color:var(--ink)}
.legal h1{font:700 38px/1.15 Georgia,serif;color:var(--navy);margin:0 0 6px}
.legal h2{font:700 22px Georgia,serif;color:var(--navy);margin:34px 0 8px}
.legal .draftnote{background:#fff4d6;border:1px solid var(--gold);padding:14px 16px;border-radius:6px;font-size:14px;margin:18px 0 28px}
.legal a{color:var(--gold);font-weight:700}

@media(max-width:900px){
  /* Working mobile menu (opened by script.js) */
  nav.open{
    display:flex;flex-direction:column;align-items:flex-start;gap:16px;
    position:absolute;top:88px;left:0;right:0;background:#fff;
    padding:20px 5% 24px;box-shadow:0 14px 24px #00000018;
  }
  nav.open a{font-size:16px}

  /* Sticky Call / WhatsApp bar */
  .mobilebar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;
    box-shadow:0 -4px 14px #00000022;
  }
  .mobilebar a{
    flex:1;text-align:center;padding:14px 8px;font-weight:700;
    text-decoration:none;font-size:15px;
  }
  .mobilebar .mb-call{background:var(--navy);color:#fff}
  .mobilebar .mb-wa{background:var(--gold);color:#fff}
  body{padding-bottom:52px}
}