/* ================= GOLDUSTERS ELITE UI ================= */

/* WRAPPER */
.g-league-wrap{
    max-width:700px;
    margin:0 auto;
}

.g-league-wrap{
    max-width:700px;
    margin:0 auto;
    padding:20px;
    background:linear-gradient(145deg,#000,#0a0a0a);
    border:1px solid rgba(251,176,64,0.2);
    border-radius:12px;
}

/* TITLE */
.g-title{
    text-align:center;
    font-size:34px;
    font-weight:800;
    margin-bottom:25px;
    letter-spacing:1px;

    background:linear-gradient(90deg,#FBB040,#FFD700,#FBB040);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 10px rgba(251,176,64,0.4);
    position:relative;
}

/* GOLD UNDERLINE */
.g-title:after{
    content:"";
    display:block;
    width:80px;
    height:2px;
    margin:10px auto 0;
    background:linear-gradient(90deg,#FBB040,#FFD700);
    box-shadow:0 0 8px rgba(251,176,64,0.6);
}

/* SEARCH */
.g-search{
    width:100%;
    padding:12px;
    margin-bottom:15px;
    border:1px solid #FBB040;
    background:#000000;
    color:#ffffff;
    border-radius:8px;
    outline:none;
}
.g-search:focus{
    box-shadow:0 0 10px #FBB040;
}

/* ================= CARD ================= */

.g-card{
    background:#000000;
    background:linear-gradient(145deg,#000000,#0a0a0a);
    border:1px solid rgba(251,176,64,0.4);
    padding:18px;
    margin-bottom:20px;
    color:#ffffff;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,0.8);
    transition:all 0.3s ease;
    position:relative;
}

/* HOVER EFFECT */
.g-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 35px rgba(251,176,64,0.3);
}

/* ACTIVE */
.g-active{
    box-shadow:0 0 15px rgba(251,176,64,0.6);
}

/* HOT PLAYER */
.g-hot{
    box-shadow:0 0 25px rgba(251,176,64,0.4);
    border:1px solid rgba(251,176,64,0.6);
}

/* TOP SEED */
.g-top-seed{
    border:2px solid #FFD700 !important;
    box-shadow:0 0 30px #FFD700;
}

/* ================= HEADER ================= */

.g-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

/* AVATAR */
.g-avatar{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#FBB040;
    background:linear-gradient(145deg,#FBB040,#ffcc66);
    color:#000000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
}

/* PLAYER INFO */
.g-player-info{
    flex:1;
}

.g-name{
    font-size:18px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
}

.g-sub{
    font-size:13px;
    color:#bbbbbb;
}

/* STATUS */
.g-status{
    text-align:right;
}

/* ================= BADGES ================= */

.g-badge{
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
}

.g-badge-active{
    background:#4cff4c;
    color:#000000;
}

.g-badge-dormant{
    background:#ffcc00;
    color:#000000;
}

.g-badge-suspended{
    background:#ff4c4c;
    color:#000000;
}

/* SEED BADGE */
.g-seed-badge{
    background:#FFD700;
    color:#000000;
    padding:4px 10px;
    border-radius:20px;
    font-weight:700;
}

/* ================= STATS ================= */

.g-stats{
    display:flex;
    justify-content:space-between;
    margin:12px 0;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,0.08);
}

.g-stat{
    text-align:center;
    flex:1;
}

.g-stat span{
    display:block;
    font-size:16px;
}

.g-stat strong{
    display:block;
    font-size:16px;
    color:#FBB040;
}

.g-stat small{
    font-size:11px;
    color:#aaaaaa;
}

/* ================= FORMS ================= */

.g-card select{
    width:100%;
    padding:10px;
    margin-top:10px;
    border-radius:6px;
    border:1px solid #FBB040;
    background:#111111;
    color:#ffffff;
}

.g-card textarea{
    width:100%;
    margin-top:10px;
    padding:10px;
    border-radius:6px;
    border:1px solid #FBB040;
    background:#111111;
    color:#ffffff;
}

.g-card button{
    margin-top:8px;
    padding:8px 12px;
    border:none;
    border-radius:6px;
    background:#FBB040;
    color:#000000;
    font-weight:600;
    cursor:pointer;
}

.g-card button:hover{
    background:#ffd27a;
}

/* 🏆 TROPHIES */
.g-trophies{
    margin-top:10px;
    display:flex;
    gap:10px;
    font-size:14px;
}

.g-trophy{
    padding:4px 8px;
    border-radius:6px;
    background:#111;
    border:1px solid rgba(251,176,64,0.3);
}

.g-trophy.gold{
    color:#FBB040;
}

.g-trophy.silver{
    color:#ccc;
}

.g-trophy.bronze{
    color:#cd7f32;
}

/* ================= ELITE FILTER UI ================= */

.g-filter-group{
    margin-top:15px;
}

.g-filter-label{
    font-size:13px;
    color:#aaa;
    margin-bottom:6px;
}

.g-filter-btn{
    padding:8px 12px;
    margin:4px 6px 0 0;
    border-radius:20px;
    border:1px solid rgba(251,176,64,0.4);
    background:#111;
    color:#fff;
    cursor:pointer;
    transition:all .25s ease;
    font-size:13px;
}

/* HOVER */
.g-filter-btn:hover{
    border-color:#FBB040;
    box-shadow:0 0 8px rgba(251,176,64,0.4);
}

/* ACTIVE (SELECTED) */
.g-filter-btn.active{
    background:linear-gradient(145deg,#FBB040,#FFD700);
    color:#000;
    font-weight:600;
    box-shadow:0 0 12px rgba(251,176,64,0.7);
}

.g-filter-btn.active{
    background:#FBB040;
    color:#000;
    box-shadow:0 0 10px #FBB040;
}

.g-clear-btn{
    margin-top:10px;
    padding:6px 12px;
    background:#222;
    border:1px solid #FBB040;
    color:#FBB040;
    cursor:pointer;
}

.g-clear-btn:hover{
    background:#FBB040;
    color:#000;
}

/* ================= FORCE ACTIVE FILTER STYLE ================= */

.g-filter-btn{
    background:#111 !important;
    border:1px solid #FBB040 !important;
    color:#fff !important;
    padding:6px 10px;
    margin:3px;
    border-radius:6px;
    cursor:pointer;
    transition:all 0.25s ease;
}

/* 🔥 ACTIVE STATE (VERY VISIBLE) */
.g-filter-btn.active{
    background:#FBB040 !important;
    color:#000 !important;
    border:1px solid #FFD700 !important;
    box-shadow:0 0 12px #FBB040, 0 0 20px rgba(251,176,64,0.6) !important;
    transform:scale(1.05);
}

/* HOVER */
.g-filter-btn:hover{
    background:#FBB040 !important;
    color:#000 !important;
}