/* ══════════════════════════════════════════
   IRONCLAD BC — MAIN STYLESHEET v1.0.0
══════════════════════════════════════════ */

/* ─── RESET & ROOT ─────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#c0392b;--red-dark:#8e1c12;--red-light:#e74c3c;
  --gold:#f0a500;--gold-light:#f7c84a;
  --black:#0d0d0d;--dark:#141414;--dark2:#1c1c1c;--dark3:#242424;
  --gray:#2e2e2e;--muted:#777;--light:#aaa;--white:#f5f5f0;
  --font-head:'Barlow Condensed',sans-serif;
  --font-body:'Barlow',sans-serif;
  --radius:2px;
  --transition:0.25s ease;
}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--black);color:var(--white);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color var(--transition)}
img{display:block;max-width:100%;height:auto}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:var(--red)}

/* ─── TYPOGRAPHY ───────────────────────── */
.section-label{font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.section-label::before{content:'';width:20px;height:2px;background:var(--red);flex-shrink:0}
.section-title{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin-bottom:2rem}
.section-title span{color:var(--gold)}

/* ─── BUTTONS ──────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:var(--radius);transition:background var(--transition),color var(--transition),border-color var(--transition),transform .1s;gap:.5rem}
.btn--primary{background:var(--red);color:#fff;padding:.85rem 2rem;font-size:.85rem}
.btn--primary:hover{background:var(--red-light);transform:translateY(-1px)}
.btn--outline{border:1px solid rgba(255,255,255,.2);color:var(--white);padding:.85rem 2rem;font-size:.85rem}
.btn--outline:hover{border-color:var(--red);background:rgba(192,57,43,.1)}
.btn--sm{padding:.55rem 1.25rem;font-size:.75rem}

/* ─── CONTAINER ────────────────────────── */
.container{max-width:1300px;margin:0 auto;padding:0 2.5rem}
.container--article{max-width:900px}

/* ─── TICKER ───────────────────────────── */
.ticker{background:var(--red);padding:.5rem 0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.2)}
.ticker__track{display:flex;white-space:nowrap;animation:tickerScroll 35s linear infinite}
.ticker__item{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff;padding:0 2.5rem;display:flex;align-items:center;gap:1rem;flex-shrink:0}
.ticker__score{color:var(--gold-light)}
.ticker__sep{color:rgba(255,255,255,.4);font-size:.6rem}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── SITE HEADER ──────────────────────── */
.site-header{position:fixed;top:calc(2rem + 2px);left:0;right:0;z-index:999;background:rgba(13,13,13,.95);border-bottom:1px solid rgba(192,57,43,.3);backdrop-filter:blur(12px);transition:top var(--transition)}
.site-header.ticker-hidden{top:0}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;gap:1.5rem}
.site-header__brand a,.site-header__logo-text{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:1.4rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--white)}
.site-header__logo-badge{width:36px;height:36px;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900;color:#fff;clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);flex-shrink:0}
.main-navigation{flex:1;display:flex;justify-content:center}
.nav-links{display:flex;align-items:center;gap:.25rem}
.nav-links li a,.nav-links a{font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .9rem;border-radius:var(--radius);color:var(--light);transition:color var(--transition),background var(--transition)}
.nav-links li a:hover,.nav-links a:hover,.nav-links .current-menu-item>a{color:#fff;background:rgba(192,57,43,.2)}
.nav-links .current-menu-item>a{color:var(--red)}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;border-radius:var(--radius)}
.nav-toggle__bar{width:22px;height:2px;background:var(--white);display:block;transition:transform .3s,opacity .3s}
.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}
.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ─── HERO ──────────────────────────────── */
.site-main{padding-top:calc(64px + 2rem + 2px)}
.hero{position:relative;min-height:100vh;display:grid;align-items:end;padding:0 2.5rem 4rem;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 65% 40%,rgba(192,57,43,.18),transparent 60%),radial-gradient(ellipse 50% 80% at 85% 10%,rgba(240,165,0,.08),transparent 50%),var(--black)}
.hero__court{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:55%;opacity:.07;pointer-events:none}
.hero__content{position:relative;z-index:1}
.hero__eyebrow{font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.hero__eyebrow::before{content:'';width:30px;height:2px;background:var(--red)}
.hero__title{font-family:var(--font-head);font-size:clamp(5rem,12vw,10rem);font-weight:900;font-style:italic;line-height:.88;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.5rem}
.hero__title span{color:var(--gold)}
.hero__sub{font-size:1rem;font-weight:300;color:var(--light);max-width:420px;line-height:1.7;margin-bottom:2.5rem}
.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero__stats{position:absolute;right:2.5rem;bottom:4rem;display:flex;gap:2.5rem}
.hero__stat-val{font-family:var(--font-head);font-size:3rem;font-weight:900;line-height:1;color:#fff}
.hero__stat-val em{font-style:italic;color:var(--gold)}
.hero__stat-label{font-family:var(--font-head);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* ─── SECTIONS ─────────────────────────── */
.section{padding:5rem 0}
.section__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}
.section__footer{text-align:center;margin-top:2.5rem}

/* ─── NEWS GRID ─────────────────────────── */
.news-grid{display:grid;gap:1px;background:var(--gray)}
.news-grid--home{grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:auto auto}
.news-grid--archive{grid-template-columns:repeat(3,1fr)}
.news-card{background:var(--dark2);display:flex;flex-direction:column;overflow:hidden;transition:background var(--transition);position:relative}
.news-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--red);transition:height .35s ease;z-index:1}
.news-card:hover::before{height:100%}
.news-card:hover{background:var(--dark3)}
.news-card__image{display:block;overflow:hidden;aspect-ratio:16/9}
.news-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-card:hover .news-card__image img{transform:scale(1.04)}
.news-card__image--placeholder{background:linear-gradient(135deg,var(--dark3),var(--gray));aspect-ratio:16/9}
.news-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.news-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}
.news-card__title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;font-style:italic;line-height:1.2;text-transform:uppercase;margin-bottom:.75rem;flex:1}
.news-card__title a:hover{color:var(--red)}
.news-card__excerpt{font-size:.85rem;color:var(--light);line-height:1.6;font-weight:300;margin-bottom:1rem;flex:1}

