/* Final responsive fidelity rules loaded after the legacy UrbanNest styles. */
.hero-live-empty {
  position: relative;
  display: block;
}

.hero-live-empty::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.02) 42%, rgba(0, 0, 0, 0.2));
  content: "";
}

.hero-live-empty img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-live-empty strong {
  position: absolute;
  z-index: 2;
  right: 22px;
  bottom: 18px;
  max-width: 280px;
  padding: 10px 13px;
  border-radius: 8px;
  background: rgba(17, 17, 17, 0.78);
  color: #ffffff;
  font-size: 12px;
  line-height: 1.35;
}

.hero-trust-empty > strong {
  font-size: 30px;
}

@media (max-width: 1040px) {
  .discovery-hero-copy h1 {
    font-size: 52px;
  }
}

@media (max-width: 760px) {
  .top-nav.discovery-nav .discovery-brand span:last-child {
    display: grid;
  }

  .top-nav.discovery-nav .discovery-brand .brand-initials {
    display: none;
  }

  .top-nav.discovery-nav .discovery-brand strong {
    font-size: 16px;
  }

  .mobile-summary-dock span,
  .mobile-role-dock span {
    font-size: 9px;
  }

  .dashboard-heading h1,
  .dashboard-greeting h1 {
    font-size: 30px;
  }

  .dashboard-summary-card strong {
    font-size: 22px;
  }
}

@media (prefers-color-scheme: dark) and (prefers-color-scheme: light) {
  body,
  .site-shell,
  .app-shell,
  .app-main,
  .mobile-home-app {
    background: #090a0b;
    color: #f6f7f8;
  }

  .top-nav,
  .app-topbar,
  .discovery-nav {
    border-color: #30343a;
    background: rgba(15, 17, 19, 0.97);
    color: #f6f7f8;
  }

  .brand,
  .brand strong,
  .nav-links a,
  .nav-links button,
  .nav-saved-action,
  .nav-signin-action,
  .nav-profile-action,
  .nav-menu-action,
  .header-alert-button {
    color: #f6f7f8;
  }

  .header-alert-button {
    border-color: #30343a;
    background: #151719;
  }

  .site-shell .section,
  .site-shell .section.alt,
  .insight-section,
  .available-nearby-section,
  .shorts-section {
    background: #090a0b;
    color: #f6f7f8;
  }

  .site-shell .section.alt,
  .shorts-section {
    background: #0f1113;
  }

  .section-title h2,
  .section-title h3,
  .compact-section-title h2,
  .mobile-section-title h2,
  .info-card strong,
  .insight-card h3,
  details summary {
    color: #f6f7f8;
  }

  .section-title p,
  .info-card p,
  .insight-card p,
  details p,
  .listing-attribution-row,
  .property-card small,
  .shorts-empty span {
    color: #b8bec7;
  }

  .property-card,
  .discovery-property-card,
  .info-card,
  .insight-card,
  details,
  .shorts-empty,
  .empty-state,
  .collection-bubble,
  .dashboard-card,
  .chart-card,
  .profile-card,
  .table-card,
  .job-card,
  .tenant-planner,
  .dashboard-summary-card {
    border-color: #30343a;
    background: #151719;
    color: #f6f7f8;
  }

  .discovery-property-card .property-body,
  .property-card .property-body,
  .property-card .property-money-strip,
  .property-card .property-cta-row {
    background: #151719;
  }

  .listing-title-row h3,
  .listing-price-row .price,
  .property-card h3,
  .property-card strong,
  .property-card .price {
    color: #f6f7f8;
  }

  .property-card .button.ghost,
  .property-card .button:not(.primary),
  .discovery-property-card .button.ghost,
  .discovery-property-card .button:not(.primary) {
    border-color: #3b4048;
    background: #1b1e21;
    color: #f6f7f8;
  }

  .property-card .button.primary,
  .discovery-property-card .button.primary {
    color: #111111;
  }

  .eyebrow,
  .insight-card span,
  .shorts-empty .dock-icon {
    color: #71dddd;
  }

  .insight-card a,
  .mobile-insight-card a {
    color: #ffad70;
  }

  .contact-card {
    border: 1px solid #30343a;
    background: #0f1113;
    color: #f6f7f8;
  }

  .contact-card a,
  .contact-card h2,
  .contact-card strong {
    color: #ffffff;
  }

  .nairobi-signoff,
  .nairobi-signoff small {
    color: #b8bec7;
  }
}