#content .TSMstats {


}

#content .TSMstats .tblWrapper,
#content .TSMstats .tblBorderNoPad,
#content .TSMstats .tblContent {
	width: 100% !important;

}


.TSMstats.container-fluid {

}

/*New css 2021-11-10*/

.TSMstats #groupStandingResultContent table tr.trNormal:nth-child(even) td.tdNormal {
	background-color: #f0f4f4;
}

.TSMstats #groupStandingResultContent table tr.trNormal:nth-child(odd) td.tdNormal {
	background-color: #e4e7e6;
}

/* ============================================================
   TABLE IMPROVEMENTS
   ============================================================ */

/* Title bar — mer luftig, skarpare typografi */
.TSMstats #groupStandingResultContent .tdTitle,
.TSMstats #groupStandingResultContent .tdTitleRight {
    background-color: #002850 !important;
    color: #FFD200 !important;
    font-size: 9pt !important;
    letter-spacing: 0.04em;
    padding: 7px 10px !important;
    border-bottom: 2px solid #001835 !important;
}

/* Kolumnrubriker — tydligare separering från data */
.TSMstats #groupStandingResultContent tr.tdHeader th,
.TSMstats #groupStandingResultContent .tdHeader,
.TSMstats #groupStandingResultContent .tdHeaderBL,
.TSMstats #groupStandingResultContent .tdHeaderBookmark,
.TSMstats #groupStandingResultContent .tdHeaderTeam {
    background-color: #edf2f7 !important;
    border-bottom: 2px solid #386ea9 !important;
    color: #002850 !important;
    font-size: 9pt;
    padding: 6px 10px !important;
}

/* SubTitle — klarare accent */
.TSMstats #groupStandingResultContent .tdSubTitle {
    background-color: #d8e8f4 !important;
    color: #002850 !important;
    letter-spacing: 0.02em;
}

/* Jämna rader */
.TSMstats #groupStandingResultContent tr.tdNormal td,
.TSMstats #groupStandingResultContent .tdNormal,
.TSMstats #groupStandingResultContent .tdNormalBL,
.TSMstats #groupStandingResultContent .tdEvenSlimPrc,
.TSMstats #groupStandingResultContent .tdEvenSlim {
    background-color: #f8fafb !important;
}

/* Ojämna rader */
.TSMstats #groupStandingResultContent tr.tdOdd td,
.TSMstats #groupStandingResultContent .tdOdd,
.TSMstats #groupStandingResultContent .tdOddLeft,
.TSMstats #groupStandingResultContent .tdOddSlim,
.TSMstats #groupStandingResultContent .tdOddSlimPrc,
.TSMstats #groupStandingResultContent .tdOddComp {
    background-color: #edf2f7 !important;
}

/* Hover på rader */
.TSMstats #groupStandingResultContent .tblContent tr:not(.tdHeader):hover td:not(.tdTitle) {
    background-color: #d6e8f7 !important;
    transition: background-color 0.1s;
}


/* Länkar i tabellen — något skarpare blå */
.TSMstats #groupStandingResultContent a,
.TSMstats #groupStandingResultContent a:visited {
    color: #1a5ba0;
}
.TSMstats #groupStandingResultContent a:hover {
    color: #002850;
}

/* ============================================================
   QUICKNAV IMPROVEMENTS
   ============================================================ */

#quicknav a {
    background: #e8f0f8;
    color: #002850;
    border: 1px solid #b4c8dd;
    border-bottom: 2px solid #b4c8dd;
    border-radius: 4px 4px 0 0;
    padding: 6px 14px !important;
    margin: 4px 2px 0 0 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

#quicknav a.first {
    border-left: 1px solid #b4c8dd;
}

#quicknav a:hover {
    background: #002850 !important;
    color: #FFD200 !important;
    border-color: #002850 !important;
    border-bottom-color: #FFD200 !important;
    padding: 6px 14px !important;
    margin: 4px 2px 0 0 !important;
}

#quicknav a.selected:link,
#quicknav a.selected:visited,
#quicknav a:active {
    background: #002850 !important;
    color: #FFD200 !important;
    border-color: #002850 !important;
    border-bottom: 2px solid #FFD200 !important;
    padding: 6px 14px !important;
    margin: 4px 2px 0 0 !important;
}

/* Lagfilterknapp — matchar quicknav */
span#schedule-team-filter a,
#schedule-team-filter a {
    background: #e8f0f8;
    color: #002850;
    border: 1px solid #b4c8dd;
    border-bottom: 2px solid #b4c8dd;
    border-radius: 4px 4px 0 0;
    padding: 6px 14px !important;
    margin: 4px 2px 0 0 !important;
    font-weight: 600;
    transition: background 0.12s, color 0.12s;
}

span#schedule-team-filter a:hover,
#schedule-team-filter a:hover,
#schedule-team-filter a.selected {
    background: #002850 !important;
    color: #FFD200 !important;
    border-color: #002850 !important;
    border-bottom-color: #FFD200 !important;
    padding: 6px 14px !important;
    margin: 4px 2px 0 0 !important;
}