/* Featured card spans 2 rows */
.news-card--featured{grid-row:span 2;justify-content:flex-end;background:linear-gradient(to top,rgba(13,13,13,.97) 0%,rgba(13,13,13,.6) 60%,transparent 100%),linear-gradient(135deg,#1a0a0a,#2a1515)}
.news-card--featured .news-card__image{position:absolute;inset:0;aspect-ratio:unset;height:100%}
.news-card--featured .news-card__image img{height:100%}
.news-card--featured .news-card__body{position:relative;z-index:1}
.news-card--featured .news-card__title{font-size:1.8rem}

.news-tag{font-family:var(--font-head);font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;background:var(--red);color:#fff;display:inline-block;padding:3px 8px;border-radius:1px}
.news-tag--gold{background:var(--gold);color:var(--black)}
.news-date{font-family:var(--font-head);font-size:.65rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.news-read-more{font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:4px;margin-top:auto}
.news-read-more:hover{color:var(--gold)}

/* ─── NEWS PAGE ─────────────────────────── */
.page-hero{padding:8rem 0 3rem;background:linear-gradient(to bottom,rgba(192,57,43,.12),transparent);border-bottom:1px solid var(--gray)}
.page-hero__title{font-family:var(--font-head);font-size:clamp(4rem,8vw,7rem);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.9;letter-spacing:-.02em}
.page-hero__title span{color:var(--gold)}
.page-hero__desc{color:var(--light);font-weight:300;max-width:560px;margin-top:1rem;line-height:1.7}
.page-hero--news{background:linear-gradient(135deg,rgba(192,57,43,.15) 0%,transparent 60%)}

.news-filter{background:var(--dark2);border-bottom:1px solid var(--gray);position:sticky;top:96px;z-index:100}
.news-filter__inner{display:flex;gap:.25rem;overflow-x:auto;padding:0;scrollbar-width:none}
.news-filter__inner::-webkit-scrollbar{display:none}
.news-filter__btn{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 1.25rem;color:var(--muted);border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap;margin-bottom:-1px;flex-shrink:0}
.news-filter__btn:hover{color:var(--white)}
.news-filter__btn.is-active{color:var(--red);border-bottom-color:var(--red)}

.news-featured{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--dark2);margin:2.5rem 0;border:1px solid var(--gray)}
.news-featured__image{overflow:hidden}
.news-featured__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-featured:hover .news-featured__image img{transform:scale(1.03)}
.news-featured__body{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}
.news-featured__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.news-featured__title{font-family:var(--font-head);font-size:2rem;font-weight:700;font-style:italic;text-transform:uppercase;line-height:1.1}
.news-featured__title a:hover{color:var(--red)}
.news-featured__excerpt{font-size:.95rem;color:var(--light);line-height:1.7;font-weight:300}
.news-featured__author{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);margin-top:.5rem}
.news-featured__author-avatar{border-radius:50%}
.news-archive-header{margin:3rem 0 1.5rem}

.load-more-wrap{text-align:center;margin:2.5rem 0}
.load-more-wrap .btn{min-width:200px}
.no-more-posts{text-align:center;color:var(--muted);font-family:var(--font-head);letter-spacing:.15em;text-transform:uppercase;padding:2rem}

/* ─── SIDEBAR ────────────────────────── */
.news-sidebar{margin-top:4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.sidebar-widget{background:var(--dark2);border:1px solid var(--gray);padding:1.75rem}
.sidebar-widget__title{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--red);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray)}
.sidebar-post{display:flex;gap:1rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid rgba(46,46,46,.5)}
.sidebar-post:last-child{border-bottom:none}
.sidebar-post__num{font-family:var(--font-head);font-size:1.5rem;font-weight:900;color:rgba(192,57,43,.3);line-height:1;flex-shrink:0;width:2.5rem}
.sidebar-post__title{display:block;font-size:.85rem;font-weight:500;line-height:1.4;margin-bottom:4px;transition:color var(--transition)}
.sidebar-post__title:hover{color:var(--red)}
.sidebar-post__date{font-family:var(--font-head);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.sidebar-cats{display:flex;flex-direction:column;gap:.5rem}
.sidebar-cats li a{font-size:.85rem;color:var(--light);transition:color var(--transition)}
.sidebar-cats li a:hover{color:var(--red)}
.sidebar-widget--match{grid-column:span 1}
.sidebar-match__comp{font-family:var(--font-head);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}
.sidebar-match__teams{display:flex;align-items:center;gap:.75rem;font-family:var(--font-head);font-size:1rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}
.sidebar-match__vs{font-size:.7rem;color:var(--muted)}
.sidebar-match__info{font-family:var(--font-head);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:.25rem;display:flex;gap:.5rem}
.sidebar-match__venue{font-size:.8rem;color:var(--muted)}

/* ─── GAMES LIST ───────────────────────── */
.games-list{display:flex;flex-direction:column;gap:1px;background:var(--gray)}
.game-row{background:var(--dark2);display:grid;grid-template-columns:1fr auto 1fr 48px;align-items:center;padding:1.25rem 1.5rem;gap:1rem;transition:background var(--transition)}
.game-row:hover{background:var(--dark3)}
.game-team,.game-team--away{display:flex;align-items:center;gap:1rem}
.game-team--away{flex-direction:row-reverse}
.team-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:.7rem;font-weight:900;flex-shrink:0}
.team-badge--home{background:var(--red);color:#fff}
.team-badge--away{background:var(--gray);color:var(--light)}
.game-name{font-family:var(--font-head);font-size:1rem;font-weight:700;text-transform:uppercase}
.game-venue{font-size:.75rem;color:var(--muted)}
.game-team__info--right{text-align:right}
.game-center{text-align:center}
.game-score{font-family:var(--font-head);font-size:2rem;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem;justify-content:center}
.game-score__sep{font-size:1.2rem;color:var(--muted)}
.winner{color:var(--gold)}
.game-meta{font-size:.7rem;color:var(--muted);font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.result-badge{font-family:var(--font-head);font-size:.75rem;font-weight:900;letter-spacing:.1em}
.result-badge--w{color:var(--gold)}
.result-badge--l{color:var(--red)}

/* ─── CALENDAR ───────────────────────── */
.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray)}
.cal-item{background:var(--dark2);padding:1.5rem;transition:background var(--transition);cursor:pointer}
.cal-item:hover{background:var(--dark3)}
.cal-item--highlight{background:var(--dark3);border:1px solid var(--red)}
.cal-item--tentative{background:var(--dark3);border:1px dashed var(--gray)}
.cal-item__date{font-family:var(--font-head);font-size:2.5rem;font-weight:900;line-height:1;color:var(--red);margin-bottom:4px}
.cal-item--highlight .cal-item__date{color:var(--gold)}
.cal-item--tentative .cal-item__date{color:var(--muted)}
.cal-item__month{font-family:var(--font-head);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}
.cal-item__match{font-family:var(--font-head);font-size:1rem;font-weight:700;text-transform:uppercase;margin:.75rem 0 .25rem}
.cal-item__loc{font-size:.8rem;color:var(--muted)}
.cal-item__type{font-family:var(--font-head);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--red);color:var(--red);display:inline-block;padding:2px 8px;margin-top:.75rem}
.cal-item--highlight .cal-item__type{border-color:var(--gold);color:var(--gold)}

