/* ============================================================
   Gobidreal (.it) — REAL-ESTATE MARKETPLACE OVERLAY
   Load AFTER colors_and_type.css. Sibling of gobid.css.

   Scope: real-estate auction marketplace UI, property pages,
   Gobidreal-specific campaigns. Do NOT use for corporate
   artifacts (those stay on Gobid Group).

   Source of truth: uploads/brand_manual_gobidreal-compresso.pdf
   (Brand manual 2023 · Gobidreal).
   ============================================================ */

:root {
  /* -------- Gobidreal brand color (from manual p.15) -------- */
  --gobidreal-teal:        #007377;   /* Pantone 322 C · official */
  --gobidreal-teal-ink:    #004F52;   /* darker for text-on-light */
  --gobidreal-teal-tint:   rgba(0,115,119,0.12);

  /* -------- Logo minimums (from manual p.10) -------- */
  --gobidreal-min-digital-payoff:   280px;   /* with "Online Auctions" payoff */
  --gobidreal-min-digital-nopayoff: 168px;   /* wordmark only */
  --gobidreal-min-print-payoff:     25mm;    /* 2,5 cm with payoff */
  --gobidreal-min-print-nopayoff:   16.9mm;  /* 1,69 cm no payoff */

  /* Deck scale for Gobidreal slides (1920×1080) */
  --gobidreal-logo-hero-deck:       160px;
  --gobidreal-logo-section-cover:    72px;
  --gobidreal-logo-footer-signature: 44px;
  --gobidreal-logo-topbar-deck:      40px;

  /* -------- Real-estate listing semantic tokens -------- */
  --listing-for-sale:   #007377;   /* in vendita — teal (brand) */
  --listing-reserved:   #E38B15;   /* riservato — orange */
  --listing-sold:       #6E6E6E;   /* venduto — grey */
  --listing-preview:    #0E2E4F;   /* anteprima / coming soon — navy */

  --listing-for-sale-tint: rgba(0,115,119,0.12);
  --listing-reserved-tint: rgba(227,139,21,0.14);
  --listing-sold-tint:     rgba(110,110,110,0.12);
  --listing-preview-tint:  rgba(14,46,79,0.12);
}

/* ============================================================
   Listing-state tags — real-estate specific
   ============================================================ */
.tag--listing-for-sale {
  background: var(--listing-for-sale-tint);
  color: var(--listing-for-sale);
  box-shadow: inset 0 0 0 1px var(--listing-for-sale);
}
.tag--listing-for-sale::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 999px;
  background: var(--listing-for-sale);
  margin-right: 8px;
  animation: gobidrealPulse 1.6s ease-in-out infinite;
}
@keyframes gobidrealPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,115,119,0.45); }
  50%      { box-shadow: 0 0 0 6px rgba(0,115,119,0); }
}

.tag--listing-reserved {
  background: var(--listing-reserved-tint);
  color: var(--listing-reserved);
  box-shadow: inset 0 0 0 1px var(--listing-reserved);
}
.tag--listing-sold {
  background: var(--listing-sold-tint);
  color: var(--listing-sold);
  box-shadow: inset 0 0 0 1px var(--listing-sold);
}
.tag--listing-preview {
  background: var(--listing-preview-tint);
  color: var(--listing-preview);
  box-shadow: inset 0 0 0 1px var(--listing-preview);
}

/* ============================================================
   .property-price — hero price display for listing cards
   Teal number + black currency/context.
   ============================================================ */
.property-price {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--font-sans);
}
.property-price__value {
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--gobidreal-teal);
  line-height: 1;
}
.property-price__currency {
  font-size: 18px;
  font-weight: 700;
  color: var(--gg-ink);
}
.property-price__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-fg-muted);
}