body.football-theme {
  --football-primary: #1db954;
  --football-primary-dark: #0e6f30;
  --football-primary-accent: #2ecc71;
}

body.football-theme .hero-section {
  border-bottom: 1px solid #161f2f;
  min-height: 360px;
  /*background: linear-gradient(120deg, rgba(3, 6, 12, 0.93), rgba(6, 8, 15, 0.5)),
    url("../../images/background/b_football.png") center/cover no-repeat;*/
  display: flex;
  align-items: center;
}

body.football-theme .brand-shield {
  background: linear-gradient(145deg, var(--football-primary), var(--football-primary-dark));
}

body.football-theme .btn-danger {
  background-color: var(--football-primary);
  border-color: var(--football-primary);
}

body.football-theme .btn-outline-danger {
  color: var(--football-primary);
  border-color: var(--football-primary);
}

body.football-theme .btn-outline-danger:hover {
  color: #fff;
  background-color: var(--football-primary);
  border-color: var(--football-primary);
}

body.football-theme .nav-links .nav-link.active,
body.football-theme .nav-links .nav-link:hover {
  color: var(--football-primary);
}

body.football-theme .site-footer {
  border-top-color: var(--football-primary);
}

/**
* Toolbar: BEGIN
*/
.football-toolbar {
  margin-top: -22px;
  position: relative;
  z-index: 10;
  background: linear-gradient(180deg, #0a131c, #080f18);
  border: 1px solid #1c2a3f;
  border-radius: 14px;
  padding: 16px;
}

.football-toolbar .dropdown-menu {
  z-index: 2000;
}

.football-toolbar .toolbar-title {
  letter-spacing: 0.3px;
  color: #9fe7bb;
}

.football-toolbar .toolbar-subtitle {
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: 0.3px;
  color: #b8c5d6;
  font-size: 1.05rem;
  margin-bottom: 10px;
}

.football-toolbar .btn-toolbar-link {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 1.05rem;
  letter-spacing: 0.4px;
  line-height: 1;
  padding: 8px 12px;
  border-color: #233247;
  color: #c6d3e3;
  background: #0a121d;
}

.football-toolbar .btn-toolbar-link .bi {
  margin-right: 6px;
}

.football-toolbar .btn-toolbar-link:hover {
  border-color: var(--football-primary-accent);
  color: #eaf0fa;
}

.football-toolbar .btn-toolbar-link.is-active {
  border-color: var(--football-primary-accent);
  color: #092012;
  /*font-weight: bold;*/
  background: var(--football-primary-accent);
  box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.18), 0 10px 22px rgba(0, 0, 0, 0.35);
}

/**
* Toolbar: END
*/


/**
* Player Roles : BEGIN
*/
.role_g {
  background-color: rgb(231 76 60) !important;
}

.role_d {
  background-color: rgb(169 138 16) !important
}

.role_m {
  background-color: rgb(15 106 38) !important;
}

.role_f {
  background-color: rgb(27 110 171) !important;
}

/**
* Player Roles : END
*/

/**
* Competitions : BEGIN
*/
.competitions-board {
  margin-top: -22px;
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #0a131c, #080f18);
  border: 1px solid #1c2a3f;
  border-radius: 14px;
  padding: 20px;
}

.competition-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.stat-box {
  border: 1px solid #1f3248;
  border-radius: 12px;
  background: #0a1119;
  padding: 14px;
}

.stat-box .value {
  font-size: 2rem;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1;
  color: #7af2a8;
}

.stat-box .label {
  color: #b8c5d6;
  margin-top: 4px;
}

.competitions-table-wrap {
  border: 1px solid #213045;
  border-radius: 12px;
  overflow: hidden;
}

.competitions-table {
  --bs-table-color: #eaf0fa;
  --bs-table-bg: #0b121c;
  --bs-table-border-color: #1a2738;
  margin-bottom: 0;
  color: #eaf0fa;
}

.competitions-table tbody td,
.competitions-table tbody td strong {
  color: #eaf0fa;
}

.competition-link {
  color: #8cf3b4;
  text-decoration: none;
  border-bottom: 1px dashed rgba(140, 243, 180, 0.45);
}

.competition-link:hover {
  color: #b4ffcf;
  border-bottom-color: rgba(180, 255, 207, 0.8);
}

.competitions-table thead th {
  background: #0d1826;
  border-bottom-color: #223145;
  color: #9fe7bb;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.3px;
  font-size: 1.05rem;
}

.competitions-table td {
  background: #0b121c;
  border-top-color: #1a2738;
  vertical-align: middle;
}

