/* Alternatif ana sayfa — site.css token'ları üzerine kurulur */

/* ---------- hero + sıradaki maç ---------- */
.alt-hero .slide__content { padding-bottom: clamp(6rem, 13vh, 8rem); }
.alt-hero .slide__title { max-width: 13ch; }
.alt-hero .slide__text { max-width: 44ch; }
.alt-hero__aside { position: absolute; inset: 0; z-index: 4; display: flex; align-items: center; justify-content: flex-end; pointer-events: none; }
.alt-next {
  pointer-events: auto; width: min(380px, 100%);
  padding: 1.5rem; border-radius: var(--radius-lg);
  background: rgba(16, 24, 39, .72); color: var(--cream-50);
  border: 1px solid rgba(184, 171, 144, .35);
  backdrop-filter: blur(14px) saturate(1.2);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7);
}
.alt-next .eyebrow { margin-bottom: .35rem; color: var(--gold-300); }
.alt-next__comp { font-size: .82rem; color: var(--cream-200); opacity: .85; }
.alt-next__teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: .5rem; margin: 1.25rem 0 1rem; text-align: center; }
.alt-next__team { display: grid; justify-items: center; gap: .55rem; }
.alt-next__team img { width: 64px; height: 64px; object-fit: contain; padding: 8px; border-radius: 50%; background: rgba(251, 251, 248, .95); }
.alt-next__team b { font-size: .95rem; line-height: 1.2; }
.alt-next__vs { margin-top: 1.4rem; padding: .25rem .55rem; border-radius: 8px; background: rgba(137, 115, 70, .35); color: var(--gold-300); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.alt-next__when { display: block; padding-top: 1rem; border-top: 1px solid rgba(237, 236, 218, .14); font-weight: 700; font-size: .92rem; text-align: center; }
.alt-next__cd { margin-top: .3rem; text-align: center; color: var(--gold-300); font-size: .82rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.alt-next__actions { display: flex; justify-content: center; gap: .5rem; margin-top: 1rem; }
.alt-next .cal-menu summary { background: transparent; color: var(--cream); border-color: rgba(237, 236, 218, .35); }
.alt-next .cal-menu__panel { color: var(--text); }
.alt-next .cal-menu__panel { right: auto; left: 0; }

@media (max-width: 960px) {
  .alt-hero__aside { position: static; display: block; padding-block: 0 1.5rem; background: var(--navy-900); }
  .alt-next { width: 100%; background: var(--navy); }
  .alt-hero .hero__track { height: clamp(420px, 62vh, 560px); }
}

/* ---------- hızlı bakış ---------- */
.alt-glance { background: var(--surface); border-bottom: 1px solid var(--line); }
.alt-glance__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; padding-block: 1.1rem; }
.alt-glance__label { font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft); margin-bottom: .45rem; }
.alt-form__list { display: flex; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.alt-pos { display: flex; gap: .75rem; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.alt-pos a { display: flex; align-items: center; gap: .7rem; padding: .55rem 1rem .55rem .6rem; border: 1px solid var(--line); border-radius: 14px; background: var(--cream-50); text-decoration: none; transition: border-color .2s, background-color .2s; }
.alt-pos a:hover { border-color: var(--gold-300); background: var(--cream-100); }
.alt-pos__rank { display: grid; place-items: center; min-width: 42px; height: 42px; border-radius: 10px; background: var(--navy); color: var(--cream); font-size: 1.1rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.alt-pos__text { display: grid; line-height: 1.2; }
.alt-pos__text b { font-size: .9rem; color: var(--navy); }
.alt-pos__text span { font-size: .75rem; color: var(--text-soft); font-weight: 600; }
@media (max-width: 640px) {
  .alt-pos { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
  .alt-pos a { flex-direction: column; align-items: flex-start; gap: .4rem; padding: .6rem; }
  .alt-pos__rank { min-width: 34px; height: 34px; font-size: .95rem; }
}

/* ---------- yaklaşan maç kartları ---------- */
.fx-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; list-style: none; margin: .75rem 0 1.75rem; padding: .25rem .1rem 1rem; scrollbar-width: thin; }
@media (min-width: 1100px) { .fx-rail { grid-auto-columns: calc((100% - 3rem) / 4); } }
.fx-card { scroll-snap-align: start; display: flex; flex-direction: column; gap: .6rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); transition: transform .25s var(--ease), box-shadow .25s; }
.fx-card:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(16, 24, 39, .06), 0 18px 40px -20px rgba(16, 24, 39, .3); }
.fx-card__top { display: flex; justify-content: space-between; align-items: center; font-size: .78rem; }
.fx-card__top .cal-menu summary { width: 34px; height: 34px; }
.fx-card__comp { font-size: .78rem; color: var(--text-soft); font-weight: 600; min-height: 2.4em; }
.fx-card__teams { display: grid; gap: .5rem; padding-block: .6rem; border-block: 1px solid var(--line); }
.fx-card__teams .team { font-size: .95rem; }
.fx-card__teams .team__badge { width: 28px; height: 28px; }
.fx-card__teams .team--fb .team__name { font-weight: 800; }
.fx-card__when { font-size: .85rem; color: var(--navy); }
.fx-card__when b { color: var(--gold-800); }
.alt-results { max-width: none; }

/* ---------- haberler ---------- */
.alt-news { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.25rem; }
.alt-news__lead { position: relative; display: block; min-height: 420px; border-radius: var(--radius-lg); overflow: hidden; color: var(--cream-50); text-decoration: none; background: var(--navy-900); }
.alt-news__lead > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.alt-news__lead::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(16, 24, 39, .92), rgba(16, 24, 39, .2) 60%, transparent); }
.alt-news__lead:hover > img { transform: scale(1.04); }
.alt-news__body { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; display: grid; gap: .5rem; justify-items: start; padding: clamp(1.25rem, 3vw, 2rem); }
.alt-news__body .nrow__label { margin: 0; }
.alt-news__body h3 { font-size: clamp(1.4rem, 2.6vw, 2rem); line-height: 1.15; }
.alt-news__lead:hover h3 { text-decoration: underline; text-decoration-color: var(--gold-400); text-decoration-thickness: 2px; text-underline-offset: .15em; }
.alt-news__body time { font-size: .82rem; color: var(--cream-200); opacity: .85; font-weight: 600; }
.alt-news__list { display: grid; gap: 1rem; }
.alt-news__item { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; align-items: center; padding: .75rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none; transition: box-shadow .25s, border-color .25s; }
.alt-news__item:hover { border-color: var(--gold-300); box-shadow: var(--shadow); }
.alt-news__item img { width: 140px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; }
.alt-news__src { display: block; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--gold-800); margin-bottom: .3rem; }
.alt-news__item h3 { font-size: 1rem; line-height: 1.3; font-weight: 700; letter-spacing: -.01em; }
.alt-news__item:hover h3 { text-decoration: underline; text-decoration-color: var(--gold); }
.alt-news__item time { display: block; margin-top: .3rem; font-size: .76rem; color: var(--text-soft); font-weight: 600; }
@media (max-width: 900px) {
  .alt-news { grid-template-columns: 1fr; }
  .alt-news__lead { min-height: 320px; }
}
@media (max-width: 520px) {
  .alt-news__item { grid-template-columns: 96px 1fr; gap: .75rem; padding: .6rem; }
  .alt-news__item img { width: 96px; }
}

/* ---------- puan durumu kartları ---------- */
.alt-st { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem; }
.alt-st__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .5rem; }
.alt-st__head h3 { font-size: 1.15rem; }
.alt-st__head span { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-soft); }
@media (min-width: 900px) {
  .alt-results .mlist { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.5rem; }
  .alt-results .mrow:nth-child(2) { border-top: 0; }
}

/* yaklaşan maçlar: kaydırma yok, satırlara sarılan ızgara */
.fx-rail { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; scroll-snap-type: none; padding: .25rem 0 0; }
@media (max-width: 1100px) { .fx-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .fx-rail { grid-template-columns: 1fr; gap: .6rem; }
  .fx-card { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "top top" "teams when"; gap: .5rem .75rem; padding: .9rem; }
  .fx-card__top { grid-area: top; }
  .fx-card__comp { display: none; }
  .fx-card__teams { grid-area: teams; border: 0; padding: 0; }
  .fx-card__when { grid-area: when; align-self: center; text-align: right; font-size: .8rem; }
}

/* yaklaşan maçlar: mobilde yalnızca 4 kart, devamı Maç Merkezi'nde */
@media (max-width: 560px) { .fx-rail > li:nth-child(n+5) { display: none; } }