@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

.tenant-public[data-public-theme="METRO_MONO"] {
  --tenant-surface: #f4f1e8;
  --tenant-card-radius: 0px;
  --tenant-body-font: 'Inter', Arial, "Helvetica Neue", sans-serif;
  --tenant-display-font: 'Inter', Arial, "Helvetica Neue", sans-serif;
  --tenant-content-width: 1380px;
  background: var(--tenant-surface);
  color: #111111;
  font-family: var(--tenant-body-font);
  -webkit-font-smoothing: antialiased;
}

.tenant-public[data-public-theme="METRO_MONO"] .page-shell {
  max-width: var(--tenant-content-width);
}

.tenant-public[data-public-theme="METRO_MONO"] .font-display,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-brand-name,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-title,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-title {
  font-family: var(--tenant-display-font);
}

.tenant-public[data-public-theme="METRO_MONO"] :is(button, a, input, select, textarea) {
  border-radius: 0;
}

.tenant-public[data-public-theme="METRO_MONO"] :focus-visible {
  outline: 3px solid #c7ff36;
  outline-offset: 3px;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter {
  border: 1px solid rgba(17, 17, 17, 0.15);
  background: #f4f1e8;
  gap: 0;
  padding: 0;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > div:not(.xl\:contents),
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > .xl\:contents > label,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > .xl\:contents > div {
  border-right: 1px solid rgba(17, 17, 17, 0.15);
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > div > label > input,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > .xl\:contents > label > input,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > .xl\:contents > label > select,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > .xl\:contents > div > details > summary,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter > button {
  background: #f4f1e8;
  color: #111111;
  font-weight: 900;
  border-radius: 0;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-filter button[type="submit"] {
  background: #111111;
  color: #c7ff36;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-property-card {
  border: 1px solid rgba(17, 17, 17, 0.15);
  background: #f4f1e8;
  box-shadow: none;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-media,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-gallery-grid,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-main-image,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-thumbnails > div,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-contact-card {
  border-radius: 0;
  overflow: hidden;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-media img {
  filter: grayscale(0.18) contrast(1.04);
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-type {
  background: #c7ff36;
  color: #111111;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-body {
  background: #f4f1e8;
  color: #111111;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-card-price,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-price,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-contact-label,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-location-icon,
.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-share-action:hover {
  color: #111111;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail {
  background: #f4f1e8;
  color: #111111;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-badge {
  border-radius: 0;
  background: #111111;
  color: #c7ff36;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-contact-card {
  border: 1px solid rgba(17, 17, 17, 0.15);
  background: #f4f1e8;
  box-shadow: none;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-contact-mark {
  border-radius: 0;
  background: #111111;
  color: #c7ff36;
}

.tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-layout {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 4rem;
}

@media (max-width: 1023px) {
  .tenant-public[data-public-theme="METRO_MONO"] .tenant-detail-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
  }
}