.edition-active,
.edition-pending {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  padding: 5px 10px;
  letter-spacing: 0.2px;
}

.edition-active {
  background: rgba(29, 185, 84, 0.2);
  color: #76f3a8;
  border: 1px solid rgba(29, 185, 84, 0.45);
}

.edition-pending {
  background: rgba(129, 146, 170, 0.18);
  color: #d0daea;
  border: 1px solid rgba(129, 146, 170, 0.4);
}

@media (max-width: 767px) {
  .competition-stats {
    grid-template-columns: 1fr;
  }

  .competitions-board {
    margin-top: 16px;
  }
}


    .competition-detail-board {
      margin-top: -22px;
      position: relative;
      z-index: 2;
      background: linear-gradient(180deg, #0a131c, #080f18);
      border: 1px solid #1c2a3f;
      border-radius: 14px;
      padding: 20px;
    }

    .competition-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      border-bottom: 1px solid #1f3044;
      padding-bottom: 10px;
      margin-bottom: 0;
      list-style: none;
    }

    .competition-tabs .tab-link {
      border: 1px solid #233247;
      color: #c6d3e3;
      background: #0a121d;
      font-family: "Barlow Condensed", sans-serif;
      letter-spacing: 0.4px;
      text-decoration: none;
      border-radius: 8px;
      padding: 8px 12px;
      line-height: 1;
    }

    .competition-tabs .tab-link.active {
      color: #092012;
      background: #2ecc71;
      border-color: #2ecc71;
    }

    .tab-panel {
      border: 1px solid #1e2e42;
      border-radius: 12px;
      background: #0b121b;
      padding: 16px;
      margin-top: 14px;
    }

    .football-page-header h2 {
      color: #eaf0fa;
      letter-spacing: 0.3px;
    }

    .football-page-header .btn.btn-outline-light {
      border-color: #233247;
      color: #c6d3e3;
      background: #0a121d;
    }

    .football-page-header .btn.btn-outline-light:hover {
      border-color: var(--football-primary-accent);
      color: #eaf0fa;
    }

    .football-summary-card .text-muted {
      color: rgba(234, 240, 250, 0.72) !important;
    }

    .football-summary-card .card-title {
      color: #eaf0fa;
    }

    .match-row {
      display: grid;
      grid-template-columns: 120px minmax(0, 1fr) 110px;
      gap: 12px;
      align-items: center;
      border: 1px solid #1b2a3d;
      border-radius: 10px;
      background: #09121d;
      padding: 12px;
      margin-bottom: 10px;
      color: #e8effa;
    }

    .match-row > div:nth-child(2) {
      min-width: 0;
      white-space: nowrap;
    }

    .match-teams {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
      align-items: center;
      column-gap: 10px;
      min-width: 0;
    }

    .match-team {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    .match-team-home {
      justify-content: flex-end;
    }

    .match-team-away {
      justify-content: flex-start;
    }

    .match-team-name {
      display: inline-block;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .match-vs {
      text-align: center;
      opacity: 0.85;
      white-space: nowrap;
    }

    .match-row > div:nth-child(3) {
      justify-self: end;
      width: 110px;
    }

    .match-status {
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.2px;
    }

    .status-live {
      background: rgba(46, 204, 113, 0.2);
      border: 1px solid rgba(46, 204, 113, 0.5);
      color: #7ef5af;
    }

    .status-played {
      background: rgba(109, 127, 152, 0.22);
      border: 1px solid rgba(109, 127, 152, 0.45);
      color: #d5dfed;
    }

    .table-dark-custom {
      --bs-table-color: #eaf0fa;
      --bs-table-bg: #0b121c;
      --bs-table-border-color: #1a2738;
      margin-bottom: 0;
    }

    .table-dark-custom thead th {
      color: #9fe7bb;
      background: #0d1826;
      border-bottom-color: #223145;
      font-family: "Barlow Condensed", sans-serif;
      letter-spacing: 0.3px;
    }

    .team-link {
      display: block;
      text-decoration: none;
      color: #8cf3b4;
      padding: 10px;
      border-radius: 8px;
      border: 1px solid #1c2f46;
      background: #09131d;
      transition: border-color 0.2s ease, color 0.2s ease;
    }

    .team-link:hover {
      color: #b7ffd1;
      border-color: #2ecc71;
    }

    .team-link.team-selected {
      border-color: #2ecc71;
      background: #0b1b16;
      box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.18), 0 10px 22px rgba(0, 0, 0, 0.35);
    }

    @media (max-width: 767px) {
      .match-row {
        grid-template-columns: 1fr;
      }
    }