/* ─── ARTICLE ───────────────────────── */
.article{padding:0 0 4rem}
.article__header{padding:3rem 0 2rem;border-bottom:1px solid var(--gray);margin-bottom:2rem}
.article__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}
.article__title{font-family:var(--font-head);font-size:clamp(2rem,5vw,4rem);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;margin-bottom:.75rem}
.article__byline{font-size:.85rem;color:var(--muted)}
.article__thumbnail{margin-bottom:2rem;border-radius:var(--radius);overflow:hidden;max-height:500px}
.article__thumbnail img{width:100%;object-fit:cover}
.article__content{font-size:1rem;line-height:1.8;color:var(--light);font-weight:300}
.article__content h2,.article__content h3{font-family:var(--font-head);text-transform:uppercase;font-style:italic;color:var(--white);margin:2rem 0 .75rem}
.article__content p{margin-bottom:1.25rem}
.article__content a{color:var(--red);text-decoration:underline}
.article__footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--gray);display:flex;flex-direction:column;gap:1.25rem}
.article__tags{font-size:.85rem;color:var(--muted)}
.article__tags a{color:var(--light)}
.article__nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.article__nav-link{font-family:var(--font-head);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--light);transition:color var(--transition)}
.article__nav-link:hover{color:var(--red)}

