/* ═══════════════════════════════════════════════════
   FIGHTERS — Archive + Single Profile
   ═══════════════════════════════════════════════════ */

/* ═══ ARCHIVE — Hero ═══ */
.ft-hero{
  position:relative;overflow:hidden;
  padding:120px 0 48px;background:#050505;
}
.ft-hero__bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 70% 20%,rgba(212,32,32,.1) 0%,transparent 50%),
              radial-gradient(ellipse at 30% 80%,rgba(212,32,32,.06) 0%,transparent 50%);
}
.ft-hero__inner{position:relative;z-index:2}
.ft-hero__title{
  font:900 48px/1 var(--font-head);text-transform:uppercase;color:#f0f0f0;
  letter-spacing:.02em;margin:12px 0 10px;
}
.ft-hero__sub{font:400 15px/1.6 var(--font-body);color:var(--gray);max-width:560px;margin-bottom:20px}
.ft-hero__stats{display:flex;gap:24px}
.ft-hero__stat{display:flex;flex-direction:column;gap:2px}
.ft-hero__stat-num{font:800 28px/1 var(--font-head);color:var(--red)}
.ft-hero__stat-label{font:500 10px/1 var(--font-head);letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}

/* ═══ FILTERS ═══ */
.ft-filters{padding:28px 0;border-bottom:1px solid var(--border)}
.ft-filters__form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ft-filters__search{
  position:relative;flex:1;min-width:220px;
}
.ft-filters__search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dim)}
.ft-filters__input{
  width:100%;padding:11px 14px 11px 40px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;
  color:var(--white);font:400 14px/1.4 var(--font-body);transition:border-color .3s;
}
.ft-filters__input:focus{outline:none;border-color:var(--red)}
.ft-filters__input::placeholder{color:var(--dim)}
.ft-filters__selects{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ft-filters__select{
  padding:10px 36px 10px 14px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:6px;
  color:var(--white);font:400 13px/1 var(--font-body);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.ft-filters__select option{background:#1a1a1a;color:#f0f0f0}
body.light-theme .ft-filters__select option{background:#fff;color:#111}
.ft-filters__select:focus{outline:none;border-color:var(--red)}
.ft-filters__btn{
  padding:10px 20px;background:var(--red);color:#fff;border:none;border-radius:6px;
  font:700 12px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  transition:background .3s;
}
.ft-filters__btn:hover{background:#e63030}
.ft-filters__clear{
  font:600 12px/1 var(--font-body);color:var(--dim);text-decoration:underline;
  text-underline-offset:2px;transition:color .3s;
}
.ft-filters__clear:hover{color:var(--red)}

/* ═══ FEATURED ═══ */
.ft-featured{padding:40px 0;border-bottom:1px solid var(--border)}
.ft-featured__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}

/* ═══ FIGHTER CARD ═══ */
.ft-card{
  display:block;text-decoration:none;
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;transition:all .35s var(--ease);
}
.ft-card:hover{border-color:rgba(212,32,32,.3);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.25)}
.ft-card__img{
  position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#0a0a0a;
}
.ft-card__img img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  transform-origin:top center;transition:transform .5s;vertical-align:top
}
.ft-card:hover .ft-card__img img{transform:scale(1.03)}
.ft-card__placeholder{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:#0a0a0a;
}
.ft-card__placeholder span{font:700 10px/1 var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.1)}
.ft-card__placeholder--hero{aspect-ratio:3/4;max-width:320px;border-radius:var(--radius)}

.ft-card__badge{
  position:absolute;top:10px;left:10px;
  font:700 8px/1 var(--font-head);letter-spacing:.18em;text-transform:uppercase;
  padding:5px 10px;border-radius:3px;z-index:2;
}
.ft-card__badge--champ{background:var(--red);color:#fff}
.ft-card__badge--contender{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15)}
.ft-card__badge--prospect{background:rgba(212,32,32,.15);color:var(--red);border:1px solid rgba(212,32,32,.2)}

.ft-card__body{padding:16px}
.ft-card__nick{
  font:500 11px/1 var(--font-body);color:var(--dim);font-style:italic;display:block;margin-bottom:4px;
}
.ft-card__name{
  font:800 17px/1.15 var(--font-head);color:#f0f0f0;text-transform:uppercase;margin-bottom:8px;
  transition:color .3s;
}
.ft-card:hover .ft-card__name{color:var(--red)}
.ft-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.ft-card__record{font:700 13px/1 var(--font-head);color:var(--red);font-variant-numeric:tabular-nums}
.ft-card__div{font:500 11px/1 var(--font-body);color:var(--dim)}
.ft-card__country{font:400 11px/1 var(--font-body);color:var(--dim)}

.ft-card--featured .ft-card__name{font-size:20px}

/* ═══ GRID ═══ */
.ft-grid-section{padding:40px 0 56px}
.ft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.ft-count{font:400 14px/1 var(--font-body);color:rgba(255,255,255,.45);text-transform:none;letter-spacing:0}

/* ═══ EMPTY STATE ═══ */
.ft-empty{text-align:center;padding:60px 20px}
.ft-empty__icon{color:var(--dim);margin-bottom:16px}
.ft-empty__title{font:700 20px/1 var(--font-head);color:#f0f0f0;margin-bottom:8px}
.ft-empty__text{font:400 14px/1.5 var(--font-body);color:var(--gray);margin-bottom:20px}

/* ═══ SEO ═══ */
.ft-seo{padding:48px 0;border-top:1px solid var(--border)}
.ft-seo__inner{max-width:780px;margin:0 auto}
.ft-seo__inner h4{font:700 16px/1.2 var(--font-head);color:var(--red);margin-bottom:12px}
.ft-seo__inner p{font:400 13px/1.7 var(--font-body);color:var(--gray);margin-bottom:8px}
.ft-seo__inner a{color:var(--red);text-decoration:underline;text-underline-offset:2px}


/* ═══════════════════════════════════════════
   SINGLE FIGHTER PROFILE
   ═══════════════════════════════════════════ */

/* ═══ HERO ═══ */
.fp-hero{
  position:relative;overflow:hidden;
  padding:120px 0 56px;background:#050505;
}
.fp-hero__bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 25% 30%,rgba(212,32,32,.12) 0%,transparent 50%),
              radial-gradient(ellipse at 75% 70%,rgba(212,32,32,.06) 0%,transparent 50%);
}
.fp-hero__inner{position:relative;z-index:2}
.fp-hero__grid{
  display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;
  margin-top:20px;
}
.fp-hero__portrait{overflow:hidden;border-radius:var(--radius);aspect-ratio:2/3}
.fp-hero__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.fp-hero__info{display:flex;flex-direction:column;gap:8px}
.fp-hero__badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.fp-hero__nick{font:500 14px/1 var(--font-body);color:var(--dim);font-style:italic}
.fp-hero__name{
  font:900 48px/1 var(--font-head);text-transform:uppercase;color:#f0f0f0;
  letter-spacing:.02em;
}
.fp-hero__record{font:800 22px/1 var(--font-head);color:var(--red);font-variant-numeric:tabular-nums}
.fp-hero__meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}
.fp-hero__meta-item{
  font:500 12px/1 var(--font-body);color:var(--gray);
  display:flex;align-items:center;gap:6px;
}
.fp-hero__meta-item::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--dim)}
.fp-hero__meta-item:first-child::before{display:none}
.fp-hero__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.fp-hero__socials{display:flex;gap:10px;margin-top:14px}
.fp-social{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 24px;border-radius:6px;border:1px solid rgba(255,255,255,.15);
  font:700 13px/1 var(--font-head);letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;transition:opacity .2s,transform .15s;color:#fff;
}
.fp-social:hover{opacity:.85;transform:translateY(-1px)}
.fp-social--tg{background:#2AABEE;border-color:#2AABEE}
.fp-social--ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}
.fp-social--tw{background:#000;border-color:rgba(255,255,255,.25)}

/* ═══ QUICK FACTS ═══ */
.fp-facts{padding:48px 0;border-top:1px solid var(--border)}
.fp-facts__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.fp-facts__card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px 16px;display:flex;flex-direction:column;gap:5px;transition:border-color .3s;
}
.fp-facts__card:hover{border-color:rgba(212,32,32,.25)}
.fp-facts__label{font:700 8px/1 var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.fp-facts__value{font:600 14px/1.3 var(--font-body);color:var(--white)}

/* ═══ BIO ═══ */
.fp-bio{padding:48px 0;border-top:1px solid var(--border)}
.fp-bio__inner{
  max-width:780px;font:400 15px/1.8 var(--font-body);color:var(--gray);margin-top:12px;
}
.fp-bio__inner p{margin-bottom:14px}

/* ═══ NEXT FIGHT ═══ */
.fp-next{padding:48px 0;border-top:1px solid var(--border)}
.fp-next__card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:32px;margin-top:16px;text-align:center;
}
.fp-next__matchup{display:flex;align-items:center;justify-content:center;gap:32px}
.fp-next__fighter{display:flex;flex-direction:column;align-items:center;gap:10px}
.fp-next__thumb{width:80px;height:80px;border-radius:50%;object-fit:cover}
.fp-next__opp-placeholder{width:80px;height:80px;border-radius:50%;background:#0a0a0a;border:1px solid var(--border)}
.fp-next__name{font:700 16px/1 var(--font-head);color:#f0f0f0;text-transform:uppercase}
.fp-next__vs{font:900 28px/1 var(--font-head);color:var(--red)}
.fp-next__details{display:flex;gap:16px;justify-content:center;margin-top:16px}
.fp-next__details span{font:500 13px/1 var(--font-body);color:var(--gray)}

/* ═══ FIGHT HISTORY ═══ */
.fp-history{padding:48px 0;border-top:1px solid var(--border)}
.fp-history__list{display:flex;flex-direction:column;gap:6px;margin-top:16px;max-width:800px}
.fp-fight-row{
  display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 20px;transition:border-color .3s;
}
.fp-fight-row:hover{border-color:rgba(212,32,32,.2)}
.fp-fight-row__result{
  font:900 16px/1 var(--font-head);text-align:center;
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border-radius:6px;
}
.fp-fight-row__result--w,.fp-fight-row__result--win{background:rgba(34,197,94,.15);color:#22c55e}
.fp-fight-row__result--l,.fp-fight-row__result--loss{background:rgba(239,68,68,.15);color:#ef4444}
.fp-fight-row__result--d,.fp-fight-row__result--draw{background:rgba(234,179,8,.15);color:#eab308}
.fp-fight-row__result--nc{background:rgba(255,255,255,.06);color:var(--gray)}

/* Row left accent borders */
.fp-fight-row--w,.fp-fight-row--win{border-left:3px solid rgba(34,197,94,.4)}
.fp-fight-row--l,.fp-fight-row--loss{border-left:3px solid rgba(239,68,68,.4)}
.fp-fight-row--d,.fp-fight-row--draw{border-left:3px solid rgba(234,179,8,.4)}

/* ═══ SKILL BARS ═══ */
.fp-skills{padding:56px 0;border-top:1px solid var(--border)}
.fp-skills__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:20px;max-width:860px}
.fp-skill{display:flex;flex-direction:column;gap:10px}
.fp-skill__head{display:flex;justify-content:space-between;align-items:baseline}
.fp-skill__name{font:700 11px/1 var(--font-head);letter-spacing:.15em;text-transform:uppercase;color:var(--gray)}
.fp-skill__val{font:800 18px/1 var(--font-head);color:#f0f0f0}
.fp-skill__bar{height:10px;background:rgba(255,255,255,.06);border-radius:5px;overflow:hidden}
.fp-skill__fill{height:100%;border-radius:5px;transition:width .8s cubic-bezier(.22,1,.36,1)}
.fp-skill__fill--striking{background:linear-gradient(90deg,var(--red),#ff6b6b)}
.fp-skill__fill--grappling{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.fp-skill__fill--wrestling{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}
.fp-skill__fill--cardio{background:linear-gradient(90deg,#22c55e,#4ade80)}
.fp-skill__fill--power{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.fp-skill__fill--speed{background:linear-gradient(90deg,#06b6d4,#22d3ee)}
.fp-fight-row__main{display:flex;flex-direction:column;gap:3px}
.fp-fight-row__opponent{font:700 14px/1 var(--font-head);color:#f0f0f0;text-transform:uppercase}
.fp-fight-row__method{font:400 12px/1 var(--font-body);color:var(--dim)}
.fp-fight-row__event{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.fp-fight-row__event-name{font:600 12px/1 var(--font-head);color:var(--gray)}
.fp-fight-row__date{font:400 11px/1 var(--font-body);color:var(--dim)}

/* ═══ STATS ═══ */
.fp-stats{padding:48px 0;border-top:1px solid var(--border)}
.fp-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;max-width:480px}
.fp-stats__card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;text-align:center;transition:border-color .3s;
}
.fp-stats__card:hover{border-color:rgba(212,32,32,.25)}
.fp-stats__num{font:900 32px/1 var(--font-head);color:var(--red);display:block;margin-bottom:6px}
.fp-stats__label{font:600 10px/1 var(--font-head);letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}

/* ═══ NEWS ═══ */
.fp-news{padding:48px 0;border-top:1px solid var(--border)}
.fp-news__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}

/* ═══ EMPTY BLOCK ═══ */
.fp-empty-block{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:32px;text-align:center;margin-top:16px;
}
.fp-empty-block p{font:400 14px/1.5 var(--font-body);color:var(--dim);margin:0}


/* ═══════════════════════════════════════════
   LIGHT THEME
   ═══════════════════════════════════════════ */
body.light-theme .ft-hero{background:#f5f5f5}
body.light-theme .ft-hero__title{color:#111}
body.light-theme .ft-filters__input,
body.light-theme .ft-filters__select{background:#fff;border-color:#ddd;color:#111}
body.light-theme .ft-card{background:#fff;border-color:#e0e0e0}
body.light-theme .ft-card__img{background:#e8e7e5}
body.light-theme .ft-card__placeholder{background:#e8e7e5}
body.light-theme .ft-card__placeholder span{color:rgba(0,0,0,.12)}
body.light-theme .ft-card__name{color:#111}
body.light-theme .ft-card:hover .ft-card__name{color:var(--red)}
body.light-theme .ft-empty__title{color:#111}

body.light-theme .fp-hero{background:#f5f5f5}
body.light-theme .fp-hero__name{color:#111}
body.light-theme .fp-facts__card{background:#fff;border-color:#e0e0e0}
body.light-theme .fp-facts__value{color:#111}
body.light-theme .fp-bio__inner{color:#444}
body.light-theme .fp-next__card{background:#fff;border-color:#e0e0e0}
body.light-theme .fp-next__name{color:#111}
body.light-theme .fp-next__opp-placeholder{background:#e8e7e5;border-color:#ddd}
body.light-theme .fp-fight-row{background:#fff;border-color:#e0e0e0}
body.light-theme .fp-fight-row__opponent{color:#111}
body.light-theme .fp-stats__card{background:#fff;border-color:#e0e0e0}
body.light-theme .fp-empty-block{background:#fff;border-color:#e0e0e0}
body.light-theme .ft-seo__inner h4{color:var(--red)}

body.light-theme .ft-filters{border-color:#e0e0e0}
body.light-theme .fp-facts,
body.light-theme .fp-bio,
body.light-theme .fp-next,
body.light-theme .fp-history,
body.light-theme .fp-stats,
body.light-theme .fp-news,
body.light-theme .ft-seo,
body.light-theme .ft-grid-section,
body.light-theme .fp-skills{border-color:#e0e0e0}
body.light-theme .fp-skill__val{color:#111}
body.light-theme .fp-skill__bar{background:rgba(0,0,0,.06)}


/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media(max-width:1080px){
  .ft-featured__grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:repeat(3,1fr)}
  .fp-facts__grid{grid-template-columns:repeat(3,1fr)}
  .fp-news__grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .ft-hero{padding:90px 0 36px}
  .ft-hero__title{font-size:36px}
  .ft-filters__form{flex-direction:column;align-items:stretch}
  .ft-filters__search{min-width:auto}
  .ft-filters__selects{flex-wrap:wrap}
  .ft-featured__grid{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr 1fr}

  .fp-hero{padding:90px 0 40px}
  .fp-hero__grid{grid-template-columns:180px 1fr;gap:24px}
  .fp-hero__name{font-size:34px}
  .fp-hero__record{font-size:18px}
  .fp-facts__grid{grid-template-columns:repeat(2,1fr)}
  .fp-history .fp-fight-row{grid-template-columns:40px 1fr;gap:10px}
  .fp-fight-row__event{align-items:flex-start;margin-top:4px}
  .fp-next__matchup{gap:20px}
  .fp-stats__grid{max-width:100%}
  .fp-skills__grid{grid-template-columns:1fr}
}

@media(max-width:480px){
  .ft-hero__title{font-size:28px}
  .ft-hero__stats{gap:16px}
  .ft-hero__stat-num{font-size:22px}
  .ft-featured__grid{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr 1fr}

  .fp-hero__grid{grid-template-columns:1fr;text-align:center}
  .fp-hero__portrait{max-width:200px;margin:0 auto}
  .fp-hero__info{align-items:center}
  .fp-hero__badges{justify-content:center}
  .fp-hero__meta-row{justify-content:center}
  .fp-hero__ctas{justify-content:center}
  .fp-hero__name{font-size:28px}
  .fp-facts__grid{grid-template-columns:1fr}
  .fp-next__matchup{flex-direction:column;gap:12px}
  .fp-news__grid{grid-template-columns:1fr}
  .fp-stats__grid{grid-template-columns:1fr}
}