/* Scoped styling - påvirker kun .rt-kampvisning */
.rt-kampvisning{
  --rt-gold:#9a7e10;
  --rt-bg:#070708;
  --rt-card:#0f0f12;
  --rt-card2:#0b0b0e;
  --rt-text:#ffffff;
  --rt-muted:rgba(255,255,255,.65);
  font-family:inherit;
  color:var(--rt-text);
}

.rt-kampvisning *{box-sizing:border-box;}

.rt-kampvisning__controls{
  background:linear-gradient(180deg, rgba(154,126,16,.15), rgba(0,0,0,0));
  border:1px solid rgba(154,126,16,.35);
  border-radius:14px;
  padding:14px;
  display:flex;
  gap:12px;
  align-items:flex-end;
  /* Wrap hvis der bliver for trangt (fx når der kommer flere filtre) */
  flex-wrap:wrap;
  margin-bottom:18px;
}

/* Controls: brug flex-basis så de kan wrappe pænt uden at blive for smalle */
.rt-kampvisning__control{min-width:0; flex:1 1 160px; display:flex; flex-direction:column; gap:6px;}
.rt-kampvisning__control--grow{flex:2 1 260px; min-width:0;}

.rt-kampvisning__label{color:var(--rt-gold); font-weight:600; font-size:13px;}

.rt-kampvisning__select,
.rt-kampvisning__input{
  width:100%;
  /* Theme kan style inputs aggressivt – brug !important for at sikre korrekt look */
  background:#000000 !important;
  color:var(--rt-text) !important;
  border:1px solid rgba(154,126,16,.5) !important;
  border-radius:10px;
  padding:10px 12px;
  outline:none;
}

/* Dropdown: guld tekst */
.rt-kampvisning__select{color:var(--rt-gold) !important;}
/* Best-effort: option styling (browser afhængigt) */
.rt-kampvisning__select option{background:#000; color:var(--rt-gold);} 

/* Input text + placeholder */
.rt-kampvisning__input{color:var(--rt-text) !important;}
.rt-kampvisning__input::placeholder{color:rgba(255,255,255,.5);}

.rt-kampvisning__grid{
  display:grid;
  /* Vis divisionerne i én kolonne (1. Division øverst, derefter 2. og 3.) */
  grid-template-columns:1fr;
  gap:16px;
}

/* Single-column variant (Mine kampe) */
.rt-kampvisning--single .rt-kampvisning__grid{grid-template-columns:1fr;}

/* Single column mode (bruges til Mine kampe) */
.rt-kampvisning--single .rt-kampvisning__grid{
  grid-template-columns:1fr;
}

.rt-kampvisning__col{min-width:0;}

.rt-kampvisning__card{
  background:radial-gradient(120% 120% at 50% 20%, rgba(154,126,16,.14), rgba(0,0,0,0)) ,
             linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,0));
  border:1px solid rgba(154,126,16,.35);
  border-radius:18px;
  padding:14px;
  box-shadow:0 12px 35px rgba(0,0,0,.45);
}

.rt-kampvisning__cardhead{display:flex; align-items:center; gap:10px; padding-bottom:10px; border-bottom:1px solid rgba(154,126,16,.25); margin-bottom:12px;}
.rt-kampvisning__badge{width:32px; height:32px; border-radius:10px; display:grid; place-items:center; border:1px solid rgba(154,126,16,.55); color:var(--rt-gold); font-weight:800;}
.rt-kampvisning__coltitle{color:var(--rt-gold); font-weight:800; letter-spacing:.2px;}
.rt-kampvisning__division{margin-top:12px;}
.rt-kampvisning__divisiontitle{color:var(--rt-gold); font-weight:700; font-size:13px; margin-bottom:8px;}

.rt-kampvisning__table{border-radius:12px; overflow:hidden; border:1px solid rgba(154,126,16,.22);}
.rt-kampvisning__thead{background:rgba(154,126,16,.10);}
.rt-kampvisning__tr{display:grid; grid-template-columns:70px 70px minmax(0,1fr) 92px; gap:10px; align-items:center; padding:10px 10px; border-top:1px solid rgba(154,126,16,.16);}
/* [rt_kampvisning] (alle kampe): ekstra LIVE/Status-kolonne */
/* Giv lidt mere plads til "Kamp"-kolonnen så holdnavne (fx "Islev 5") oftere kan stå på én linje */
.rt-kampvisning--all .rt-kampvisning__tr{grid-template-columns:64px 62px minmax(0,1fr) 84px 86px; gap:8px;}
.rt-kampvisning--all .rt-kampvisning__td--match{display:flex; flex-wrap:wrap; align-items:center; gap:6px; line-height:1.1; min-width:0;}
.rt-kampvisning--all .rt-kampvisning__team,
.rt-kampvisning--all .rt-kampvisning__vs{white-space:nowrap;}
.rt-kampvisning--all .rt-kampvisning__vs{padding:0;}
.rt-kampvisning--all .rt-kampvisning__td--live{justify-self:end;}

/* [rt_mine_kampe] (spillerportal): ekstra STATS/Status-kolonne til højre (på linje med resultatet) */
.rt-kampvisning--mine .rt-kampvisning__tr{grid-template-columns:64px 62px minmax(0,1fr) 84px 86px; gap:8px;}
.rt-kampvisning--mine .rt-kampvisning__td--live{justify-self:end;}
.rt-kampvisning--mine .rt-kampvisning__th--live{justify-self:end;}
.rt-kampvisning__live{display:inline-block; white-space:nowrap;}
.rt-kampvisning__live--confirmed{color:var(--rt-gold); font-weight:800;}
.rt-kampvisning__live--empty{color:rgba(255,255,255,.6);}
.rt-kampvisning__live-awaiting{color:var(--rt-text); font-weight:700;}

