/* RealtyRio microsite wrapper — top bar, footer, lead widget, modal */ #rr-topbar { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; box-sizing: border-box; z-index: 99999 !important; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 16px; background: #0b1f1a; color: #f4ead7; font: 500 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif; letter-spacing: 0.02em; transition: top 0.2s ease-in-out !important; } #rr-topbar a { color: #d4af73; text-decoration: none; font-weight: 700; } #rr-topbar a:hover { text-decoration: underline; } #rr-topbar span { opacity: 0.85; } /* ------------------------------------------------------- Navbar offset: microsites with a fixed navbar get a --rr-topbar-h CSS variable set by rr-microsite.js on the element. Each site's navbar must use this to offset itself. We add a universal rule here as a best-effort fallback that pushes the BODY down so the topbar never overlaps fixed navbars that we cannot directly modify. The JS will do the real work; this rule is the safety net. ------------------------------------------------------- */ :root { --rr-topbar-h: 38px; } @media (max-width: 768px) { :root { --rr-topbar-h: 54px; } } body { padding-top: var(--rr-topbar-h, 38px) !important; } #rr-footer-note { padding: 18px 16px; text-align: center; background: #0b1f1a; color: #cfc4ad; font: 400 12px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif; } #rr-footer-note a { color: #d4af73; text-decoration: none; font-weight: 600; } #rr-footer-note a:hover { text-decoration: underline; } #rr-lead-fab { position: fixed; right: 20px; bottom: 92px; z-index: 99998; background: #0b1f1a; color: #f4ead7; border: 1px solid #d4af73; border-radius: 999px; padding: 12px 18px; font: 600 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,0.35); } #rr-lead-fab:hover { background: #123028; } #rr-lead-overlay { position: fixed; inset: 0; z-index: 999999; background: rgba(6, 14, 11, 0.72); display: none; align-items: center; justify-content: center; padding: 20px; } #rr-lead-overlay.open { display: flex; } #rr-lead-modal { background: #fff; color: #12211c; width: 100%; max-width: 420px; border-radius: 12px; padding: 24px; font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif; position: relative; } #rr-lead-modal h3 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0b1f1a; } #rr-lead-modal p.rr-sub { margin: 0 0 16px; color: #5b6b64; font-size: 13px; } #rr-lead-modal label { display: block; font-size: 12px; font-weight: 600; margin: 12px 0 4px; color: #0b1f1a; } #rr-lead-modal input, #rr-lead-modal textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d8d3c6; border-radius: 8px; font-size: 14px; font-family: inherit; } #rr-lead-modal textarea { resize: vertical; min-height: 70px; } #rr-lead-modal button[type="submit"] { margin-top: 16px; width: 100%; padding: 12px; background: #0b1f1a; color: #f4ead7; border: none; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; } #rr-lead-modal button[type="submit"]:hover { background: #123028; } #rr-lead-modal button[type="submit"]:disabled { opacity: 0.6; cursor: default; } #rr-lead-close { position: absolute; top: 14px; right: 14px; background: none; border: none; font-size: 20px; line-height: 1; cursor: pointer; color: #5b6b64; } #rr-lead-status { margin-top: 10px; font-size: 13px; } #rr-lead-status.ok { color: #1c7c4f; } #rr-lead-status.err { color: #b3261e; } #rr-lead-whatsapp { margin-top: 14px; text-align: center; font-size: 12px; font-weight: 600; color: #1c7c4f; text-decoration: none; } #rr-lead-whatsapp:hover { text-decoration: underline; } @media (max-width: 480px) { #rr-lead-fab { right: 14px; bottom: 84px; padding: 10px 14px; font-size: 12px; } }