.sp-table-caption-tabell {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
text-align: left;
font-weight: 800 !important;
font-size: 20px;
color: #fff !important;
margin-bottom: 16px;
letter-spacing: 0.05em !important;
}
.sp-league-table a,
.sp-league-table a:hover,
.sp-league-table a:focus,
.sp-league-table a:active {
text-decoration: none !important;
color: inherit !important; /* Behåll textfärg */
}
.sp-data-table {
margin: 0 !important;
background: #ffffff00 !important; /* Transparent bakgrund */
border-collapse: collapse !important;
border: 0 !important; /* Tar bort all border */
width: 100% !important;
}
.sp-league-table thead th {
background: linear-gradient(180deg, #0c1120 0%, #080b15 100%);
color: #f6c468;
text-transform: uppercase;
font-weight: 600;
padding: 12px 10px;
border: none;
border-bottom: 3px solid #f6c468;
text-align: center;
letter-spacing: 0.6px;
}
.sp-league-table thead tr:first-child th:first-child {
border-top-left-radius: 6px;
}
.sp-league-table thead tr:first-child th:last-child {
border-top-right-radius: 6px;
}
.sp-league-table tbody tr:hover {
background-color: #f6c468;
color: #080b15;
transition: all 0.2s ease;
}
.sp-league-table tbody tr:hover td {
color: #080b15;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap');
/* Desktop: gula rubriker i vänsterspalten */
.scheme_default .sp-template-player-list .stats-header .stat-label {
color: #f6c468 !important;
}
.cev-event-list-title {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
text-align: left;
font-weight: 800 !important;
font-size: 20px;
color: #fff !important;
margin-bottom: 16px;
letter-spacing: 0.05em !important;
}
/* Mobil: gula rubriker under statistik */
.scheme_default .sp-template-player-list .stat-label-mobile {
color: #f6c468 !important;
}
/* Statistiksiffror ska vara vita */
.scheme_default .sp-template-player-list .stat-value {
color: #ffffff !important;
}
/* Spelarnamn vita + länkar gula */
.scheme_default .sp-template-player-list .player-name {
color: #ffffff !important;
}
.scheme_default .sp-template-player-list .player-name a {
color: #f6c468 !important;
}
.scheme_default .sp-template-player-list .player-name a:hover {
color: #f6c468 !important;
}
/* === Grundstil gemensamt === */
.sp-event-list {
width: 100%;
border-collapse: separate !important;
border-spacing: 0;
font-family: 'Montserrat', sans-serif;
background: #080b15;
border-radius: 10px;
overflow: hidden;
table-layout: fixed;
}
.sp-event-list a,
.sp-event-list a:hover,
.sp-event-list a:focus,
.sp-event-list a:active {
text-decoration: none !important;
}
/* === Kommande matcher (desktop) === */
.sp-event-list.event-list-kommande tr td {
background-color: #080b15 !important;
}
.sp-event-list.event-list-kommande tr:hover td {
background-color: #f6c468 !important;
color: #080b15 !important;
}
/* === Resultat (desktop) === */
.sp-event-list.event-list-resultat tr td {
background-color: #080b15 !important;
}
.sp-event-list.event-list-resultat tr:hover td {
background-color: #f6c468 !important;
color: #080b15 !important;
}
/* === Cell-layout === */
.sp-event-list td {
padding: 10px 14px;
color: #fff !important;
font-size: 0.95em;
transition: all 0.3s ease;
border-bottom: 1px solid #111;
vertical-align: middle;
background-color: transparent !important;
border: 0 !important;
}
.sp-event-list tr {
background: #080b15 !important;
transition: all 0.3s ease;
cursor: pointer;
}
/* === Hover (desktop) === */
.sp-event-list tr:hover {
background: #f6c468 !important;
box-shadow: 0 0 15px rgba(246, 196, 104, 0.25);
transform: translateY(-1px);
}
.sp-event-list tr:hover td,
.sp-event-list tr:hover td a {
color: #080b15 !important;
}
/* === Mobil: ingen gul hover, annan bakgrund === */
@media (max-width: 700px) {
.sp-event-list thead {
display: none;
}
.sp-event-list.event-list-resultat tr:hover td,
.sp-event-list.event-list-kommande tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
}
#sp-league-matcher-tab table.dataTable tbody tr:hover,
#sp-league-matcher-tab table.dataTable tbody tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
box-shadow: none !important;
transform: none !important;
}
/* Nollställ hover på TR för mobil, ta bort gult sken */
.sp-event-list.event-list-resultat tr:hover,
.sp-event-list.event-list-kommande tr:hover {
background-color: #0d1225 !important;
box-shadow: none !important;
transform: none !important;
}
/* Se till att även TD har rätt färg */
.sp-event-list.event-list-resultat tr:hover td,
.sp-event-list.event-list-kommande tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
}
/* Grundfärg för varje matchbox */
.sp-event-list.event-list-kommande tr,
.sp-event-list.event-list-resultat tr {
display: flex;
flex-direction: column;
background-color: #080b15 !important;
border-radius: 12px;
margin-bottom: 16px;
padding: 12px 14px;
text-align: center;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
transition: background-color 0.2s ease;
}
/* Hover på mobil — endast mörkare färg */
.sp-event-list.event-list-kommande tr:hover,
.sp-event-list.event-list-resultat tr:hover {
background-color: #0d1225 !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
transform: none !important;
}
.sp-event-list.event-list-kommande tr:hover td,
.sp-event-list.event-list-resultat tr:hover td {
background-color: #0d1225 !important;
}
/* Ingen färgändring på text eller logga */
.sp-event-list tr:hover td,
.sp-event-list tr:hover td a {
color: #fff !important;
}
/* Celler */
.sp-event-list td {
border: none;
padding: 6px 0;
width: 100%;
text-align: center !important;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
background-color: transparent !important;
}
/* Kommande matcher: ordning */
.sp-event-list.event-list-kommande td:nth-child(2) {
order: 1;
color: #f6c468 !important;
margin-bottom: 8px !important;
}
.sp-event-list.event-list-kommande td:nth-child(1) { order: 2; }
.sp-event-list.event-list-kommande td:nth-child(3) { order: 4; }
.sp-event-list.event-list-kommande tr::after {
content: "vs";
order: 3;
font-weight: 700;
font-size: 1.35em;
color: #f6c468;
margin-bottom: 8px;
}
/* Resultat: ordning */
.sp-event-list.event-list-resultat td:nth-child(1) {
order: 1;
color: #f6c468 !important;
margin-bottom: 8px;
}
.sp-event-list.event-list-resultat td:nth-child(2) { order: 2; }
.sp-event-list.event-list-resultat td:nth-child(3) {
order: 3;
font-size: 1.35em;
color: #f6c468;
margin: 6px 0;
font-weight: 700;
}
.sp-event-list.event-list-resultat td:nth-child(4) { order: 4; }
.sp-event-list.event-list-resultat td:nth-child(5) {
order: 5;
color: #f6c468;
margin-top: 4px;
}
/* Centrera lagens logga + namn */
.team-inline {
justify-content: center !important;
gap: 6px !important;
}
.team-logo img {
max-height: 28px;
border-radius: 3px;
}
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&display=swap');
/* Desktop: gula rubriker i vänsterspalten */
.scheme_default .sp-template-player-list .stats-header .stat-label {
color: #f6c468 !important;
}
.cev-event-list-title {
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase !important;
text-align: left;
font-weight: 800 !important;
font-size: 20px;
color: #fff !important;
margin-bottom: 16px;
letter-spacing: 0.05em !important;
}
/* Mobil: gula rubriker under statistik */
.scheme_default .sp-template-player-list .stat-label-mobile {
color: #f6c468 !important;
}
/* Statistiksiffror ska vara vita */
.scheme_default .sp-template-player-list .stat-value {
color: #ffffff !important;
}
/* Spelarnamn vita + länkar gula */
.scheme_default .sp-template-player-list .player-name {
color: #ffffff !important;
}
.scheme_default .sp-template-player-list .player-name a {
color: #f6c468 !important;
}
.scheme_default .sp-template-player-list .player-name a:hover {
color: #f6c468 !important;
}
/* === Grundstil gemensamt === */
.sp-event-list {
width: 100%;
border-collapse: separate !important;
border-spacing: 0;
font-family: 'Montserrat', sans-serif;
background: #080b15;
border-radius: 10px;
overflow: hidden;
table-layout: fixed;
}
.sp-event-list a,
.sp-event-list a:hover,
.sp-event-list a:focus,
.sp-event-list a:active {
text-decoration: none !important;
}
/* === Kommande matcher (desktop) === */
.sp-event-list.event-list-kommande tr td {
background-color: #080b15 !important;
}
.sp-event-list.event-list-kommande tr:hover td {
background-color: #f6c468 !important;
color: #080b15 !important;
}
/* === Resultat (desktop) === */
.sp-event-list.event-list-resultat tr td {
background-color: #080b15 !important;
}
.sp-event-list.event-list-resultat tr:hover td {
background-color: #f6c468 !important;
color: #080b15 !important;
}
/* === Cell-layout === */
.sp-event-list td {
padding: 10px 14px;
color: #fff !important;
font-size: 0.95em;
transition: all 0.3s ease;
border-bottom: 1px solid #111;
vertical-align: middle;
background-color: transparent !important;
border: 0 !important;
}
.sp-event-list tr {
background: #080b15 !important;
transition: all 0.3s ease;
cursor: pointer;
}
/* === Hover (desktop) === */
.sp-event-list tr:hover {
background: #f6c468 !important;
box-shadow: 0 0 15px rgba(246, 196, 104, 0.25);
transform: translateY(-1px);
}
.sp-event-list tr:hover td,
.sp-event-list tr:hover td a {
color: #080b15 !important;
}
/* === Mobil: ingen gul hover, annan bakgrund === */
@media (max-width: 700px) {
.sp-event-list thead {
display: none;
}
.sp-event-list.event-list-resultat tr:hover td,
.sp-event-list.event-list-kommande tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
}
#sp-league-matcher-tab table.dataTable tbody tr:hover,
#sp-league-matcher-tab table.dataTable tbody tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
box-shadow: none !important;
transform: none !important;
}
/* Nollställ hover på TR för mobil, ta bort gult sken */
.sp-event-list.event-list-resultat tr:hover,
.sp-event-list.event-list-kommande tr:hover {
background-color: #0d1225 !important;
box-shadow: none !important;
transform: none !important;
}
/* Se till att även TD har rätt färg */
.sp-event-list.event-list-resultat tr:hover td,
.sp-event-list.event-list-kommande tr:hover td {
background-color: #0d1225 !important;
color: #fff !important;
}
/* Grundfärg för varje matchbox */
.sp-event-list.event-list-kommande tr,
.sp-event-list.event-list-resultat tr {
display: flex;
flex-direction: column;
background-color: #080b15 !important;
border-radius: 12px;
margin-bottom: 16px;
padding: 12px 14px;
text-align: center;
align-items: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
transition: background-color 0.2s ease;
}
/* Hover på mobil — endast mörkare färg */
.sp-event-list.event-list-kommande tr:hover,
.sp-event-list.event-list-resultat tr:hover {
background-color: #0d1225 !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.35) !important;
transform: none !important;
}
.sp-event-list.event-list-kommande tr:hover td,
.sp-event-list.event-list-resultat tr:hover td {
background-color: #0d1225 !important;
}
/* Ingen färgändring på text eller logga */
.sp-event-list tr:hover td,
.sp-event-list tr:hover td a {
color: #fff !important;
}
/* Celler */
.sp-event-list td {
border: none;
padding: 6px 0;
width: 100%;
text-align: center !important;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
background-color: transparent !important;
}
/* Kommande matcher: ordning */
.sp-event-list.event-list-kommande td:nth-child(2) {
order: 1;
color: #f6c468 !important;
margin-bottom: 8px !important;
}
.sp-event-list.event-list-kommande td:nth-child(1) { order: 2; }
.sp-event-list.event-list-kommande td:nth-child(3) { order: 4; }
.sp-event-list.event-list-kommande tr::after {
content: "vs";
order: 3;
font-weight: 700;
font-size: 1.35em;
color: #f6c468;
margin-bottom: 8px;
}
/* Resultat: ordning */
.sp-event-list.event-list-resultat td:nth-child(1) {
order: 1;
color: #f6c468 !important;
margin-bottom: 8px;
}
.sp-event-list.event-list-resultat td:nth-child(2) { order: 2; }
.sp-event-list.event-list-resultat td:nth-child(3) {
order: 3;
font-size: 1.35em;
color: #f6c468;
margin: 6px 0;
font-weight: 700;
}
.sp-event-list.event-list-resultat td:nth-child(4) { order: 4; }
.sp-event-list.event-list-resultat td:nth-child(5) {
order: 5;
color: #f6c468;
margin-top: 4px;
}
/* Centrera lagens logga + namn */
.team-inline {
justify-content: center !important;
gap: 6px !important;
}
.team-logo img {
max-height: 28px;
border-radius: 3px;
}
}