/* Property search — Thane Flats brand alignment (loads after search-pro + search-premium) */

.property-search-page.portal-search--pro.landing-page-softbg::after {
  background:
    radial-gradient(ellipse 80% 50% at 0% 0%, rgba(245, 184, 61, 0.08), transparent 55%),
    radial-gradient(ellipse 60% 45% at 100% 8%, rgba(10, 15, 26, 0.06), transparent 50%),
    linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.portal-search-hero__accent {
  background: linear-gradient(
    90deg,
    var(--tf-navy-900, #0a0f1a) 0%,
    var(--tf-gold-600, #c9971a) 42%,
    var(--tf-gold-400, #f5b83d) 58%,
    var(--tf-navy-900, #0a0f1a) 100%
  );
}

.portal-search--pro .portal-breadcrumb-link {
  color: var(--tf-gold-600, #c9971a);
}

.portal-search--pro .portal-breadcrumb-link:hover {
  color: var(--tf-gold-700, #a67c14);
}

.portal-breadcrumb__current {
  color: var(--tf-gold-700, #a67c14);
  background: #fffbeb;
  border-color: rgba(201, 151, 26, 0.28);
}

.portal-search-input-shell--pro:focus-within {
  border-color: var(--tf-gold-500, #e8a82e);
  box-shadow: 0 0 0 3px rgba(232, 168, 46, 0.18);
}

.portal-search-input-shell--pro .portal-search-input-icon {
  color: var(--tf-gold-600, #c9971a);
  background: #fffbeb;
}

/* Search button — gold CTA (matches header Register) */
.portal-search--pro .portal-search-submit,
.portal-search--premium .portal-search-submit {
  background: var(--tf-accent-gradient) !important;
  color: var(--tf-on-gold, #1a1208) !important;
  border: 1px solid rgba(166, 124, 20, 0.35) !important;
  box-shadow: var(--tf-shadow-gold) !important;
}

.portal-search--pro .portal-search-submit:hover,
.portal-search--premium .portal-search-submit:hover {
  background: var(--tf-accent-gradient-hover) !important;
  color: var(--tf-on-gold, #1a1208) !important;
  filter: none;
}

.portal-search--premium .portal-search-input-shell--pro {
  border-color: rgba(201, 151, 26, 0.28);
  box-shadow: 0 4px 18px rgba(10, 15, 26, 0.06);
}

/* Listing type tabs — active = brand gold */
.portal-type-tab--all.is-active,
.portal-type-tab--rent.is-active,
.portal-type-tab--sale.is-active,
.portal-type-tab--pg.is-active {
  color: var(--tf-on-gold, #1a1208) !important;
  background: var(--tf-accent-gradient) !important;
  border-color: transparent !important;
  box-shadow: var(--tf-shadow-gold) !important;
}

.portal-type-tab:not(.is-active) {
  color: var(--tf-gold-700, #a67c14);
}

.portal-type-tab:not(.is-active):hover {
  border-color: rgba(201, 151, 26, 0.45);
  color: var(--tf-navy-800, #0f172a);
}

.portal-search--premium .portal-search-context {
  background: linear-gradient(90deg, rgba(245, 184, 61, 0.07) 0%, rgba(10, 15, 26, 0.03) 100%);
}

/* Sidebar / filters */
.portal-filter-card--premium .portal-bhk-label--pro:checked,
.portal-filter-card--premium .btn-check:checked + .portal-bhk-label--pro,
.portal-search--pro .portal-bhk-item .btn-check:checked + .portal-bhk-label--pro {
  background: var(--tf-accent-gradient) !important;
  border-color: transparent !important;
  color: var(--tf-on-gold, #1a1208) !important;
}

.portal-results-toolbar--premium,
.portal-results-meta-bar--premium {
  background: linear-gradient(105deg, #fff 0%, #f8fafc 45%, #fffbeb 100%) !important;
  border-color: rgba(201, 151, 26, 0.16) !important;
}

.portal-meta-stat__icon {
  background: linear-gradient(145deg, var(--tf-gold-500, #e8a82e), var(--tf-gold-600, #c9971a)) !important;
  color: var(--tf-on-gold, #1a1208) !important;
}

.portal-meta-stat--page .portal-meta-stat__icon {
  background: linear-gradient(145deg, var(--tf-navy-900, #0a0f1a), var(--tf-navy-600, #1e293b)) !important;
  color: var(--tf-gold-300, #fde68a) !important;
}

.portal-meta-stat--filters .portal-meta-stat__icon {
  background: var(--tf-accent-gradient) !important;
  color: var(--tf-on-gold, #1a1208) !important;
}

.portal-meta-chip--location {
  color: var(--tf-gold-700, #a67c14) !important;
  background: linear-gradient(135deg, #fffbeb, #fff) !important;
}

.portal-meta-chip--bhk i,
.portal-card-stat--bhk i {
  color: var(--tf-gold-600, #c9971a) !important;
}

.portal-card-stat--sqft i {
  color: var(--tf-navy-600, #1e293b) !important;
}

/* AI rating badge on cards */
.portal-card-rating-float--ai {
  color: var(--tf-on-gold, #1a1208);
  background: var(--tf-accent-gradient);
  border: 1px solid rgba(166, 124, 20, 0.25);
}

.portal-card-rating-float--ai i {
  color: var(--tf-navy-900, #0a0f1a);
}

/* Card left accent on hover */
.portal-listing-card--premium::before {
  background: linear-gradient(180deg, var(--tf-gold-400, #f5b83d), var(--tf-gold-600, #c9971a));
}

.portal-listing-card--premium.portal-listing-card--rent::before,
.portal-listing-card--premium.portal-listing-card--sale::before,
.portal-listing-card--premium.portal-listing-card--pg::before {
  background: linear-gradient(180deg, var(--tf-navy-700, #141c2b), var(--tf-gold-500, #e8a82e));
}

.property-card-link:hover .portal-listing-card--premium {
  border-color: rgba(201, 151, 26, 0.32) !important;
  box-shadow:
    0 22px 48px rgba(10, 15, 26, 0.12),
    0 8px 20px rgba(201, 151, 26, 0.1) !important;
}

.portal-search--rich .portal-search-submit:hover {
  box-shadow: var(--tf-shadow-gold);
}

.portal-card-cta--pro {
  color: var(--tf-gold-600, #c9971a);
}

.property-card-link:hover .portal-card-cta--pro {
  color: var(--tf-gold-700, #a67c14);
}

.portal-search-hero__unfold:hover,
.portal-search-hero__unfold:focus-visible {
  color: var(--tf-gold-600, #c9971a);
  border-color: rgba(201, 151, 26, 0.4);
}

/* Property card badges */
.portal-search--pro .portal-card-badge-stack .portal-badge-negotiable--pro,
.portal-search--premium .portal-card-badge-stack .portal-badge-negotiable--pro {
  color: var(--tf-gold-700, #a67c14);
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(201, 151, 26, 0.35);
  box-shadow: 0 2px 8px rgba(201, 151, 26, 0.12);
}

.portal-card-type--rent,
.portal-card-type--sale,
.portal-card-type--pg {
  background: var(--tf-accent-gradient) !important;
  color: var(--tf-on-gold, #1a1208) !important;
}
