/* -----------------------------
BASE
----------------------------- */

*,*:before,*:after{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:white;background-image:url('images/background1920v2.webp');background-repeat:no-repeat;background-size:cover;}
h4{margin:0;padding:0;}



/* -----------------------------
MOBILE SCROLL
----------------------------- */

.table.responsive-table::-webkit-scrollbar{height:8px;}
.table.responsive-table::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:6px;}
.table.responsive-table::-webkit-scrollbar-track{background:rgba(0,0,0,.4);}
td a{color:#ccc;font-weight:bold;}
tr.totals td{background: linear-gradient(to bottom, rgba(90,90,90,1), rgba(55,55,55,1));

  box-shadow:
    0 -4px 14px rgba(0,0,0,.7),
    inset 0 2px 0 rgba(255,255,255,.2);
  color: #fff;
  font-weight: 700;
  letter-spacing: .4px;}
.loginbar{background-color:#000;width:100%;text-align:right;padding:6px 10px;font-size:.8em;}
.loginbar a{color:#fff;}


/* -----------------------------
SITE HEADER
----------------------------- */

.site-header{background:radial-gradient(circle at center,#1a1a1a 0%,#0c0c0c 80%);border-bottom:1px solid #2a2a2a;}

.top-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 30px;max-width:1440px;margin:0 auto;}

.logo-area{position:relative;display:flex;align-items:center;gap:14px;z-index:10}
.logo-area .logo{position:absolute;top:-35px;left:0;height:90px;}

.site-title{margin-left:90px;font-size:22px;font-weight:600;letter-spacing:.5px;}
.site-title span{font-weight:400;opacity:.8;}

.header-actions{display:flex;gap:10px;}
.search{background:#2a2a2a;border:1px solid #444;padding:8px 12px;border-radius:6px;color:white;}
.login-btn,.search-btn{background:#3b3b3b;border:1px solid #555;color:white;padding:8px 16px;border-radius:6px;cursor:pointer;}


/* -----------------------------
NAVIGATION
----------------------------- */
.nav-toggle{display:none;}
.nav-toggle a{color:#fff;text-decoration: none;}

.main-nav{display:flex;justify-content:center;align-items:center;gap:28px;padding:14px 20px;background:linear-gradient(180deg,#1a1a1a 0%,#101010 100%);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.45);backdrop-filter:blur(8px);}




.main-nav a{color:#bbb;text-decoration:none;font-size:20px;font-weight:bold;padding:8px 14px;border-radius:0;transition:.2s;font-variant: small-caps;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.05);}
.main-nav a.active{color:white;background-color:#666;}
.main-nav .league-nav-logo{display:none;}

.main-nav.purple a.active{
    background:linear-gradient(to bottom,#ba68c8,#4a148c);
    box-shadow:0 0 10px rgba(156,39,176,.6);
}

.main-nav.blue a.active{
    background:linear-gradient(to bottom,#1a2f66,#0d1b3d);
    box-shadow:0 0 10px rgba(13,27,61,.7);
}

.main-nav.green a.active{
    background:linear-gradient(to bottom,#66bb6a,#1b5e20);
    box-shadow:0 0 10px rgba(60,180,100,.5);
}

.main-nav.orange a.active{
    background:linear-gradient(to bottom,#ffb74d,#e65100);
    box-shadow:0 0 10px rgba(255,140,0,.6);
}

.main-nav.red a.active{
    background:linear-gradient(to bottom,#ff4a4a,#8b0000);
    box-shadow:0 0 10px rgba(255,0,0,.6);
}

.main-nav::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);}

.page-container{max-width:1400px;margin:auto;padding:40px;background:rgba(0,0,0,.35);border-radius:12px;}

.page-logo {
  height: 42px;
 width: auto;
  display: block;
  margin-top:30px;
}

.page-header{display:flex;align-items: center;margin-bottom:30px;gap:12px;}
.page-title{display:flex;align-items:center;gap:20px;margin-top:30px;}
.page-title h1{font-size:26px;margin:0;line-height: 1;}
.page-title span{color:#aaa;}

/* -----------------------------
LEAGUE NAV
----------------------------- */

.secondary-nav, .league-nav{display:flex;justify-content:center;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}

.secondary-nav .nav-links, .league-nav .nav-links{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;padding-left:20px;}

/*.secondary-nav-logo, .league-nav-logo{display:flex;align-items:center;}*/

.league-nav-logo img{height:28px;opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:.2s;position:relative;top:1px;}

.league-nav-logo img:hover{transform:scale(1.08);}

.secondary-nav a, .league-nav a{color:#eee;text-decoration:none;font-size:16px;font-weight:bold;padding:6px 12px;border-radius:0;transition:.2s;}

.secondary-nav a:hover, .league-nav a:hover{background:rgba(255,255,255,.12);color:#fff;}
.secondary-nav a.active, .league-nav a.active{
    background:rgba(255,255,255,.15);
    color:#fff;

    box-shadow:
        inset 0 2px 4px rgba(255,255,255,.15),
        inset 0 -4px 8px rgba(0,0,0,.4);

    border-radius:4px;
}

.league-nav-top{gap:20px;font-family: Arial}