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

.tenant-public[data-public-theme="BOTANIC_GLASS"] {
  --tenant-surface: #eef6e8;
  --tenant-card-radius: 1.5rem;
  --tenant-body-font: 'Plus Jakarta Sans', Arial, sans-serif;
  --tenant-display-font: 'Plus Jakarta Sans', Arial, sans-serif;
  --tenant-content-width: 1340px;
  background: var(--tenant-surface);
  color: #123b2b;
  font-family: var(--tenant-body-font);
  -webkit-font-smoothing: antialiased;
}

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

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

.tenant-public[data-public-theme="BOTANIC_GLASS"] :focus-visible {
  outline: 3px solid rgba(184, 216, 111, 0.9);
  outline-offset: 3px;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter {
  border: 1px solid rgba(220, 232, 213, 0.95);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 48px rgba(47, 107, 79, 0.1);
  backdrop-filter: blur(16px);
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter > div > label > input,
.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter > .xl\:contents > label > input,
.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter > .xl\:contents > label > select,
.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter > .xl\:contents > div > details > summary {
  border-radius: 999px;
  background: rgba(248, 251, 244, 0.86);
  color: #123b2b;
  font-weight: 800;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-filter button[type="submit"] {
  border-radius: 999px;
  background: #2f6b4f;
  color: #ffffff;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-property-card {
  border: 1px solid rgba(220, 232, 213, 0.95);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 18px 48px rgba(47, 107, 79, 0.1);
  backdrop-filter: blur(12px);
}

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

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-card-type {
  border-radius: 999px;
  background: #e8f2e1;
  color: #2f6b4f;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-card-body {
  color: #123b2b;
}

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

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-detail {
  background: #eef6e8;
  color: #123b2b;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-detail-badge {
  border-radius: 999px;
  background: #2f6b4f;
  color: #ffffff;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-contact-card {
  border: 1px solid rgba(220, 232, 213, 0.95);
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 70px rgba(47, 107, 79, 0.12);
  backdrop-filter: blur(14px);
  overflow: hidden;
}

.tenant-public[data-public-theme="BOTANIC_GLASS"] .tenant-detail-contact-mark {
  background: #2f6b4f;
  color: #ffffff;
}

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

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