:root {
  --primary-color: #ff6a00;
  --primary-color-hover: #e65c00;
  --zillow-navy: #0b2545;
  --zillow-navy-light: #12365e;
}

/* Top bar */
.bravo_topbar {
  background-color: var(--zillow-navy);
  color: #ffffff;
}
.bravo_topbar a { color: #cfe0f0; }
.bravo_topbar a:hover { color: var(--primary-color); }

/* Main header/navbar */
header, .header-default, .main-header, .site-header, nav.navbar {
  background-color: var(--zillow-navy) !important;
}
.navbar .nav-link, .main-menu a, header .menu > li > a {
  color: #ffffff !important;
}
.navbar .nav-link:hover, .main-menu a:hover, header .menu > li > a:hover {
  color: var(--primary-color) !important;
}

/* Buttons - orange accent everywhere */
.btn, .btn-primary, button[type="submit"], .bravo-btn {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}
.btn:hover, .btn-primary:hover, .bravo-btn:hover {
  background-color: var(--primary-color-hover) !important;
  border-color: var(--primary-color-hover) !important;
}

/* Search box / hero */
.search-box, .home-banner, .hero-search {
  background-color: var(--zillow-navy);
}
.search-box .form-control, .hero-search input {
  border-radius: 6px;
}

/* Property cards */
.ps-block, .property-item, .ps-product {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(11, 37, 69, 0.08);
}
.ps-block__title a, .property-title a {
  color: var(--zillow-navy);
}
.ps-block__title a:hover, .property-title a:hover {
  color: var(--primary-color);
}
.ps-block .price, .property-price, .ps-block__price {
  color: var(--primary-color) !important;
  font-weight: 700;
}

/* Badges: for sale / for rent */
.property-status, .badge-sale, .badge-rent {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/* Links */
a { transition: color 0.2s ease; }
a:hover { color: var(--primary-color); }

/* Footer */
footer, .site-footer {
  background-color: var(--zillow-navy) !important;
  color: #cfe0f0 !important;
}
footer a, .site-footer a { color: #ffffff !important; }
footer a:hover, .site-footer a:hover { color: var(--primary-color) !important; } 
header, .header-default, .main-header, .site-header, nav.navbar {
  background-color: #ffffff !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
}
.navbar .nav-link, .main-menu a, header .menu > li > a {
  color: #0b2545 !important;
}
.navbar .nav-link:hover, .main-menu a:hover, header .menu > li > a:hover {
  color: var(--primary-color) !important;
}
footer, .site-footer {
  background-color: #000000 !important;
  color: #ffffff !important;
}
footer a, .site-footer a {
  color: #ffffff !important;
}
footer a:hover, .site-footer a:hover {
  color: var(--primary-color) !important;
}