/**
 * Public visibility chips — single source (tokens in ravenore-tokens.css).
 * Load after ravenore-tokens.css. Used by portfolio, /w/, landing.
 */

.portfolio-badge,
.public-landing__badge,
.watch-public-header-sticky .subtitle .badge {
  display: inline-block;
  font-family: var(--rn-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.25;
  border: 1px solid transparent;
  border-radius: var(--rn-chip-radius, 6px);
  box-sizing: border-box;
}

.portfolio-badge {
  margin-top: 0.45rem;
  padding: 0.28rem 0.6rem;
  background: rgba(255, 255, 255, 0.06);
  color: var(--rn-text-muted, #7d8792);
}

.public-landing__badge {
  padding: 0.28rem 0.6rem;
}

.watch-public-header-sticky .subtitle .badge {
  padding: 0.28rem 0.65rem;
}

/* Fallback when /w/ shows raw visibility without modifier classes */
.watch-public-header-sticky .subtitle .badge:not(.badge-for-sale):not(.badge-in-service):not(.badge-sold):not(.badge-portfolio) {
  color: var(--rn-text-secondary, #b4bcc6);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}

.portfolio-badge.for_sale,
.public-landing__badge--sale,
.watch-public-header-sticky .subtitle .badge.badge-for-sale {
  color: var(--rn-chip-for-sale-text, #e8f5ec);
  background: var(--rn-chip-for-sale-bg, linear-gradient(180deg, #1a5c38 0%, #0f3d26 100%));
  border-color: var(--rn-chip-for-sale-border, rgba(95, 180, 125, 0.42));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.portfolio-badge.in_service,
.public-landing__badge--in-service,
.watch-public-header-sticky .subtitle .badge.badge-in-service {
  color: var(--rn-chip-in-service-text, #a8c8f0);
  background: var(--rn-chip-in-service-bg, linear-gradient(180deg, #1a2f45 0%, #0f1c2a 100%));
  border-color: var(--rn-chip-in-service-border, rgba(120, 165, 220, 0.35));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.portfolio-badge.sold,
.public-landing__badge--sold,
.watch-public-header-sticky .subtitle .badge.badge-sold {
  color: var(--rn-chip-sold-text, rgba(255, 252, 248, 0.98));
  background: var(
    --rn-chip-sold-bg,
    linear-gradient(180deg, #1a1610 0%, #3d3018 36%, #7a6128 62%, #a8843a 82%, #c9a64a 100%)
  );
  border-color: var(--rn-chip-sold-border, rgba(201, 166, 74, 0.35));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.portfolio-badge.portfolio,
.public-landing__badge--portfolio,
.watch-public-header-sticky .subtitle .badge.badge-portfolio {
  color: var(--rn-chip-portfolio-text, #c8e4f8);
  background: var(--rn-chip-portfolio-bg, linear-gradient(180deg, #1e3f5c 0%, #122a3d 100%));
  border-color: var(--rn-chip-portfolio-border, rgba(130, 195, 245, 0.42));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.public-landing__badge--other {
  color: var(--rn-text-secondary, #b4bcc6);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}