/* ClubForge v114 – Menüsplit und großes Fußball-Matchcenter */

.cf-section-hidden {
  display: none !important;
}

.main-nav .nav-item:nth-child(6),
.main-nav .nav-item:nth-child(7),
.main-nav .nav-item:nth-child(8) {
  position: relative;
}

.main-nav .nav-item:nth-child(6)::before,
.main-nav .nav-item:nth-child(7)::before,
.main-nav .nav-item:nth-child(8)::before {
  content: "";
  position: absolute;
  left: 13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(112, 243, 167, .7);
  box-shadow: 0 0 10px rgba(112, 243, 167, .45);
}

.matchcenter-grid.liveticker-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
  gap: 16px;
  align-items: start;
}

.matchcenter-grid.liveticker-stage .match-detail {
  order: -1;
  position: relative;
  overflow: hidden;
  min-height: 680px;
  border-color: rgba(112, 243, 167, .22);
  background:
    linear-gradient(180deg, rgba(2, 11, 6, .84), rgba(1, 8, 4, .95)),
    url("/assets/clubforge-matchcenter-stage-v113.png") center top / cover no-repeat;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .45);
}

.matchcenter-grid.liveticker-stage .match-detail::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0, rgba(112, 243, 167, .18), transparent 22rem),
    linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(1, 7, 4, .88) 44%, rgba(1, 7, 4, .98));
}

.matchcenter-grid.liveticker-stage .match-detail::after {
  content: "";
  position: absolute;
  inset: auto 20px 20px;
  height: 210px;
  pointer-events: none;
  border: 1px solid rgba(238, 255, 243, .22);
  border-radius: 22px;
  background:
    radial-gradient(ellipse at center, transparent 0 58px, rgba(255, 255, 255, .22) 59px 60px, transparent 61px),
    linear-gradient(90deg, transparent 49.6%, rgba(255, 255, 255, .26) 49.8% 50.2%, transparent 50.4%),
    repeating-linear-gradient(90deg, rgba(23, 138, 63, .34) 0 70px, rgba(10, 95, 43, .34) 70px 140px);
  opacity: .42;
  transform: perspective(720px) rotateX(48deg);
  transform-origin: bottom center;
}

.matchcenter-grid.liveticker-stage .match-detail > * {
  position: relative;
  z-index: 1;
}

.matchcenter-grid.liveticker-stage .match-detail-head {
  margin-bottom: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  background: rgba(0, 0, 0, .36);
  backdrop-filter: blur(10px);
}

.matchcenter-grid.liveticker-stage .match-detail-score {
  min-height: 164px;
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid rgba(238, 255, 243, .15);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(3, 23, 10, .84), rgba(0, 0, 0, .78)),
    radial-gradient(circle at 50% 0, rgba(112, 243, 167, .18), transparent 18rem),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 28px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.matchcenter-grid.liveticker-stage .match-detail-score > b {
  min-width: 152px;
  padding: 14px 18px;
  border: 1px solid rgba(112, 243, 167, .28);
  border-radius: 16px;
  background: rgba(1, 9, 4, .78);
  color: #f8fff9;
  font-size: clamp(44px, 5vw, 72px);
  line-height: .95;
  text-shadow: 0 0 28px rgba(112, 243, 167, .22);
}

.matchcenter-grid.liveticker-stage .match-detail-score > b::before,
.matchcenter-grid.liveticker-stage .match-detail-score > b::after {
  content: "";
  display: block;
  height: 3px;
  margin: 0 0 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(112, 243, 167, .85), transparent);
}

.matchcenter-grid.liveticker-stage .match-detail-score > b::after {
  margin: 9px 0 0;
}

.matchcenter-grid.liveticker-stage .match-detail-score .club-logo-image,
.matchcenter-grid.liveticker-stage .match-detail-score .club-logo-fallback {
  width: 58px;
  height: 58px;
}

.matchcenter-grid.liveticker-stage .match-detail-score button {
  font-size: 16px;
  font-weight: 950;
}

.matchcenter-grid.liveticker-stage .fixture-board {
  position: sticky;
  top: 18px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  border-color: rgba(129, 199, 255, .18);
  background:
    linear-gradient(180deg, rgba(2, 13, 7, .92), rgba(1, 8, 4, .98)),
    radial-gradient(circle at 100% 0, rgba(129, 199, 255, .16), transparent 14rem);
}

.matchcenter-grid.liveticker-stage .live-score-details {
  padding: 10px;
  border: 1px solid rgba(112, 243, 167, .14);
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .28)),
    radial-gradient(circle at 0 0, rgba(112, 243, 167, .12), transparent 15rem);
  backdrop-filter: blur(10px);
}

.matchcenter-grid.liveticker-stage .live-score-details article {
  position: relative;
  overflow: hidden;
}

.matchcenter-grid.liveticker-stage .live-score-details article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #70f3a7, rgba(129, 199, 255, .1));
}

