.elementor-732 .elementor-element.elementor-element-63f9c2c > .elementor-container{max-width:1600px;}/* Start custom CSS for shortcode, class: .elementor-element-5967524 *//* ==========================================================================
   Gold button overrides — replaces the black-background buttons with #C2A02E
   Targets:
     .fbar-premium-toggle__btn.is-active   (active "List / Map" toggle pill)
     .search-save-search-button            ("Save Search")
   All declarations use !important to beat Tailwind utilities.
   Load this AFTER your main stylesheet / Tailwind build.
   ========================================================================== */

:root {
  --btn-gold: #c2a02e;
  --btn-gold-hover: #a98c28;   /* ~10% darker */
  --btn-gold-active: #8f7621;  /* ~25% darker */
  --btn-gold-ring: rgba(194, 160, 46, 0.35);
  --btn-gold-fg: #ffffff;      /* swap to #1a1400 if you prefer dark text */
}

/* --- Shared look ------------------------------------------------------- */
.btn-gold,
.fbar-premium-toggle__btn.is-active,
.search-save-search-button {
  background-color: var(--btn-gold) !important;
  border-color: var(--btn-gold) !important;
  color: var(--btn-gold-fg) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease,
              box-shadow 0.2s ease !important;
}

.btn-gold:hover,
.fbar-premium-toggle__btn.is-active:hover,
.search-save-search-button:hover {
  background-color: var(--btn-gold-hover) !important;
  border-color: var(--btn-gold-hover) !important;
  color: var(--btn-gold-fg) !important;
}

.btn-gold:active,
.fbar-premium-toggle__btn.is-active:active,
.search-save-search-button:active {
  background-color: var(--btn-gold-active) !important;
  border-color: var(--btn-gold-active) !important;
}

.btn-gold:focus-visible,
.fbar-premium-toggle__btn.is-active:focus-visible,
.search-save-search-button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px var(--btn-gold-ring) !important;
}

/* --- aria-pressed variant (in case .is-active isn't always present) ----- */
.fbar-premium-toggle__btn[aria-pressed="true"] {
  background-color: var(--btn-gold) !important;
  border-color: var(--btn-gold) !important;
  color: var(--btn-gold-fg) !important;
}

/* --- Optional: dropdown buttons in their "selected" state --------------- */
/* Uncomment if you also want the highlighted filter pills (For Sale / Active)
   to use gold instead of the default white/gray. */
/*
.search-dropdown-button.font-semibold.shadow-sm {
  background-color: var(--btn-gold) !important;
  border-color: var(--btn-gold) !important;
  color: var(--btn-gold-fg) !important;
}
.search-dropdown-button.font-semibold.shadow-sm:hover {
  background-color: var(--btn-gold-hover) !important;
  border-color: var(--btn-gold-hover) !important;
}
*//* End custom CSS */