/* PrJ/public/assets/css/views/team-season-overlay.css
   Team Season Overlay – aligned to player-season overlay style
*/

/* =========================
   1) Container
   ========================= */

.team-season-container.preview-container{
  display:flex;
  flex-direction:column;
  gap:1rem;
  position:relative;
}
.team-season-container .header-rank-value i{
  width:1.05em;
  height:1.05em;
  display:inline-block;
  transform: translateY(1px);
}
/* =========================
   2) Header row (Rank | Name | Rank)
   ========================= */
.team-season-container .overlay-section-title{
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 .75rem 0;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--brand-orange);
    color: var(--text-primary);
}
.team-season-container .team-season-header-row{
  display:grid;
  grid-template-columns: minmax(5.5rem, 1fr) minmax(10rem, 2fr) minmax(5.5rem, 1fr);
  gap:.75rem;
  align-items:stretch;
}

.team-season-container .team-season-header-card{
  border:1px solid var(--border-color-light);
  border-radius:var(--radius-md);
  background:var(--bg-secondary);
  padding:.6rem .7rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.team-season-container .team-season-header-card.header-rank{
  text-align:center;
  align-items:center;
}

.team-season-container .header-rank-label{
  font-size:var(--font-size-xs);
  color:var(--text-secondary);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.team-season-container .header-rank-value{
  font-size:var(--font-size-xxxl);
  font-weight:800;
  color:var(--text-primary);
  line-height:1.1;
  margin-top:.15rem;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
}

/* ✅ WICHTIG: Trophy/Icon soll genauso wirken wie im Player Overlay */
.team-season-container .header-rank-value svg{
  width:1.05em;
  height:1.05em;
  display:inline-block;
  transform: translateY(1px);
}

/* Name card: no background/border (wie player-season) */
.team-season-container .team-season-header-card.header-main{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  text-align:center;
  align-items:center;
}

.team-season-container .team-season-header-card.header-main h3{
  margin:0;
  font-size:var(--font-size-xxxl);
  font-weight:700;
  color:var(--text-primary);
}

.team-season-container .team-season-header-card.header-main .date-week-line{
  margin:.15rem 0 0 0;
  font-size:var(--font-size-lg);
  color:var(--text-secondary);
  text-align:center;
}

@media (max-width:26rem){
  .team-season-container .team-season-header-row{ gap:.5rem; }
  .team-season-container .team-season-header-card{ padding:.5rem .55rem; }
  .team-season-container .header-rank-value{ font-size:var(--font-size-xxxl); }
}