/* Description section */
.leagueDesc {
  padding: 2rem;
  border-radius: 10px;
  background-color: #f8faff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.181);
}

.description {
  padding-right: 2rem;
}

.description h2 { /*Így jobban éz ki*/
  text-align: left;
  margin-bottom: 1rem;
}


.league-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.league-logo img {
  width: 100%;
  background-color: white;
  padding: 1rem;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/**********************************************************************************************************************************/
/* Styling for the original 6 teams */
.original-6 {
  text-align: center;
  margin-top: 3rem;
}

.original-6 ol {
  list-style: none;
  padding: 0;
  max-width: 600px;
  margin: 0 auto;
}

.original-6 li {
  background: #e9eefc;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 10px;
}

.team-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.team-icon {
  width: 80px; /*ha kicsinyítem a képeket irfanview-val tönkremennek*/
  height: 80px;
  background: white;
  padding: 5px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.smallTeamLogo {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.team-name {
  font-weight: bold;
  font-size: 1.1rem;
  color: #1a1a1a;
}

.team-link {
  font-weight: bold;
  font-size: 0.9rem;
  /* text-decoration: underline; */
  color: var(--link_color);
}

.team-link:hover {
  color: var(--link_hover);
}

.team-link:visited {
  color: var(--link_visited);
}

/**********************************************************************************************************************************/
/* Rules block */
.cards .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-image: url(../media/pictures/background.jpg);
  
}

.cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
/*mért ne jó a szenvedés (be van linkelve a linkek oldalra)
    https://developer.mozilla.org/en-US/docs/Web/CSS/transform
    https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateY
    */

    .cards .card-body {
      padding: 1.5rem;
  }
  
  .cards .card-title {
      font-size: 1.4rem;
      color: var(--standOut_red);
      font-weight: bold;
  }
  
  .cards .card-subtitle {
      font-size: 1rem;
      margin-bottom: 0.5rem;
      color: var(--muted_red);
  }
 


/**********************************************************************************************************************************/
/* Points és Awards table */
#points-awards table th,
#points-awards table td {
    font-size: 1rem;
    vertical-align: middle;
}
#point_awards .card-body{
  border: 2px solid black;
  background-image: url(../media/pictures/background.jpg);
  font-weight: bold;
}
/*Táblázat színei a baseForAll.css ben vannak*/

.card-body a {
  font-weight: bold;
}


/**********************************************************************************************************************************/
/* Méret kezelések - Responsive */
@media (max-width: 1000px) {
  .leaugeDesc .row {
      flex-direction: column;
      padding: 0;
      margin: 0;
  }

  .description {
      padding-right: 0;
      margin-bottom: 1rem;
  }
}

@media (max-width: 768px) {
  .cards .card {
      margin-bottom: 1.5rem;
  }

  .original-6 li {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .team-icon {
      margin-bottom: 0.5rem;
  }
}

@media (max-width: 400px) {
  .team-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .team-link {
    margin-top: 0.5rem;
  }
}