/*
 * Self-contained styles for the shared <SiteFooter>. Extracted from
 * landing-page.css so the footer can render on every page — including app
 * pages (listings, agents, key-players, dashboards) that don't load the
 * landing stylesheet. See MODIFICATION 2, item 17.
 */
.footer{background:#0a0a0a;border-top:0.5px solid #1f1f1f;padding:44px 32px 26px}
.f-inner{max-width:1000px;margin:0 auto}
.f-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.f-brand{font-size:22px;font-weight:700;color:#FFD400;margin-bottom:6px}
.f-brand span{color:#FF7A00}
.f-col-t{font-size:12px;font-weight:700;color:#fff;letter-spacing:0.5px;margin-bottom:12px;text-transform:uppercase}
.f-col a{display:block;font-size:14px;color:#FFD400;text-decoration:none;margin-bottom:7px}
.f-col a:hover{color:#fff}
.f-bot{border-top:0.5px solid #1f1f1f;padding-top:20px;display:flex;justify-content:space-between}

@media (max-width:768px){
  .f-top{grid-template-columns:1fr}
  .f-bot{flex-direction:column;gap:12px}
}

.f-social{display:flex;gap:10px;margin-top:14px}
.f-social a{width:34px;height:34px;border-radius:50%;border:0.5px solid #333;display:flex;align-items:center;justify-content:center;color:#FFD400;font-size:17px;text-decoration:none}
.f-social a:hover{background:#FFD400;color:#000}