/* Real Estate CMS — PrimeEdge Realty */
:root {
  --navy: #0D1B2A;
  --navy-mid: #1a2e45;
  --gold: #D4A853;
  --gold-dark: #B8912E;
  --warm: #F7F6F3;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Sticky header scroll effect */
#site-header.scrolled { box-shadow: 0 4px 20px rgba(13,27,42,.08); }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--navy); }

/* Gold accent buttons */
.btn-primary { display: inline-flex; align-items: center; gap: 6px; padding: 12px 28px; background: var(--gold); color: var(--navy); font-weight: 700; border-radius: 8px; text-decoration: none; font-size: 14px; transition: background .2s, transform .15s; }
.btn-primary:hover { background: var(--gold-dark); transform: translateY(-1px); }
.btn-secondary { display: inline-flex; align-items: center; gap: 6px; padding: 11px 26px; border: 2px solid var(--navy); color: var(--navy); font-weight: 700; border-radius: 8px; text-decoration: none; font-size: 14px; transition: all .2s; }
.btn-secondary:hover { background: var(--navy); color: #fff; }

/* Property card hover */
.property-card { transition: transform .3s, box-shadow .3s; }
.property-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(13,27,42,.12); }

/* Badge system */
.badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.badge-available  { background: #dcfce7; color: #15803d; }
.badge-featured   { background: #fef3c7; color: #92400e; }
.badge-new-launch { background: #dbeafe; color: #1d4ed8; }
.badge-coming-soon{ background: #fed7aa; color: #9a3412; }
.badge-sold-out   { background: #f3f4f6; color: #6b7280; }
.badge-rented     { background: #f3e8ff; color: #7e22ce; }

/* Animations */
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.fade-up { animation: fadeUp .6s ease forwards; }

/* Line clamp */
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Map embed fix */
iframe { max-width: 100%; border: none; }

/* Tailwind extend */
.bg-navy     { background-color: #0D1B2A; }
.bg-navy-mid { background-color: #1a2e45; }
.bg-gold     { background-color: #D4A853; }
.bg-warm     { background-color: #F7F6F3; }
.text-navy   { color: #0D1B2A; }
.text-gold   { color: #D4A853; }

/* Print */
@media print {
  header, footer, .whatsapp-btn, #site-header { display: none !important; }
  .property-content { font-size: 12px; }
}