.matchcenter-grid.liveticker-stage .live-broadcast-grid {
  grid-template-columns: minmax(300px, .78fr) minmax(480px, 1.22fr);
}

.matchcenter-grid.liveticker-stage .live-stats-board,
.matchcenter-grid.liveticker-stage .live-lineups-board > article,
.matchcenter-grid.liveticker-stage .live-control-deck,
.matchcenter-grid.liveticker-stage .live-conference-events {
  border-color: rgba(238, 255, 243, .16);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .58), rgba(1, 10, 5, .76)),
    radial-gradient(circle at 100% 0, rgba(112, 243, 167, .1), transparent 13rem);
  backdrop-filter: blur(10px);
}

.matchcenter-grid.liveticker-stage .live-lineup-pitch {
  background:
    radial-gradient(ellipse at center, transparent 0 52px, rgba(255, 255, 255, .28) 53px 54px, transparent 55px),
    linear-gradient(90deg, transparent 49.6%, rgba(255, 255, 255, .32) 49.8% 50.2%, transparent 50.4%),
    repeating-linear-gradient(90deg, rgba(28, 145, 65, .95) 0 42px, rgba(11, 107, 46, .95) 42px 84px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), inset 0 0 45px rgba(0, 0, 0, .35);
}

.matchcenter-grid.liveticker-stage .live-lineup-line button {
  border-color: rgba(112, 243, 167, .28);
  background: linear-gradient(180deg, rgba(2, 14, 7, .92), rgba(0, 0, 0, .78));
}

.matchcenter-grid.liveticker-stage .live-conference-events {
  max-height: 330px;
  overflow: auto;
  padding: 12px;
  border-radius: 15px;
}

.matchcenter-grid.liveticker-stage .timeline-event {
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(112, 243, 167, .08), rgba(255, 255, 255, .025)),
    rgba(0, 0, 0, .3);
}

.matchday-story {
  position: relative;
  overflow: hidden;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid rgba(238, 255, 243, .14);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(2, 18, 8, .86), rgba(0, 0, 0, .66)),
    radial-gradient(circle at 0 0, rgba(112, 243, 167, .14), transparent 15rem),
    radial-gradient(circle at 100% 0, rgba(129, 199, 255, .12), transparent 13rem);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 18px 42px rgba(0, 0, 0, .24);
}

.matchday-story::before {
  content: "";
  position: absolute;
  inset: auto 12px 10px;
  height: 56px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(255, 255, 255, .22) 49.8% 50.2%, transparent 50.5%),
    repeating-linear-gradient(90deg, rgba(36, 156, 72, .22) 0 34px, rgba(12, 100, 44, .22) 34px 68px);
  transform: perspective(480px) rotateX(47deg);
  transform-origin: bottom center;
  opacity: .48;
}

.matchday-story > * {
  position: relative;
  z-index: 1;
}

.matchday-story header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.matchday-story header span {
  display: block;
  color: #70f3a7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.matchday-story h3 {
  margin: 2px 0 0;
  color: #f6fff8;
  font-size: 18px;
}

.story-club-pair {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(0, 0, 0, .32);
}

.story-club-pair button {
  min-width: 54px;
  padding: 7px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(112, 243, 167, .12);
  color: #f8fff9;
  font-weight: 950;
  cursor: pointer;
}

.story-club-pair b {
  color: rgba(238, 255, 243, .66);
  font-size: 11px;
  text-transform: uppercase;
}

.matchday-story-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.matchday-story-grid article {
  min-height: 126px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
    rgba(0, 0, 0, .28);
}

.matchday-story-grid article span {
  display: block;
  color: rgba(238, 255, 243, .66);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.matchday-story-grid article strong {
  display: block;
  margin: 7px 0;
  color: #fff;
  font-size: 21px;
}

.matchday-story-grid article p {
  margin: 0;
  color: rgba(238, 255, 243, .76);
  font-size: 13px;
  line-height: 1.35;
}

.matchday-story.live {
  border-color: rgba(112, 243, 167, .24);
  box-shadow: 0 0 0 1px rgba(112, 243, 167, .08), 0 22px 52px rgba(0, 0, 0, .32);
}

.matchday-story.report {
  border-color: rgba(129, 199, 255, .22);
}

.matchday-pulse {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.matchday-pulse span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  border: 1px solid rgba(112, 243, 167, .12);
  border-radius: 12px;
  background: rgba(0, 0, 0, .3);
  color: rgba(238, 255, 243, .75);
  font-size: 12px;
  font-weight: 850;
}

.matchday-pulse b {
  color: #70f3a7;
  font-size: 20px;
}

.match-preview {
  display: grid;
  gap: 14px;
}

.match-preview > div:not(.matchday-story),
.match-preview ul {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  background: rgba(0, 0, 0, .24);
}

.match-preview ul {
  padding-left: 34px;
}

.matchcenter-grid.liveticker-stage .fixture-board .matchcenter-panel-head h2::after {
  content: " · Konferenz";
  color: #70f3a7;
}

.matchcenter-grid.liveticker-stage .matchcenter-fixtures {
  display: grid;
  gap: 8px;
}

.matchcenter-grid.liveticker-stage .matchcenter-fixture {
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  padding: 10px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)),
    radial-gradient(circle at 50% 0, rgba(112, 243, 167, .08), transparent 8rem);
}