/* ─── FOOTER ─────────────────────────── */
.site-footer{background:var(--dark2);border-top:1px solid var(--gray);padding:3rem 2.5rem 1.5rem;margin-top:4rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-logo{font-family:var(--font-head);font-size:1.8rem;font-weight:900;font-style:italic;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:10px}
.footer-logo__badge{width:30px;height:30px;background:var(--red);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-size:.7rem;font-weight:900;color:#fff;flex-shrink:0}
.footer-desc{font-size:.85rem;color:var(--muted);line-height:1.7;font-weight:300;max-width:260px}
.footer-col__title{font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.footer-links li a{font-size:.85rem;color:var(--muted);display:block;padding:.3rem 0;transition:color var(--transition)}
.footer-links li a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid var(--gray);padding-top:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.8rem;color:var(--muted)}
.footer-legal__links{display:flex;gap:1.5rem}
.footer-legal__links li a{font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color var(--transition)}
.footer-legal__links li a:hover{color:var(--red)}

/* ─── PAGINATION ────────────────────── */
.pagination{display:flex;justify-content:center;gap:.5rem;margin:3rem 0;flex-wrap:wrap}
.pagination .page-numbers{font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .9rem;border:1px solid var(--gray);color:var(--muted);border-radius:var(--radius);transition:all var(--transition)}
.pagination .page-numbers:hover,.pagination .page-numbers.current{background:var(--red);border-color:var(--red);color:#fff}

/* ─── RESPONSIVE ────────────────────── */
@media(max-width:1024px){
  .news-grid--home{grid-template-columns:1fr 1fr}
  .news-grid--archive{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .news-sidebar{grid-template-columns:1fr 1fr}
  .hero__stats{display:none}
  .news-featured{grid-template-columns:1fr}
}
@media(max-width:768px){
  .container{padding:0 1.25rem}
  .site-header__inner{padding:0 1.25rem}
  .site-header__cta{display:none}
  .main-navigation{display:none;position:absolute;top:64px;left:0;right:0;background:var(--black);border-bottom:1px solid var(--gray);padding:1rem 1.25rem}
  .main-navigation.is-open{display:flex}
  .nav-links{flex-direction:column;align-items:flex-start;gap:.25rem}
  .nav-toggle{display:flex}
  .news-grid--home,.news-grid--archive{grid-template-columns:1fr}
  .news-card--featured{grid-row:span 1}
  .calendar-grid{grid-template-columns:1fr 1fr}
  .game-row{grid-template-columns:1fr auto 1fr}
  .game-result{display:none}
  .news-sidebar{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .section{padding:3rem 0}
  .page-hero{padding:6rem 0 2rem}
}
@media(max-width:480px){
  .calendar-grid{grid-template-columns:1fr}
  .news-filter__btn{padding:.75rem .9rem;font-size:.7rem}
}