/* ============================================================
   Gobid (.it) — MARKETPLACE OVERLAY
   Load AFTER colors_and_type.css. This file layers marketplace-
   specific tokens and utilities on top of the Gobid Group
   foundation; it does not redefine brand primitives.

   Scope: auction marketplace UI, product pages, campaign mocks.
   Do NOT use for corporate artifacts — those stay on Gobid Group.
   ============================================================ */

:root {
  /* -------- Gobid (.it) logo minimums & scale of use -------- */
  --gobid-min-digital: 167px;   /* single-line, no payoff */
  --gobid-min-print:   12mm;    /* 1.2 cm */

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

  /* -------- Marketplace semantic colors --------
     These are auction-state tokens, distinct from generic
     semantic colors (success/warning/danger/info). */
  --auction-open:     #1E8F5F;   /* asta in corso — verde */
  --auction-closing:  #E38B15;   /* chiusura imminente — arancio */
  --auction-closed:   #6E6E6E;   /* asta terminata — grigio */
  --auction-won:      #0E6E6C;   /* aggiudicata — teal (ponte con Gobidreal) */

  /* Tints per state (12% alpha for tag backgrounds) */
  --auction-open-tint:    rgba(30,143,95,0.12);
  --auction-closing-tint: rgba(227,139,21,0.14);
  --auction-closed-tint:  rgba(110,110,110,0.12);
  --auction-won-tint:     rgba(14,110,108,0.12);
}

/* ============================================================
   Auction-state tags — marketplace specific
   Extends the base .tag primitive from colors_and_type.css
   ============================================================ */
.tag--auction-open {
  background: var(--auction-open-tint);
  color: var(--auction-open);
  box-shadow: inset 0 0 0 1px var(--auction-open);
}
.tag--auction-open::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 999px;
  background: var(--auction-open);
  margin-right: 8px;
  animation: gobidPulse 1.6s ease-in-out infinite;
}
@keyframes gobidPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(30,143,95,0.45); }
  50%      { box-shadow: 0 0 0 6px rgba(30,143,95,0); }
}

.tag--auction-closing {
  background: var(--auction-closing-tint);
  color: var(--auction-closing);
  box-shadow: inset 0 0 0 1px var(--auction-closing);
}
.tag--auction-closed {
  background: var(--auction-closed-tint);
  color: var(--auction-closed);
  box-shadow: inset 0 0 0 1px var(--auction-closed);
}
.tag--auction-won {
  background: var(--auction-won);
  color: var(--gg-white);
}

/* ============================================================
   .bid-leading — the "your bid is leading" badge
   A strong affordance — yellow + black for confidence.
   Use on auction cards when the current user holds the top bid.
   ============================================================ */
.bid-leading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 10px;
  background: var(--gg-yellow);
  color: var(--gg-black);
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  font-weight: var(--fw-extra);
  letter-spacing: 0.02em;
  border-radius: var(--radius-sm);
  line-height: 1;
}
.bid-leading::before {
  content: "";
  width: 0;
  height: 0;
  border-left:  6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid var(--gg-black);
}
.bid-leading--ink {
  background: var(--gg-ink);
  color: var(--gg-yellow);
}
.bid-leading--ink::before { border-bottom-color: var(--gg-yellow); }