.matchcenter-grid.liveticker-stage .matchcenter-fixture-meta,
.matchcenter-grid.liveticker-stage .fixture-state {
  grid-column: 1 / -1;
}

.season-table.live-mini-table {
  float: right;
  width: min(360px, 38vw);
  margin: 0 0 14px 16px;
  padding: 12px;
  border-color: rgba(112, 243, 167, .18);
  background:
    linear-gradient(180deg, rgba(2, 14, 7, .92), rgba(1, 8, 4, .98)),
    radial-gradient(circle at 0 0, rgba(112, 243, 167, .12), transparent 12rem);
}

.season-table.live-mini-table header {
  margin-bottom: 8px;
}

.season-table.live-mini-table header span {
  color: #70f3a7;
}

.season-table.live-mini-table .season-table-head,
.season-table.live-mini-table .season-table-rows > div {
  grid-template-columns: 26px minmax(0, 1fr) 34px 42px;
}

.season-table.live-mini-table .season-table-head span:nth-child(3),
.season-table.live-mini-table .season-table-head span:nth-child(4),
.season-table.live-mini-table .season-table-head span:nth-child(5),
.season-table.live-mini-table .season-table-head span:nth-child(6),
.season-table.live-mini-table .season-table-head span:nth-child(7),
.season-table.live-mini-table .season-table-rows > div > span:nth-of-type(1),
.season-table.live-mini-table .season-table-rows > div > span:nth-of-type(2),
.season-table.live-mini-table .season-table-rows > div > span:nth-of-type(3),
.season-table.live-mini-table .season-table-rows > div > span:nth-of-type(4),
.season-table.live-mini-table .season-table-rows > div > span:nth-of-type(5) {
  display: none;
}

.season-table.live-mini-table .season-table-rows {
  max-height: 438px;
  overflow: auto;
}

.season-table.live-mini-table .season-table-rows > div {
  min-height: 36px;
  padding: 6px 7px;
}

.season-table.live-mini-table .cf-club-link-with-logo {
  min-width: 0;
  font-size: 11px;
}

.season-table.live-mini-table .club-logo-image,
.season-table.live-mini-table .club-logo-fallback {
  width: 22px;
  height: 22px;
}

.season-table.standings-focus {
  max-width: 1120px;
  margin-inline: auto;
  padding: 18px;
  border-color: rgba(112, 243, 167, .22);
  background:
    linear-gradient(180deg, rgba(3, 17, 8, .92), rgba(1, 8, 4, .98)),
    url("/assets/clubforge-matchcenter-stage-v113.png") center / cover no-repeat;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42);
}

.season-table.standings-focus header {
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .42);
  backdrop-filter: blur(10px);
}

.season-table.standings-focus .season-table-head,
.season-table.standings-focus .season-table-rows > div {
  min-height: 48px;
}

.season-table.standings-focus .season-table-rows > div {
  border-radius: 12px;
  background: rgba(0, 0, 0, .34);
}

.season-table.standings-focus .season-table-rows > div.own {
  background: linear-gradient(90deg, rgba(112, 243, 167, .18), rgba(0, 0, 0, .36));
}

.season-table.standings-focus .club-logo-image,
.season-table.standings-focus .club-logo-fallback {
  width: 30px;
  height: 30px;
}

.matchcenter-grid.season-schedule-stage {
  grid-template-columns: minmax(360px, .9fr) minmax(420px, 1.1fr);
}

.matchcenter-grid.season-schedule-stage .fixture-board {
  border-color: rgba(112, 243, 167, .18);
}

.matchcenter-grid.season-schedule-stage .match-detail {
  background:
    linear-gradient(180deg, rgba(3, 15, 8, .9), rgba(1, 8, 4, .98)),
    radial-gradient(circle at 50% 0, rgba(112, 243, 167, .1), transparent 18rem);
}

@media (max-width: 1180px) {
  .matchcenter-grid.liveticker-stage,
  .matchcenter-grid.season-schedule-stage {
    grid-template-columns: 1fr;
  }

  .matchcenter-grid.liveticker-stage .fixture-board {
    position: static;
    max-height: none;
  }

  .season-table.live-mini-table {
    float: none;
    width: 100%;
    margin: 0 0 14px;
  }
}

@media (max-width: 720px) {
  .matchcenter-grid.liveticker-stage .match-detail-score {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .matchcenter-grid.liveticker-stage .match-detail-score > b {
    min-width: 0;
    width: 100%;
  }

  .season-table.standings-focus {
    padding: 10px;
  }
}