/* LIVE badge (Status-kolonnen) */
.rt-kampvisning__livebadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(154,126,16,.45);
  background:rgba(154,126,16,.06);
  color:var(--rt-gold);
  font-weight:900;
  font-size:12px;
  letter-spacing:.4px;
  white-space:nowrap;
}

/* STATS badge (vises når kampen er afsluttet og klikbar for stats) */
.rt-kampvisning__livebadge--stats{
  /* samme basis som LIVE badge (størrelse/placering), men uden blinkende dot */
  background: rgba(154,126,16,.05);
}
.rt-kampvisning__statsicon{display:inline-flex; align-items:center; justify-content:center;}
.rt-kampvisning__statsicon svg{display:block;}

/* AFVENTER badge (kampen er færdigspillet, men ikke bekræftet endnu) */
.rt-kampvisning__livebadge--pending{
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.92);
  border-style: dashed;
}
.rt-kampvisning__pendingicon{display:inline-flex; align-items:center; justify-content:center;}
.rt-kampvisning__pendingicon svg{display:block;}

/* Valgfrit: en meget diskret markering af pending-rækker */
.rt-kampvisning__tr--pending{background: rgba(255,255,255,.02);}

/* Click affordance: kun afsluttede kampe er klikbare */
.rt-kampvisning__tr[data-rt-played="1"]{cursor:pointer;}
.rt-kampvisning__tr[data-rt-played="1"]:hover{background:rgba(154,126,16,.05);}
.rt-kampvisning__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--rt-gold);
  box-shadow:0 0 10px rgba(154,126,16,.55);
  animation: rtLiveBlink 1.4s ease-in-out infinite;
}
@keyframes rtLiveBlink{0%,100%{opacity:.35; transform:scale(.95);} 45%{opacity:1; transform:scale(1);} }

.rt-kampvisning__tr:first-child{border-top:none;}
.rt-kampvisning__th{color:var(--rt-gold); font-weight:700; font-size:12px; text-transform:none;}

.rt-kampvisning__td--match{min-width:0;}
.rt-kampvisning__td{color:var(--rt-text); font-size:13px;}
.rt-kampvisning__td--date,
.rt-kampvisning__td--time{color:var(--rt-text);}

.rt-kampvisning__team{color:var(--rt-text); font-weight:600;}
.rt-kampvisning__vs{opacity:.75; padding:0 6px; color:var(--rt-gold);}

.rt-kampvisning__result{display:inline-block; min-width:54px; text-align:center; padding:6px 8px; border-radius:10px; border:1px solid rgba(154,126,16,.45);}
.rt-kampvisning__result--played{color:var(--rt-gold); font-weight:800; background:rgba(154,126,16,.08);} 
.rt-kampvisning__result--live{color:#fff; font-weight:800; background:rgba(255,255,255,.06);} 
.rt-kampvisning__result--pending{color:rgba(255,255,255,.92); font-weight:800; background:rgba(154,126,16,.06);} 
.rt-kampvisning__result--empty{color:rgba(255,255,255,.6);} 

/* Kort highlight når en LIVE-kamp ændrer stilling */
@keyframes rtScorePulse{0%{transform:scale(1); filter:brightness(1);} 35%{transform:scale(1.06); filter:brightness(1.25);} 100%{transform:scale(1); filter:brightness(1);}}
.rt-kampvisning__tr--score-changed .rt-kampvisning__livebadge,
.rt-kampvisning__tr--score-changed .rt-kampvisning__result{
  animation: rtScorePulse 1.1s ease;
}

.rt-kampvisning__week{background:rgba(154,126,16,.08); border-top:1px solid rgba(154,126,16,.16);}
.rt-kampvisning__weeklabel{grid-column:1 / -1; color:var(--rt-gold); font-weight:800; font-size:12px; letter-spacing:.2px; padding:10px 10px;}

.rt-kampvisning__muted{color:var(--rt-muted); padding:10px 4px;}

/* shrink fix */
.rt-kampvisning__tr > .rt-kampvisning__td,
.rt-kampvisning__tr > .rt-kampvisning__th{min-width:0;}

/* Responsive */
@media (max-width: 980px){
  .rt-kampvisning__controls{flex-wrap:wrap;}
  .rt-kampvisning__grid{grid-template-columns:1fr;}
  .rt-kampvisning__tr{grid-template-columns:64px 64px minmax(0,1fr) 86px;}
  .rt-kampvisning--all .rt-kampvisning__tr{grid-template-columns:62px 60px minmax(0,1fr) 82px 86px; gap:8px;}
  .rt-kampvisning--mine .rt-kampvisning__tr{grid-template-columns:62px 60px minmax(0,1fr) 82px 86px; gap:8px;}
}
@media (max-width: 520px){
  .rt-kampvisning__tr{grid-template-columns:64px minmax(0,1fr) 86px; grid-template-areas:"d m r" "t m r";}
  .rt-kampvisning--all .rt-kampvisning__tr{grid-template-columns:64px minmax(0,1fr) 86px; grid-template-areas:"d m r" "t m s";}
  .rt-kampvisning--all .rt-kampvisning__td--live{grid-area:s; justify-self:end;}
  .rt-kampvisning--mine .rt-kampvisning__tr{grid-template-columns:64px minmax(0,1fr) 86px; grid-template-areas:"d m r" "t m s";}
  .rt-kampvisning--mine .rt-kampvisning__td--live{grid-area:s; justify-self:end;}
  .rt-kampvisning__td--date{grid-area:d;}
  .rt-kampvisning__td--time{grid-area:t;}
  .rt-kampvisning__td--match{grid-area:m;}
  .rt-kampvisning__td--result{grid-area:r; justify-self:end;}
}