/* ============================================================
   INPUT / SELECT IMPROVEMENTS
   ============================================================ */

.form-control {
    border: 1px solid #8faec8 !important;
    border-radius: 4px !important;
    padding: 5px 9px !important;
    font-size: 13px;
    color: #002850;
    background-color: #f8fafb;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control:focus {
    border-color: #386ea9 !important;
    box-shadow: 0 0 0 3px rgba(56, 110, 169, 0.15) !important;
    background-color: #fff;
    outline: none;
}

.form-control-sm {
    font-size: 12px !important;
    padding: 4px 7px !important;
    border-radius: 3px !important;
}

/* Pil på select */
select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23386ea9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    padding-right: 26px !important;
}

label {
    color: #002850;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.02em;
    margin-bottom: 3px !important;
}

/* ============================================================
   MENY-SIDEBAR IMPROVEMENTS
   ============================================================ */

#menu li a {
    font-size: 13px;
    color: #1a3a60;
    transition: color 0.1s, padding-left 0.1s;
    display: block;
    padding: 2px 0;
}

#menu li a:hover {
    color: #002850;
    font-weight: 600;
}

#menu a.active {
    color: #002850 !important;
    font-weight: 700 !important;
    border-left: 3px solid #FFD200;
    padding-left: 6px;
}

/* btn-outline-primary — skarpare hover */
.btn-outline-primary {
    color: #002850 !important;
    border-color: #386ea9 !important;
    transition: background 0.12s, color 0.12s;
}
.btn-outline-primary:hover {
    background: #002850 !important;
    color: #FFD200 !important;
    border-color: #002850 !important;
}

/* ============================================================
   NAVBAR IMPROVEMENTS
   ============================================================ */

/* Yellow accent stripe at the very top of the navbar */
.navbar-bg {
    border-top: 3px solid #FFD200 !important;
}

/* Transparent border on default state prevents layout shift when border appears on hover */
.nav-item-large {
    border: 1px solid transparent !important;
    padding: 4px !important;
}

/* Remove the blue box — transparent background, subtle golden border */
#navbarSupportedContent .nav-item:hover,
#navbarSupportedContent .nav-item.active,
#navbarSupportedContent .nav-item.active:hover {
    background: transparent !important;
    border-color: rgba(255, 210, 0, 0.35) !important;
    padding: 4px !important;
}

/* Default nav link color — soft blue-grey, more readable against pattern */
#navbarSupportedContent .nav-item > a {
    color: #c9d6e4 !important;
    position: relative !important;
}

/* Animated yellow underline via ::after */
#navbarSupportedContent .nav-item > a::after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 10%;
    width: 80%;
    height: 2px;
    background: #FFD200;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.2s ease;
}

/* Hover / active: yellow text + underline slides in */
#navbarSupportedContent .nav-item:hover > a,
#navbarSupportedContent .nav-item.active > a,
#navbarSupportedContent .nav-item.active a:hover {
    color: #FFD200 !important;
}

#navbarSupportedContent .nav-item:hover > a::after,
#navbarSupportedContent .nav-item.active > a::after {
    transform: scaleX(1);
}

/* Site title — yellow heading, soft blue-grey subtitle */
#title h2 a {
    color: #002850 !important;
    text-decoration: none !important;
}

#title p a {
    color: #002850 !important;
    text-decoration: none !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.8rem;
}

/* ============================================================
   MOBILE BOTTOM NAVBAR IMPROVEMENTS
   ============================================================ */

.mobile-menu {
    background: #002850 !important;
}

.mobile-li:hover,
.mobile-li.active {
    background: rgba(255, 210, 0, 0.1) !important;
    border-color: rgba(255, 210, 0, 0.35) !important;
}

.mobile-li:hover > a {
    color: #FFD200 !important;
}

/* ============================================================
   FOOTER IMPROVEMENTS
   ============================================================ */

.page-footer {
    background: #002850 !important;
    color: #8faec8;
    padding-top: 28px;
    border-top: 3px solid #FFD200;
}

#footer-content .footer-text h2,
.page-footer .footer-text h2 {
    color: #FFD200 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255, 210, 0, 0.2) !important;
    padding-bottom: 7px !important;
    margin-bottom: 12px !important;
}

#footer-content .footer-text h3,
.page-footer .footer-text h3 {
    color: #7fa8c8 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#footer-content p,
.page-footer p {
    color: #8faec8 !important;
    font-size: 0.85rem !important;
    line-height: 1.55 !important;
}

/* Softer links by default — yellow only on hover */
#footer-content a,
#footer-content a:visited {
    color: #9bbfd8 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

#footer-content a:hover {
    color: #FFD200 !important;
    text-decoration: none !important;
}

.footer-copyright {
    background: #001835 !important;
    color: #FFD200 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 14px 0 !important;
    margin-top: 16px;
}