/* =========================================
   GoalVanta Responsive CSS
   Mobile / Tablet / Desktop
========================================= */

/* =========================
   Desktop
========================= */

@media (min-width:769px){

    .menu-btn{
        display:none;
    }

    .gv-sidebar{
        position:sticky;
        left:0;
        top:130px;
        width:260px;
        height:calc(100vh - 130px);
    }

    .gv-container{
        display:flex;
        transform:none !important;
    }

}

/* =========================
   Mobile
========================= */

@media (max-width:768px){

    /* Header */

    .gv-header{

        padding:0 15px;

    }

    .gv-logo{

        font-size:22px;

    }

    /* Search */

    .gv-search{

        display:none;

    }

    /* Menu */

    .menu-btn{

        display:block;

        font-size:30px;

        background:none;

        border:none;

        cursor:pointer;

    }

    /* Navbar */

    .gv-navbar{

        overflow-x:auto;

        white-space:nowrap;

        scrollbar-width:none;

    }

    .gv-navbar::-webkit-scrollbar{

        display:none;

    }

    .gv-navbar ul{

        gap:20px;

    }

    /* Container */

    .gv-container{

        display:flex;

        transition:transform .35s ease;

    }

    /* Sidebar */

    .gv-sidebar{

        position:fixed;

        left:-260px;

        top:130px;

        width:260px;

        height:calc(100vh - 130px);

        background:#fff;

        border-right:1px solid #E5E7EB;

        transition:left .35s ease;

        z-index:1000;

        overflow-y:auto;

    }

    .gv-sidebar.active{

        left:0;

    }

    /* Push Content */

    .gv-container.push{

        transform:translateX(260px);

    }

    /* Main Content */

    .gv-content{

        width:100%;

        padding:15px;

        transition:.35s;

    }

    /* Cards */

    .welcome-card{

        padding:25px;

    }

    .welcome-card h1{

        font-size:38px;

    }

    .welcome-card p{

        font-size:20px;

    }

    /* Footer */

    .gv-footer{

        padding:18px;

        font-size:14px;

    }

}

/* =========================
   Small Phones
========================= */

@media (max-width:480px){

    .gv-logo{

        font-size:18px;

    }

    .gv-actions{

        gap:8px;

    }

    .gv-icon-btn{

        width:40px;

        height:40px;

    }

    .welcome-card{

        padding:20px;

    }

    .welcome-card h1{

        font-size:30px;

    }

    .welcome-card p{

        font-size:18px;

    }

    .gv-sidebar{

        width:240px;

        left:-240px;

    }

    .gv-container.push{

        transform:translateX(240px);

    }
    @media(max-width:992px){

.stats-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.stats-grid{

grid-template-columns:1fr;

}
.league-grid{

    grid-template-columns:repeat(2,1fr);

}

@media(max-width:576px){

.league-grid{

grid-template-columns:1fr;

}

}