/**
 * Maps legacy real-estate template skin colors to CSS custom properties.
 * Loaded after default.css; values come from office-branding.config.ts via
 * OfficeBrandingService (--orp-brand-primary, --orp-accent-secondary, etc.).
 *
 * Covers the most visible marketing chrome. Full default.css still applies for
 * layout; this bridge re-themes color accents without editing default.css per office.
 */

:root {
  --legacy-brand: var(--orp-brand-primary, #800000);
  --legacy-brand-hover: var(--orp-brand-primary-hover, #5c0000);
  --legacy-secondary: var(--orp-accent-secondary, #1e5f74);
}

/* Header / nav */
.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .nav-link.active,
.main-header-7 .navbar-nav .nav-link:hover,
.main-header-7 .navbar-nav .nav-link.active {
  color: var(--legacy-brand) !important;
}

.main-header .btn-5:before,
.main-header-7 .btn-5:before {
  background: var(--legacy-brand) !important;
}

.nav-sidebar .menu-list .nav-link:hover,
.nav-sidebar .menu-list .nav-link.active {
  color: var(--legacy-brand) !important;
}

.nav-sidebar .sidebar-logo {
  border-color: var(--legacy-brand) !important;
}

/* Primary buttons */
.btn-theme,
.btn-theme:hover,
.btn-theme:focus,
.btn-md,
.btn-search,
button.btn-theme {
  background: var(--legacy-brand) !important;
  border-color: var(--legacy-brand) !important;
}

.btn-theme:hover,
.btn-md:hover {
  background: var(--legacy-brand-hover) !important;
  border-color: var(--legacy-brand-hover) !important;
}

/* Banner / hero accents */
.banner .carousel-content h2 span,
.banner .carousel-content h2,
.banner h2 {
  color: var(--legacy-brand) !important;
}

/* Footer (legacy template sections outside Angular footer) */
.footer .footer-item .links li a:hover,
.footer .social-list a:hover {
  color: var(--legacy-brand) !important;
}

/* Secondary / rental accents */
.text-rental,
.badge-rental,
.rentals-accent {
  color: var(--legacy-secondary) !important;
}

.badge-rental,
.bg-rental {
  background: var(--legacy-secondary) !important;
}