/* assets/css/style.css */
/* Eisenberg & White Property Management – Spacey Dark UI */

/* =====================
   Root Variables
===================== */
:root{
  --bg-0:#070812;
  --bg-1:#0b1020;
  --bg-2:#0f1730;

  --card: rgba(255,255,255,.06);
  --card-2: rgba(255,255,255,.08);
  --border: rgba(255,255,255,.10);

  --text:#e9ecff;
  --muted: rgba(233,236,255,.74);

  --accent:#7c5cff;
  --accent-2:#00d3ff;
  --success:#23f7a7;
  --warn:#ffcc66;
  --danger:#ff4d7d;

  --shadow: 0 18px 45px rgba(0,0,0,.55);
  --radius: 18px;
  --radius-lg: 24px;

  --focus: 0 0 0 .22rem rgba(124,92,255,.28);
}

*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,body{ height:100%; }

/* =====================
   Body / Background
===================== */
body{
  background:
    radial-gradient(1200px 600px at 15% 10%, rgba(124,92,255,.22), transparent 55%),
    radial-gradient(900px 500px at 80% 20%, rgba(0,211,255,.14), transparent 60%),
    radial-gradient(900px 700px at 70% 85%, rgba(35,247,167,.10), transparent 60%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1) 35%, var(--bg-2));
  color: var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial;
}

a{ color: var(--text); text-decoration: none; }
a:hover{ color:#fff; }

/* Subtle stars */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,.28), transparent),
    radial-gradient(1px 1px at 30% 45%, rgba(255,255,255,.22), transparent),
    radial-gradient(1px 1px at 65% 25%, rgba(255,255,255,.18), transparent),
    radial-gradient(1px 1px at 80% 70%, rgba(255,255,255,.18), transparent),
    radial-gradient(1px 1px at 55% 85%, rgba(255,255,255,.14), transparent);
  opacity:.35;
}

/* =====================
   Navbar
===================== */
.navbar.bg-dark{
  background: rgba(10,14,30,.55) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}

.navbar .nav-link{
  color: rgba(233,236,255,.85) !important;
}
.navbar .nav-link:hover{ color:#fff !important; }

/* =====================
   Containers
===================== */
.container{ max-width:1140px; }

/* =====================
   Cards
===================== */
.card{
  background: var(--card) !important;
  border:1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  backdrop-filter: blur(14px);
}

.card-title{
  color:#fff !important;
}

.card .card-text{
  color: var(--muted) !important;
}

.rounded-4{ border-radius: var(--radius-lg) !important; }

/* =====================
   Headings / Readability
===================== */
h1,h2,h3,h4,h5,h6{
  color: rgba(233,236,255,.98) !important;
}

.h-title{
  letter-spacing:.2px;
  text-shadow:0 0 24px rgba(124,92,255,.25);
}

/* =====================
   Text helpers
===================== */
.text-muted{
  color: rgba(233,236,255,.74) !important;
}

.text-muted2{
  color: rgba(69, 184, 250, 0.781) !important;
}

.small{
  color: rgba(233,236,255,.82);
}

/* =====================
   Images
===================== */
img{
  filter:saturate(1.05) contrast(1.05);
}

/* =====================
   Buttons
===================== */
.btn{
  border-radius:14px;
  font-weight:600;
}

.btn-primary{
  background: linear-gradient(135deg, #7c5cff, #00d3ff) !important;
  border:none !important;
  box-shadow:0 12px 26px rgba(124,92,255,.30);
}

.btn-outline-primary{
  color: var(--text) !important;
  border:1px solid rgba(124,92,255,.45) !important;
}

/* =====================
   Forms
===================== */
.form-label,
.form-check-label{
  color: rgba(233,236,255,.92) !important;
  font-weight:500;
}

.form-control,
.form-select,
textarea{
  background: rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color: var(--text) !important;
  border-radius:14px !important;
}

.form-control::placeholder{
  color: rgba(233,236,255,.45) !important;
}

.form-text{
  color: rgba(233,236,255,.70) !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus{
  border-color: rgba(124,92,255,.65) !important;
  box-shadow: var(--focus) !important;
}

/* =====================
   Badges
===================== */
.badge{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
}

.text-bg-primary{
  background: rgba(124,92,255,.25) !important;
}

.text-bg-secondary{
  background: rgba(255,255,255,.12) !important;
}

/* =====================
   Lists
===================== */
.list-group-item{
  background: rgba(255,255,255,.05) !important;
  color: var(--text) !important;
  border-color: rgba(255,255,255,.08) !important;
}

/* =====================
   Footer
===================== */
footer.bg-dark{
  background: rgba(10,14,30,.55) !important;
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}

/* =====================
   Utilities
===================== */
.neon-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(124,92,255,.8), rgba(0,211,255,.6), transparent);
}

.chip{
  display:inline-flex;
  padding:.35rem .7rem;
  margin:.18rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  color: rgba(233,236,255,.95);
  font-size:.86rem;
}

.gallery{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.gallery img{
  width:92px;
  height:72px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  transition:.15s;
}
.gallery img:hover{
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.hover-lift{
  transition:.15s;
}
.hover-lift:hover{
  transform: translateY(-3px);
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}