/* Step 35IS: buyer-facing availability replaces restaurant-style open/closed. */
.marketplace-status.availability-status::before,
.favourites-card-meta .availability-status::before,
.store-live-secondary-meta .availability-status::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #7d8f97;
}

.marketplace-status.availability-status.is-available,
.favourites-card-meta .availability-status.is-available,
.store-live-secondary-meta .availability-status.is-available {
  color: #176c39;
}
.marketplace-status.availability-status.is-available::before,
.favourites-card-meta .availability-status.is-available::before,
.store-live-secondary-meta .availability-status.is-available::before {
  background: #2b9b5d;
}

.marketplace-status.availability-status.is-future,
.favourites-card-meta .availability-status.is-future,
.store-live-secondary-meta .availability-status.is-future {
  color: #a10e16;
}
.marketplace-status.availability-status.is-future::before,
.favourites-card-meta .availability-status.is-future::before,
.store-live-secondary-meta .availability-status.is-future::before {
  background: var(--color-brand);
}

.marketplace-status.availability-status.is-paused,
.favourites-card-meta .availability-status.is-paused,
.store-live-secondary-meta .availability-status.is-paused,
.marketplace-status.availability-status.is-unavailable,
.favourites-card-meta .availability-status.is-unavailable,
.store-live-secondary-meta .availability-status.is-unavailable {
  color: #81594c;
}
.marketplace-status.availability-status.is-paused::before,
.favourites-card-meta .availability-status.is-paused::before,
.store-live-secondary-meta .availability-status.is-paused::before,
.marketplace-status.availability-status.is-unavailable::before,
.favourites-card-meta .availability-status.is-unavailable::before,
.store-live-secondary-meta .availability-status.is-unavailable::before {
  background: #b27b68;
}

.favourites-card-meta .availability-status,
.store-live-secondary-meta .availability-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.discovery-seller-image .marketplace-status.availability-status {
  max-width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Favourites loads page-specific CSS after the shared marketplace bundle, so
   the new status receives its own compact pill treatment rather than relying
   on the retired is-open/is-closed selectors. */
body.marketplace-favourites-page.favourites-compact-page .favourites-card-meta .availability-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 22px !important;
  max-width: 100% !important;
  padding: 0 8px !important;
  border-radius: var(--eetza-pill-radius, 12px) !important;
  font-size: 8.5px !important;
  font-weight: 850 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.marketplace-favourites-page.favourites-compact-page .favourites-card-meta .availability-status.is-available {
  color: #237143 !important;
  background: #edf8ef !important;
}
body.marketplace-favourites-page.favourites-compact-page .favourites-card-meta .availability-status.is-future {
  color: #a10e16 !important;
  background: #edf8fd !important;
}
body.marketplace-favourites-page.favourites-compact-page .favourites-card-meta .availability-status.is-paused,
body.marketplace-favourites-page.favourites-compact-page .favourites-card-meta .availability-status.is-unavailable {
  color: #8a4a3c !important;
  background: #fff2ef !important;
}

/* The store hero uses a dark translucent panel. Keep status wording white and
   use the dot alone to distinguish same-day, future and unavailable states. */
body.seller-detail-page .store-live-secondary-meta .availability-status {
  color: #fff !important;
}
body.seller-detail-page .store-live-secondary-meta .availability-status::before {
  width: 7px !important;
  height: 7px !important;
  margin-right: 0 !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.16) !important;
}