/* ==========================================================================
   RECIFE EXTREME — estilos específicos do site
   Depende de tokens.css + base.css
   ========================================================================== */

.hero__title--accent {
  background: linear-gradient(175deg, #8E0D17 0%, #C1121F 30%, #E8434F 50%, #C1121F 70%, #8E0D17 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---------- META DO EVENTO ---------- */
.evento-meta {
  display: flex; gap: var(--bt-sp-4); flex-wrap: wrap;
  margin-bottom: var(--bt-sp-8);
}
.evento-meta__item {
  display: flex; align-items: center; gap: var(--bt-sp-3);
  font-family: var(--bt-font-display); letter-spacing: .04em;
  text-transform: uppercase; font-size: var(--bt-fs-sm);
}

/* ---------- CONTAGEM REGRESSIVA ---------- */
.countdown {
  display: flex; gap: var(--bt-sp-4);
  margin-bottom: var(--bt-sp-8); flex-wrap: wrap;
}
.countdown__unit {
  min-width: 78px; text-align: center;
  padding: var(--bt-sp-3) var(--bt-sp-4);
  border: 1px solid var(--bt-line);
  border-radius: var(--bt-radius);
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(4px);
}
.countdown__num {
  display: block;
  font-family: var(--bt-font-num);
  font-variant-numeric: tabular-nums;
  font-size: var(--bt-fs-2xl); font-weight: 600; line-height: 1;
  color: var(--bt-text);
}
.countdown__label {
  display: block; margin-top: var(--bt-sp-2);
  font-size: 10px; letter-spacing: var(--bt-ls-label);
  text-transform: uppercase; color: var(--bt-text-dim);
}
.countdown[data-state="done"] { opacity: .4; }

.bt-btn.is-disabled { opacity: .55; cursor: default; pointer-events: none; }

/* ---------- CARD DE LUTAS ---------- */
.fights { display: grid; gap: var(--bt-sp-6); }

.fight {
  border: var(--bt-border);
  border-radius: var(--bt-radius);
  background: var(--bt-surface);
  overflow: hidden;
  transition: border-color var(--bt-dur) var(--bt-ease);
}
.fight:hover { border-color: var(--bt-line-gold); }

.fight--main {
  border-color: var(--bt-accent-deep);
  background: linear-gradient(180deg, rgba(193,18,31,.07), var(--bt-surface) 60%);
}
.fight[data-status="cancelada"] { opacity: .45; }

.fight__head {
  display: flex; align-items: center; gap: var(--bt-sp-3); flex-wrap: wrap;
  padding: var(--bt-sp-4) var(--bt-sp-6);
  border-bottom: 1px solid var(--bt-line);
  font-size: var(--bt-fs-xs);
  letter-spacing: var(--bt-ls-eyebrow);
  text-transform: uppercase;
  color: var(--bt-text-muted);
}
.fight__badge {
  background: var(--bt-accent); color: #fff;
  padding: 3px var(--bt-sp-3); border-radius: var(--bt-radius-sm);
  font-weight: 600; letter-spacing: var(--bt-ls-eyebrow);
}
.fight__belt { color: var(--bt-gold-500); }
.fight__status {
  margin-left: auto; color: var(--bt-text-dim);
  border: 1px solid var(--bt-line); padding: 2px var(--bt-sp-2);
  border-radius: var(--bt-radius-sm);
}

.fight__body {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: var(--bt-sp-4);
  padding: var(--bt-sp-8) var(--bt-sp-6);
}
.fight__vs {
  font-family: var(--bt-font-display);
  font-size: var(--bt-fs-xl);
  letter-spacing: .1em;
  color: var(--bt-accent);
  opacity: .8;
}
.fight--main .fight__vs { font-size: var(--bt-fs-2xl); }

.fighter { text-align: center; min-width: 0; }
.fighter__photo {
  width: 96px; height: 96px; border-radius: 50%;
  object-fit: cover; margin: 0 auto var(--bt-sp-4);
  filter: grayscale(.8) contrast(1.1);
  border: 2px solid var(--bt-line);
}
.fighter__photo--empty {
  display: grid; place-items: center;
  background: var(--bt-surface-2); color: var(--bt-text-dim);
}
.fighter__name {
  font-family: var(--bt-font-display);
  font-size: var(--bt-fs-lg); text-transform: uppercase;
  letter-spacing: .03em; line-height: 1.15;
  overflow-wrap: anywhere;
}
.fight--main .fighter__name { font-size: var(--bt-fs-xl); }
.fighter__team { margin: var(--bt-sp-2) 0 0; font-size: var(--bt-fs-sm); color: var(--bt-text-muted); }
.fighter__record {
  margin: var(--bt-sp-1) 0 0; font-family: var(--bt-font-num);
  font-variant-numeric: tabular-nums; font-size: var(--bt-fs-sm); color: var(--bt-accent);
}

.fight__rule {
  padding: var(--bt-sp-3) var(--bt-sp-6);
  border-top: 1px solid var(--bt-line);
  background: rgba(0,0,0,.3);
  font-size: var(--bt-fs-xs);
  letter-spacing: var(--bt-ls-eyebrow);
  text-transform: uppercase;
  color: var(--bt-text-dim);
  text-align: center;
}

@media (max-width: 640px) {
  .fight__body { padding: var(--bt-sp-6) var(--bt-sp-4); gap: var(--bt-sp-2); }
  .fighter__photo { width: 68px; height: 68px; }
  .fighter__name { font-size: var(--bt-fs-base); }
  .fight--main .fighter__name { font-size: var(--bt-fs-lg); }
  .fight__vs { font-size: var(--bt-fs-lg); }
}

/* ---------- EDIÇÕES ---------- */
.edicao { padding: 0; overflow: hidden; }
.edicao__img {
  width: 100%; aspect-ratio: 16/10; object-fit: cover;
  filter: grayscale(.7) contrast(1.1);
  transition: filter var(--bt-dur) var(--bt-ease);
}
.edicao:hover .edicao__img { filter: grayscale(0) contrast(1.05); }
.edicao > :not(.edicao__img) { padding-inline: var(--bt-sp-6); }
.edicao > .card__title { padding-top: var(--bt-sp-6); }
.edicao > :last-child { padding-bottom: var(--bt-sp-6); }

/* ---------- FAIXA DE CHAMADA ---------- */
.cta-band {
  background: var(--bt-vignette), var(--bt-black);
  border-top: var(--bt-border);
}