/*
 * Riftbound Zone — Block Design (Step 4)
 * Adatta lo stile dei blocchi (card, section, form, button) ai pattern del
 * repo boost-buddy: bordo sottile sempre visibile, hover orange + glow,
 * radius squadrato 4px, eyebrow orange, button gradient.
 *
 * Caricato DOPO rbz-design-shim.css. Le var --gold/--card/--border sono già
 * mappate ai token boost-buddy (vedi shim).
 */

/* ══════════════════════════════════════════════════════════════════
   BATCH A — Card uniformi
   Pattern: border 1px solid var(--border) + bg var(--card)
            + radius 4px + hover border-orange + glow soft
   ══════════════════════════════════════════════════════════════════ */
.listing-card,
.torneo-card,
.guide-card,
.feedback-card,
.profilo-card,
.dash-card,
.dash-fav-card,
.dash-stat-box,
.fb-profile-card,
.creator-card,
.partecipante-card,
.hex-card,
.info-card,
.coll-av-card,
.coll-ov-block,
.dv-gallery-card,
.home-feature-card,
.db-card,
.db-deck-panel,
.db-search-panel,
.discord-widget,
.discord-link-box,
.notif-item,
.msg-conv-item,
.iscrizione-box,
.auth-box,
.feedback-form-box,
.ac-card,
.ap-mock-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease !important;
  box-shadow: var(--rbz-shadow-card);
}

/* Hover universale: orange border + soft glow.
   Disattivato per i blocchi non-clickable (form box, panel statico) — ma
   in pratica il glow è abbastanza soft da non disturbare. */
.listing-card:hover,
.torneo-card:hover,
.guide-card:hover,
.feedback-card:hover,
.profilo-card:hover,
.dash-card:hover,
.dash-fav-card:hover,
.fb-profile-card:hover,
.creator-card:hover,
.partecipante-card:hover,
.hex-card:hover,
.info-card:hover,
.coll-av-card:hover,
.dv-gallery-card:hover,
.home-feature-card:hover,
.db-card:hover,
.db-deck-panel:hover,
.discord-link-box:hover,
.notif-item:hover,
.msg-conv-item:hover,
.ac-card:hover,
.ap-mock-card:hover {
  border-color: hsl(var(--rbz-primary) / 0.6) !important;
  box-shadow: 0 0 24px hsl(var(--rbz-primary) / 0.16) !important;
}

/* Dash-list-item / db-deck-item (lista compatta — niente glow su hover) */
.dash-list-item,
.db-deck-item,
.db-load-item,
.dv-item,
.cookie-row,
.fb-rating-row,
.fb-profile-item {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  transition: border-color 0.15s ease, background-color 0.15s ease !important;
}
.dash-list-item:hover,
.db-deck-item:hover,
.db-load-item:hover,
.dv-item:hover,
.fb-profile-item:hover {
  border-color: hsl(var(--rbz-primary) / 0.5) !important;
  background: var(--bg3) !important;
}

/* ══════════════════════════════════════════════════════════════════
   BATCH B — Section heading editorial
   Eyebrow arancio uppercase + title display
   ══════════════════════════════════════════════════════════════════ */

/* Eyebrow strip (sopra al titolo di sezione) */
.section-sub,
.page-eyebrow,
.ap-eyebrow {
  font-family: var(--rbz-font-body) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 0.5rem !important;
  display: inline-block;
}

/* Section title — già Archivo Black via shim, qui solo size+weight */
.section-title {
  font-size: 1.875rem !important;
  font-weight: 900 !important;
  color: var(--white) !important;
  line-height: 1.05;
  margin: 0;
}

/* Stat numero — Archivo Black grande arancio */
.stat-number,
.dash-stat-num,
.fb-stat-num,
.profilo-stat-num {
  font-family: var(--rbz-font-display) !important;
  font-weight: 400 !important; /* Archivo Black è già 900 di natura */
  font-size: 1.875rem !important;
  color: var(--gold) !important;
  letter-spacing: -0.01em;
}

/* Stat label — micro caps muted */
.stat-label,
.dash-stat-label,
.fb-stat-label,
.profilo-stat-label {
  font-family: var(--rbz-font-body) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text3) !important;
  margin-top: 0.25rem;
}

/* ══════════════════════════════════════════════════════════════════
   BATCH C — Form & Button
   Input h-12 + focus ring orange; button gradient primary uppercase
   ══════════════════════════════════════════════════════════════════ */

/* Input/textarea/select — bordo solid + bg card + focus orange */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
input:not([type]),
textarea,
select {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  color: var(--text) !important;
  font-family: var(--rbz-font-body) !important;
  font-size: 0.95rem;
  padding: 0.7rem 0.9rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
  outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 2px hsl(var(--rbz-primary) / 0.25) !important;
}
input::placeholder,
textarea::placeholder { color: var(--text3); opacity: 0.7; }

/* Elementor button primary → gradient orange */
.elementor-button-link.elementor-button,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-sm,
.elementor-button:not([class*="elementor-size-"]) {
  background: var(--rbz-gradient-primary) !important;
  color: hsl(var(--rbz-primary-foreground)) !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: var(--rbz-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: opacity 0.2s ease, box-shadow 0.2s ease !important;
}
.elementor-button:hover {
  opacity: 0.92 !important;
  box-shadow: var(--rbz-shadow-glow);
}

/* Custom plugin buttons (.btn-primary fattorizzato) */
.btn-primary,
.btn.btn-primary,
button.btn-primary {
  background: var(--rbz-gradient-primary) !important;
  color: hsl(var(--rbz-primary-foreground)) !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: var(--rbz-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.7rem 1.4rem;
  cursor: pointer;
  transition: opacity 0.2s ease, box-shadow 0.2s ease;
}
.btn-primary:hover {
  opacity: 0.92;
  box-shadow: var(--rbz-shadow-glow);
}

/* Secondary/outline button — bordo orange su bg trasparente */
.btn-secondary,
.btn.btn-outline {
  background: transparent !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold) !important;
  border-radius: 4px !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.15s ease;
}
.btn-secondary:hover,
.btn.btn-outline:hover {
  background: hsl(var(--rbz-primary) / 0.1) !important;
}

/* ══════════════════════════════════════════════════════════════════
   BATCH D (bonus) — Badge editorial
   Mantengono colors esistenti (vendo/cerco/scambio) ma forma squadrata
   ══════════════════════════════════════════════════════════════════ */
.badge {
  font-family: var(--rbz-font-body) !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}

/* ══════════════════════════════════════════════════════════════════
   BATCH E — Nav "WIP" tag (sezioni in costruzione)
   ══════════════════════════════════════════════════════════════════ */
.nav-wip-tag {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0.05rem 0.32rem;
  font-family: var(--rbz-font-body);
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: hsl(var(--rbz-background));
  background: hsl(var(--rbz-tier-b)); /* yellow ~ in lavorazione */
  border-radius: 2px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* WIP tag inside a section eyebrow on the homepage */
.rbz6-wip-tag {
  display: inline-block;
  margin-left: 0.4rem;
  padding: 0.08rem 0.4rem;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: hsl(var(--rbz-background));
  background: hsl(var(--rbz-tier-b));
  vertical-align: middle;
}