/* * BIZpaye Property — Tenant Theme * CSS custom properties injected per-request from Tenant.PrimaryColor * --tenant-primary is set inline on by _PublicLayout.cshtml */ :root { --tenant-primary: #0d6efd; --tenant-primary-dark: #0a58ca; --tenant-primary-rgb: 13, 110, 253; } /* ── Tenant color utilities ────────────────────────────────────── */ .bg-tenant { background-color: var(--tenant-primary) !important; } .text-tenant { color: var(--tenant-primary) !important; } .border-tenant { border-color: var(--tenant-primary) !important; } .btn-tenant { background-color: var(--tenant-primary); border-color: var(--tenant-primary); color: #fff; } .btn-tenant:hover, .btn-tenant:focus { background-color: var(--tenant-primary-dark); border-color: var(--tenant-primary-dark); color: #fff; } .btn-outline-tenant { color: var(--tenant-primary); border-color: var(--tenant-primary); background-color: transparent; } .btn-outline-tenant:hover, .btn-outline-tenant:focus { background-color: var(--tenant-primary); border-color: var(--tenant-primary); color: #fff; } /* ── Public Navbar ─────────────────────────────────────────────── */ .public-navbar { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08); position: sticky; top: 0; z-index: 1030; } .public-navbar .navbar-brand img { max-height: 48px; max-width: 180px; object-fit: contain; } .public-navbar .nav-link { font-weight: 500; color: #333; transition: color .2s; } .public-navbar .nav-link:hover, .public-navbar .nav-link.active { color: var(--tenant-primary); } /* ── Hero Section ──────────────────────────────────────────────── */ .hero-slide-img { height: 600px; object-fit: cover; filter: brightness(0.65); } @media (max-width: 768px) { .hero-slide-img { height: 320px; } } .hero-caption-box { background: rgba(0,0,0,.35); backdrop-filter: blur(2px); border-radius: .75rem; padding: 2rem; text-align: center; } .text-shadow { text-shadow: 0 2px 8px rgba(0,0,0,.6); } /* ── Section typography ────────────────────────────────────────── */ .section-title { font-size: 2rem; font-weight: 700; color: #1a1a2e; } .section-divider { width: 60px; height: 4px; background: var(--tenant-primary); border-radius: 2px; margin-top: .5rem; margin-bottom: 1.5rem; } /* ── Team / Agent cards ────────────────────────────────────────── */ .agent-photo { width: 220px; height: 220px; object-fit: cover; border: 4px solid var(--tenant-primary); } .agent-photo-placeholder { width: 220px; height: 220px; } /* ── Property cards ────────────────────────────────────────────── */ .property-card { transition: transform .2s, box-shadow .2s; border-radius: .75rem; overflow: hidden; } .property-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.12) !important; } .property-img { transition: transform .4s ease; } .property-card:hover .property-img { transform: scale(1.04); } /* ── Footer ────────────────────────────────────────────────────── */ .public-footer { background: #1a1a2e; color: rgba(255,255,255,.85); } .public-footer a { color: rgba(255,255,255,.75); text-decoration: none; } .public-footer a:hover { color: #fff; } .public-footer .footer-brand { color: var(--tenant-primary); font-weight: 700; font-size: 1.3rem; } /* ── Admin area sidebar ────────────────────────────────────────── */ .admin-sidebar { min-height: 100vh; background: #1a1a2e; width: 240px; flex-shrink: 0; } .admin-sidebar .sidebar-brand { padding: 1.25rem 1.5rem; font-weight: 700; font-size: 1.1rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); text-decoration: none; display: block; } .admin-sidebar .nav-link { color: rgba(255,255,255,.75); padding: .6rem 1.5rem; display: flex; align-items: center; gap: .6rem; font-size: .925rem; border-left: 3px solid transparent; transition: all .2s; } .admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,.07); border-left-color: var(--tenant-primary); } .admin-sidebar .nav-section { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.35); padding: 1rem 1.5rem .25rem; } .admin-content { flex: 1; overflow-y: auto; padding: 2rem; background: #f8f9fa; } @media (max-width: 991px) { .admin-sidebar { width: 100%; min-height: auto; } .admin-layout { flex-direction: column !important; } }