/*==================================================
=         ARCHIVIO STORICO FANTABUNDESLIGA         =
====================================================

Foglio di stile condiviso

Versione : 1.0
Data      : Luglio 2026

Filosofia del progetto
- Un unico CSS condiviso
- Componenti riutilizzabili
- Nessun CSS specifico per pagina
- Stile uniforme in tutto l'Archivio

==================================================*/

.info{
    margin-bottom:20px;
    color:#666;
}

.stats-table{
    border-collapse:collapse;
    margin-top:10px;
    width:100%;
}

.stats-table th{
    background:#f5f5f5;
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
}

.stats-table td{
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    background:#f4f4f4;
    margin:0;
}

.header{
    background:#0b2f57;
    color:#fff;
    padding:20px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}

.logo-header{
    width:95px;
    height:auto;
    }

.titolo-header{
    text-align:center;
}

.archivio-title{
    font-size:28px;

}

.archivio-subtitle{
    margin-top:8px;
    font-size:16px;
    color:#d8c59c;
    letter-spacing:1px;
}

.menu{
    background:#222;
    padding:15px;
}

.menu a{
    color:#fff;@media (max-width:900px)
    text-decoration:none;
    margin-right:25px;
    font-weight:bold;
}

.menu a:hover{
    text-decoration:underline;
}

.container{

    width:100%;
    max-width:1200px;

    margin:30px auto;

    padding:0 20px;

}

.box{
    background:#fff;
    padding:40px;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.stats{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.card{
    flex:1;
    min-width:200px;
    background:#fafafa;
    border:1px solid #ddd;
    border-radius:8px;
    padding:20px;
    text-align:center;
}

.numero{
    font-size:32px;
    font-weight:bold;
    color:#c40000;
}
.numero-grande{
    font-size:26px;
}
.confronto-form{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
    align-items:flex-end;
}

.confronto-col{
    display:flex;
    flex-direction:column;
}

.confronto-col label{
    font-weight:bold;
    margin-bottom:5px;
}

.confronto-col select{
    min-width:220px;
    padding:8px;
    font-size:15px;
}

.btn-confronta{
    padding:10px 25px;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
}
.box ul{

    columns:2;

    list-style:none;

    padding:0;

}

.box ul li{

    padding:8px 0;

    border-bottom:1px solid #eee;

}

table td,
table th{
    text-align:center;
    vertical-align:middle;
}
.squadre-grid{

    display:grid;

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

    gap:22px;

}

.squadra-card{
    
    text-decoration:none;
    color:#222;
    background:#fafafa;
    border:1px solid #ddd;
    border-radius:10px;
    padding:15px;
    text-align:center;
    transition:all .25s ease;
    
    display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.squadra-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.12);
}

.squadra-card img{

    width:68px;

    height:68px;

    object-fit:contain;

    margin-bottom:12px;

}

.squadra-card span{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:52px;

    font-size:17px;

    font-weight:700;

    line-height:1.2;

    text-align:center;

}

/* =========================
   RESPONSIVE
========================= */

*{box-sizing:border-box;}

@media (max-width:768px){

.container{
    padding:0 15px;
}

.header{
    flex-direction:column;
    text-align:center;
}

.menu{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.menu a{
    margin-right:0;
}

/* Tutte le sezioni tranne la Home */

.stats:not(.home-stats){

    flex-direction:column;

}

.stats:not(.home-stats) .card{

    min-width:100%;

}

.home-stats{

    display:grid !important;

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

    gap:12px;

    padding:0 8px;

}

.home-stats .card{

    min-width:0 !important;

    width:100%;

    padding:16px 12px;

}
.home-stats .card:nth-child(7){

    grid-column:1 / -1;

}

.home-stats .card:nth-child(8){

    grid-column:1 / -1;

}

.confronto-form{
    flex-direction:column;
    align-items:stretch;
}

.confronto-col select{
    min-width:100%;
}

ul{
    columns:1;
}
.squadre-grid{

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

    gap:12px;

    width:100%;

}

.squadra-card{

    padding:12px 8px;

    min-height:180px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

}
}

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

.page-header{
    text-align:center;
    margin-bottom:30px;
}

.page-header h1{
    margin:0;
    font-size:34px;
    color:#0b2f57;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}
.page-header h1 i{
    font-size:32px;
    color:#0b2f57;
}

.page-header p{
    margin-top:10px;
    color:#666;
    font-size:17px;
}
/*==================================================
=             FILTRI STANDARD                    =
==================================================*/

.filter-box{

    background:#fafafa;
    border:1px solid #d9dee5;
    border-radius:14px;
    padding:16px 25px;
    margin-bottom:35px;

}

.filter-form{

    display:flex;
    align-items:flex-end;
    gap:35px;
    flex-wrap:wrap;

}
.filter-row{

    display:flex;
    align-items:center;
    gap:18px;

}

.filter-row label{

    display:flex;
    align-items:center;
    gap:10px;

    font-size:17px;
    font-weight:700;
    color:#0b2f57;

    margin:0;

}

.filter-row label i{

    font-size:22px;

}

.filter-row select{

    width:220px;
    height:48px;

    padding:0 14px;

    font-size:16px;

    border:1px solid #cfd6df;
    border-radius:8px;

}


.filter-item{

    display:flex;
    flex-direction:column;

}

.filter-item label{

    display:flex;
    align-items:center;
    gap:10px;

    font-size:17px;
    font-weight:700;
    color:#0b2f57;

    margin-bottom:10px;

}

.filter-item label i{

    font-size:22px;
    color:#0b2f57;

}

.filter-item select{

    min-width:260px;
    height:48px;

    padding:0 14px;

    font-size:16px;

    border:1px solid #cfd6df;
    border-radius:8px;

    background:#fff;

}

.btn-primary{

    height:48px;

    padding:0 28px;

    background:#0b2f57;
    color:#fff;

    border:none;
    border-radius:8px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

}

.btn-primary:hover{

    background:#14467d;

}

.btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:48px;

    padding:0 24px;

    background:#6c757d;
    color:#fff;

    text-decoration:none;
    font-weight:700;

    border-radius:8px;

    transition:.25s;

}

.btn-secondary:hover{

    background:#555;

}
/*=========================================================
=            SCHEDA SQUADRA - NUOVO HEADER v2             =
=========================================================*/

.team-header{

    display:grid;
    grid-template-columns:180px 1fr 430px;

    background:linear-gradient(180deg,#081b34 0%,#0d2d53 100%);
    color:#fff;

    border:2px solid #d5a021;
    border-radius:14px;

    overflow:hidden;

    margin-bottom:30px;

    box-shadow:0 10px 25px rgba(0,0,0,.20);

}

.team-col{

    padding:18px 22px;

}

.team-col:not(:last-child){

    border-right:1px solid rgba(255,255,255,.12);

}

/*========================================*/

.team-logo{

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

}

.team-logo img{

    width:120px;
    max-width:100%;
    height:auto;

}

.team-logo span{

    display:block;
    margin-top:12px;

    color:#d7d7d7;

    font-size:13px;
    letter-spacing:1px;

}

/*========================================*/

.team-name{

    font-size:30px;
    font-weight:800;
    line-height:1.00;
    margin-bottom:20px;

}

.team-subtitle{

    margin:15px 0 28px 0;

}

.team-subtitle a{

    display:inline-block;

    background:#1956b3;

    color:#fff;

    padding:10px 15px;

    border-radius:8px;

    text-decoration:none;

    font-weight:700;

}

.team-info-row{

    display:grid;
    grid-template-columns:90px 1fr;

    gap:10px;

    margin-bottom:14px;

    align-items:flex-start;

}

.team-info-label{

    font-size:10px;
    font-weight:500;
    color:#d8d8d8;
    text-transform:uppercase;
    letter-spacing:.5px;

}

.team-info-value{

     font-size:12px;
    font-weight:700;
    line-height:1.35;
    color:#ffc928;

}

/*========================================*/


/*==============================
PALMARES
==============================*/

.team-palmares{

    display:flex;
    gap:26px;
    margin-top:20px;
    flex-wrap:wrap;

}

.palmares-item{

    display:flex;
    flex-direction:column;
    align-items:center;

}

.palmares-icon{

    font-size:34px;
    line-height:1;

}

.palmares-value{

    margin-top:8px;
    font-size:22px;
    font-weight:700;
    color:#fff;

}
/*=========================================
RECORD STORICI
=========================================*/

.team-records{

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

    margin-top:10px;

    border-top:1px solid rgba(255,255,255,.18);

}

.record-column{

    padding:0;

    border-left:1px solid rgba(255,255,255,.12);

}

.record-column:first-child{

    border-left:none;

    padding-left:0;

}

.record-title{

    text-align:center;

    font-size:14px;
    font-weight:700;

    color:#ffc928;

    text-transform:uppercase;

    padding:12px;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.record-item{

    padding:12px;

    text-align:center;

    font-size:15px;

    color:#f4f4f4;

    border-bottom:1px solid rgba(255,255,255,.08);
    
}

.record-item:last-child{

    border-bottom:none;

}
.record-item:not(:last-child){

    margin-bottom:6px;

}
.team-summary{

    display:flex;
    flex-direction:column;
    height:100%;

}

.team-summary .team-divider{

    margin:18px 0;

}

.team-summary-title{

    font-size:15px;
    letter-spacing:1px;
    color:#dcdcdc;

}

.team-position{

    font-size:50px;
    line-height:1;
    color:#ffc928;
    font-weight:800;

}
/* ==========================================
   HOME STATISTICHE
========================================== */

.home-stats{

    display:grid !important;

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

    gap:20px;

}

.home-stats .card{

    min-width:0;

}

/*==================================================
=                 CALENDARIO STORICO               =
==================================================*/
/*--------------------------------------
  GIORNATE
--------------------------------------*/

.giornata-title{

    display:flex;

    align-items:center;

    gap:12px;

    margin:28px 0 14px;

    padding:12px 22px;

    background:#163b69;

    color:#fff;

    font-size:28px;

    font-weight:700;

    border-radius:10px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}
.giornata-title i{

    font-size:24px;

    color:#ffd35a;

}
/*--------------------------------------
  PARTITE
--------------------------------------*/

.match-row{

    display:grid;

    grid-template-columns:1fr 140px 1fr;

    align-items:center;

    gap:25px;

    padding:16px 20px;

    background:#fff;

    border-bottom:1px solid #ececec;

    transition:.20s;

}

.match-row:hover{

    background:#f8fbff;

}

.match-row:last-child{

    border-bottom:none;

}

/*------------------ CASA ------------------*/

.match-home{

    display:flex;

    align-items:center;

    gap:15px;

}

.match-home .match-team{

    display:flex;

    flex-direction:column;

}

.match-home .cal-team-name{

    font-size:18px;

    font-weight:700;

    color:#222;

}

.match-home .match-fp{

    margin-top:4px;

    color:#777;

    font-size:14px;

}

/*---------------- RISULTATO ----------------*/

.match-score{

    text-align:center;

    font-size:30px;

    font-weight:800;

    color:#0b2f57;

}

.match-score span{

    margin:0 8px;

    color:#8b98a8;

}

/*--------------- TRASFERTA -----------------*/

.match-away{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:15px;

}

.match-away .match-team{

    display:flex;

    flex-direction:column;

    text-align:right;

}

.match-away .cal-team-name{

    font-size:18px;

    font-weight:700;

    color:#222;

}

.match-away .match-fp{

    margin-top:4px;

    color:#777;

    font-size:14px;

}

/*------------------ LOGHI ------------------*/

.cal-logo{

    width:42px;

    height:42px;

    object-fit:contain;

    flex-shrink:0;

}

/*---------------- RESPONSIVE ----------------*/

@media (max-width:768px){

    .match-row{

        grid-template-columns:1fr;

        gap:12px;

        text-align:center;

    }

    .match-home,
    .match-away{

        justify-content:center;

    }

    .match-away{

        flex-direction:row-reverse;

    }

    .match-away .match-team{

        text-align:center;

    }

    .match-score{

        font-size:26px;

    }

}
/*==================================================
=         ARCHIVIO DASHBOARD STANDARD v1.0         =
==================================================*/

/**************************************************
 * TABELLA
 **************************************************/

.dashboard-table{
    margin-top:30px;
    margin-left:auto;
margin-right:auto;

    width:100%;

    table-layout:fixed;

    border-collapse:collapse;

    background:#fff;

    border:1px solid #e6eaf0;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 2px 10px rgba(0,0,0,.04);

}

.dashboard-table thead th{

    background:#f8fafc;

    color:#0b2f57;

    font-size:15px;

    font-weight:700;

    text-align:center;

    padding:16px 14px;

    border-bottom:2px solid #e8edf3;

    line-height:1.25;

    vertical-align:middle;

}

.dashboard-table thead th i{

    display:block;

    font-size:24px;

    color:#0b2f57;

    margin-bottom:10px;

}

.dashboard-table tbody td{

    padding:16px 14px;

    border-bottom:1px solid #eef2f6;

    vertical-align:middle;

}

.dashboard-table tbody tr:last-child td{

    border-bottom:none;

}

.dashboard-table tbody tr{

    transition:.20s;

}

.dashboard-table tbody tr:hover{

    background:#f7fbff;

}

/**************************************************
 * COLONNE
 **************************************************/

.col-rank{

    width:20px;

    text-align:center;

    font-weight:700;

    color:#0b2f57;

}

.col-club{

    width:250px;

}

.col-money{

    width:150px;

    text-align:center;

    white-space:nowrap;

}

.col-percent{

    width:170px;

    text-align:center;

    white-space:nowrap;

}

.col-rating{

    width:220px;

    text-align:center;

    white-space:nowrap;

}
/**************************************************
 * COLONNE CLASSIFICA KULO
 **************************************************/

.col-kulo-rank{
    width:6%;
    text-align:center;
    font-weight:700;
    color:#0b2f57;
}

.col-kulo-club{
    width:28%;
}

.col-kulo-eventi{
    width:10%;
    text-align:center;
    white-space:nowrap;
}

.col-kulo-icon{
    width:9%;
    text-align:center;
    white-space:nowrap;
}

.col-kulo-total{
    width:11%;
    text-align:center;
    white-space:nowrap;
}

/**************************************************
 * CLUB
 **************************************************/

.club-cell{

    padding-left:20px !important;

}

.club-cell{

    display:flex;
    align-items:center;
    gap:10px;

    padding-left:20px !important;

    color:#0a2c66;
    font-weight:700;

    text-decoration:none !important;

}

.club-cell:hover{

    text-decoration:underline;

}

.club-cell:hover{

    text-decoration:none;

}

.club-name:hover{

    text-decoration:underline;

}

.club-logo{

    width:32px;

    height:32px;

    object-fit:contain;

    flex-shrink:0;

}

.club-name{

    font-size:18px;

    font-weight:700;

    color:#0a2c66;

    line-height:1.2;

}

/**************************************************
 * VALORI
 **************************************************/

.money-positive{

    color:#198754;

    font-weight:700;

}

.money-negative{

    color:#dc3545;

    font-weight:700;

}

.percent{

    font-weight:700;

}
.value-positive{

    color:#198754;

    font-weight:700;

}

.value-negative{

    color:#dc3545;

    font-weight:700;

}

.value-neutral{

    color:#666;

    font-weight:700;

}

/**************************************************
 * RESPONSIVE - TABELLA CLASSIFICA
 **************************************************/

@media (max-width:768px){

    .dashboard-table{
        width:100%;
        display:table;
        table-layout:auto;
        margin-top:20px;
    }

    .dashboard-table th,
    .dashboard-table td{
        white-space:normal;
        padding:10px 6px;
        font-size:13px;
    }

    .dashboard-table thead th{
        font-size:12px;
    }

    .dashboard-table thead th i{
        font-size:18px;
        margin-bottom:5px;
    }

    .dashboard-table .col-rank{
        width:40px;
    }

    .dashboard-table .col-club{
        width:auto;
    }

    .club-cell{
        padding-left:6px !important;
        gap:6px;
    }

    .club-logo{
        width:26px;
        height:26px;
    }

    .club-name{
        font-size:13px;
    }

    .col-money,
    .col-percent,
    .col-rating{
        width:auto;
        white-space:normal;
    }

}
/*==================================================
=               DASHBOARD CARDS                   =
==================================================*/

.dashboard-cards{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
    margin:40px 0 30px;

}

.dashboard-card{

    background:#fff;
    border-radius:12px;
    padding:28px 24px;
    box-shadow:0 3px 10px rgba(0,0,0,.08);
    transition:.25s;
    border:1px solid #ececec;

}

.dashboard-card:hover{

    transform:translateY(-3px);
    box-shadow:0 6px 18px rgba(0,0,0,.12);

}
.dashboard-card.investimento{

    border-top:3px solid #1f4e86;

}

.dashboard-card.migliore{

    border-top:3px solid #198754;

}

.dashboard-card.peggiore{

    border-top:3px solid #dc3545;

}

.dashboard-card.record{

    border-top:3px solid #d4a017;

}

.dashboard-card-icon{

    display:flex;
    align-items:center;
    gap:10px;

    color:#0d6efd;
    margin-bottom:15px;

}

.dashboard-card-icon i{

    font-size:32px;

}

.dashboard-card-icon span{

    font-size:18px;
    font-weight:600;
    color:#444;

}

.dashboard-card-title{

    margin-top:8px;
    font-size:15px;
    font-weight:600;
    color:#555;

}

.dashboard-card-label{

    margin-top:6px;
    font-size:13px;
    color:#888;

}

/*==================================================
=            DASHBOARD TEAM CARD                 =
==================================================*/

.dashboard-card-team{

    text-align:center;

}

.dashboard-card-logo{

    display:block;
    height:80px;
    width:auto;
    margin:18px auto;

}

.dashboard-card-team-name{

    font-size:18px;
    font-weight:700;
    color:#222;
    margin-bottom:4px;

}

.dashboard-card-stat{

    font-size:30px;
    font-weight:700;
    color:#1f4e86;
    line-height:1.2;

    text-align:center;
    margin-top:6px;

}

.dashboard-card-description{

    margin-top:10px;
    font-size:14px;
    color:#777;
    text-align:center;

}
/*==================================================
=          KULO - HEADER SQUADRA                  =
==================================================*/

.kulo-team-header{
    padding:28px;
}

.kulo-team-header-main{
    display:flex;
    align-items:center;
    gap:30px;
}

.kulo-team-logo{
    width:120px;
    height:120px;
    object-fit:contain;
    flex-shrink:0;
}

.kulo-team-header-content{
    flex:1;
}

.kulo-team-header-content h1{
    margin:0;
    font-size:32px;
    color:#0b2f57;
    font-weight:800;
}

.kulo-team-header-content p{
    margin:8px 0 24px;
    font-size:17px;
    color:#666;
}

.kulo-team-header-bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    border-top:1px solid #ddd;
    padding-top:18px;
}

.kulo-team-position-value{
    font-size:24px;
    font-weight:700;
    color:#0b2f57;
}

.kulo-team-position-value i{
    margin-right:8px;
}

.kulo-team-context{
    margin-top:8px;
    color:#666;
    font-size:16px;
}

.kulo-team-total{
    text-align:right;
}

.kulo-team-total-label{
    font-size:14px;
    color:#666;
    margin-bottom:5px;
}

.kulo-team-total-label i{
    margin-right:5px;
    color:#0b2f57;
}

.kulo-team-total-value{
    font-size:30px;
    font-weight:700;
    line-height:1;
}

/*==================================================
=          KULO - STATISTICHE SQUADRA             =
==================================================*/

.kulo-stats-section{
    padding:28px;
}

.kulo-stats-section h2{
    margin:0 0 24px;
    font-size:26px;
    color:#0b2f57;
}

.kulo-stats-section h2 i{
    margin-right:8px;
    color:#0b2f57;
}

.kulo-stats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:0;
}

.kulo-stat-card{
    background:#fff;
    border:1px solid #dfe4ea;
    border-radius:10px;
    padding:24px 18px;
    text-align:center;
    min-height:130px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.kulo-stat-icon{
    font-size:32px;
    line-height:1;
    margin-bottom:8px;
    color:#0b2f57;
}

.kulo-stat-value{
    font-size:30px;
    line-height:1.1;
    font-weight:700;
    color:#0b2f57;
}

.kulo-stat-label{
    margin-top:6px;
    font-size:15px;
    font-weight:700;
    color:#333;
}

.dashboard-collage{

    display:block;
    width:90px;
    height:90px;

    object-fit:contain;

    margin:18px auto;

}
/*==================================================
=              STATUS BADGES                      =
==================================================*/

.status-badge{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-width:110px;

    padding:7px 14px;

    border-radius:30px;

    font-size:13px;
    font-weight:700;

    letter-spacing:.3px;

}

.status-programmato{

    background:#f2f3f5;
    color:#666;

}

.status-live{

    background:#ffe6e6;
    color:#c62828;

}

.status-concluso{

    background:#e7f8ec;
    color:#1f7a3d;

}
/* ==========================================================
   ANALISI LISTONE
   Box riepilogo finale importazione CSV
   Utilizzato in:
   admin/importa_listone_analizza.php
========================================================== */

.success-box {
    background: #f0fff4;
    border: 1px solid #7fd89b;
    border-left: 6px solid #28a745;
    border-radius: 6px;
    padding: 18px 20px;
    margin: 30px 0;
}

.success-box h2 {
    margin: 0 0 10px;
    color: #1e7e34;
}

.success-box p {
    margin: 0;
    line-height: 1.8;
}
/* ==========================================================
   ANALISI LISTONE
   Messaggio blocco importazione
   Utilizzato in:
   admin/importa_listone_analizza.php
========================================================== */

.error-box {
    background: #fff3cd;
    border: 1px solid #ffe69c;
    border-left: 6px solid #ffc107;
    border-radius: 6px;
    padding: 18px 20px;
    margin: 20px 0;
}
/* ==========================================
   CONFRONTO SQUADRE
========================================== */
/* Desktop: mostra il nome completo, nasconde la sigla mobile */
.comparison-team-name-mobile {
    display: none;
}
.comparison-header{
    display:grid;
    grid-template-columns:1fr 100px 1fr;
    align-items:center;
    text-align:center;
    gap:20px;
    padding:20px 30px 10px;
    margin-bottom:25px;
}

.comparison-team{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.comparison-logo{
    width:90px;
    height:90px;
    object-fit:contain;
    margin-bottom:10px;
}

.comparison-team-name{
    font-size:22px;
    font-weight:700;
    color:#0b2f57;
}

.comparison-vs{
    font-size:30px;
    font-weight:800;
    color:#0b2f57;
}
/* ==========================================
   CONFRONTO - TABELLE
========================================== */

.comparison-section-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin:30px 0 15px;
    color:#0b2f57;
    font-size:22px;
    font-weight:700;
}

.comparison-section-title i{
    font-size:24px;
    color:#0b2f57;
}

.comparison-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border:1px solid #e6eaf0;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.comparison-table thead th{
    background:#f8fafc;
    color:#0b2f57;
    font-size:15px;
    font-weight:700;
    padding:14px;
    border-bottom:2px solid #e8edf3;
    text-align:center;
}

.comparison-table tbody td{
    padding:14px;
    border-bottom:1px solid #eef2f6;
    text-align:center;
}

.comparison-table tbody tr:last-child td{
    border-bottom:none;
}

.comparison-table tbody tr:hover{
    background:#f7fbff;
}

.comparison-table tbody td:first-child{
    font-weight:600;
    color:#444;
}
/* ==========================================
   CONFRONTO - GRAFICO
========================================== */

.comparison-chart{
    width:100%;
    height:220px;
    margin:20px auto;
}
/* ==========================================
   CONFRONTO SQUADRE - MOBILE
========================================== */

@media (max-width:768px){

    .comparison-header{
        grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);
        gap:6px;
        padding:15px 0 5px;
        margin-bottom:20px;
        width:100%;
        min-width:0;
    }

    .comparison-team{
        min-width:0;
        width:100%;
    }

    .comparison-logo{
        width:70px;
        height:70px;
        margin-bottom:8px;
    }

    .comparison-team-name{
    font-size:20px;
    line-height:1.2;
    text-align:center;
    overflow-wrap:anywhere;
}

.comparison-team-name-desktop{
    display:none;
}

.comparison-team-name-mobile{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    font-weight:600;
    white-space:nowrap;
}

.comparison-table-logo{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    object-fit:contain;
    vertical-align:middle;
    margin-right:4px;
}
    .storico-header-desktop{
        display:none;
    }

    .storico-header-mobile{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-size:20px;
        line-height:1;
    }
    
    
    
 
/* Storico incontri: layout mobile a 5 colonne */
.confronto-storico-table {
    width: 100%;
    table-layout: fixed;
}

.confronto-storico-table th:nth-child(2),
.confronto-storico-table td:nth-child(2),
.confronto-storico-table th:nth-child(4),
.confronto-storico-table td:nth-child(4),
.confronto-storico-table th:nth-child(8),
.confronto-storico-table td:nth-child(8) {
    display: none;
}


.confronto-storico-table th:nth-child(1),
.confronto-storico-table td:nth-child(1) {
    width: 22%;
}


.confronto-storico-table th:nth-child(3),
.confronto-storico-table td:nth-child(3) {
    width: 22%;
    padding-left: 2px;
    padding-right: 2px;
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.2;
}

.confronto-storico-table td:nth-child(3) {
    font-size: 12px;
}


.confronto-storico-table th:nth-child(5),
.confronto-storico-table td:nth-child(5),
.confronto-storico-table th:nth-child(7),
.confronto-storico-table td:nth-child(7) {
    width: 20%;
}

.confronto-storico-table th:nth-child(6),
.confronto-storico-table td:nth-child(6) {
    width: 14%;
}


.confronto-storico-table th,
.confronto-storico-table td {
    padding: 9px 3px;
    text-align: center;
    vertical-align: middle;
}

.confronto-storico-table td:nth-child(6) {
    white-space: nowrap;
    font-size: 15px;
    background: #f5f5f5 !important;
}

.confronto-storico-table tbody tr:hover {
    background: #fff;
}

.confronto-storico-table td:nth-child(3) {
    white-space: normal !important;
    overflow: visible;
    overflow-wrap: break-word;
    font-size: 12px !important;
    line-height: 1.2;
}

.confronto-storico-table td:nth-child(5),
.confronto-storico-table td:nth-child(7) {
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}

.confronto-storico-table td:nth-child(3) {
    font-size: 12px;
}

.confronto-storico-table td:nth-child(5) a,
.confronto-storico-table td:nth-child(7) a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 !important;
}

.confronto-storico-table td:nth-child(5) img,
.confronto-storico-table td:nth-child(7) img {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    margin: 0 !important;
}

.confronto-storico-table .comparison-team-name-mobile {
    font-size: 13px;
}


}
/* ==========================================
   KULO REALE - ICONE
========================================== */

.dashboard-card-icon i {
    color: #0b2f57;
}
/*==================================================
=       KULO SQUADRA - RESPONSIVE MOBILE         =
==================================================*/

@media (max-width:768px){

    /* HEADER SQUADRA */

    .kulo-team-header{
        padding:20px;
    }

    .kulo-team-header-main{
        flex-direction:column;
        align-items:center;
        gap:18px;
        width:100%;
    }

    .kulo-team-logo{
        width:90px;
        height:90px;
    }

    .kulo-team-header-content{
        width:100%;
        text-align:center;
    }

    .kulo-team-header-content h1{
        font-size:28px;
        line-height:1.15;
    }

    .kulo-team-header-content p{
        font-size:16px;
        margin:8px 0 20px;
    }

    .kulo-team-header-bottom{
        flex-direction:column;
        align-items:center;
        gap:18px;
        padding-top:16px;
        width:100%;
    }

    .kulo-team-position{
        text-align:center;
    }

    .kulo-team-position-value{
        font-size:22px;
    }

    .kulo-team-context{
        font-size:15px;
    }

    .kulo-team-total{
        text-align:center;
    }

    .kulo-team-total-value{
        font-size:28px;
    }


    /* STATISTICHE KULO */

    .kulo-stats-section{
        padding:20px;
    }

    .kulo-stats-section h2{
        font-size:24px;
        margin-bottom:20px;
    }

    .kulo-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        margin:0;
        width:100%;
    }

    .kulo-stat-card{
        min-width:0;
        width:100%;
        padding:18px 10px;
        min-height:120px;
    }

    .kulo-stat-icon{
        font-size:28px;
    }

    .kulo-stat-value{
        font-size:26px;
    }

    .kulo-stat-label{
        font-size:14px;
    }

}
/*==================================================
=             KULO - ANALISI E MISURATORE          =
==================================================*/

.kulo-analysis-section{
    padding:28px;
}

.kulo-analysis-section h2{
    margin:0 0 24px;
    font-size:26px;
    color:#0b2f57;
}

.kulo-analysis-section h2 i{
    margin-right:8px;
    color:#0b2f57;
}

.kulo-meter{
    width:100%;
}

.kulo-meter h3{
    margin:0 0 25px;
    text-align:center;
    font-size:21px;
    color:#0b2f57;
}

.kulo-meter h3 i{
    margin-right:7px;
}

.kulo-meter-labels{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
    font-size:15px;
    font-weight:700;
}

.kulo-meter-negative{
    color:#dc3545;
}

.kulo-meter-positive{
    color:#198754;
}

.kulo-meter-labels i{
    margin-right:5px;
}

.kulo-meter-value{
    text-align:center;
    font-size:30px;
    line-height:1.1;
}

.kulo-meter-description{
    margin-top:8px;
    text-align:center;
    font-size:20px;
    font-weight:700;
}

.kulo-meter-description i{
    margin-right:6px;
}

.kulo-meter-bar{
    position:relative;
    height:18px;
    margin:35px 0 8px;
    border-radius:10px;
    background:linear-gradient(
        to right,
        #dc3545 0%,
        #dddddd 50%,
        #198754 100%
    );
}

.kulo-meter-marker{
    position:absolute;
    top:-30px;
    transform:translateX(-50%);
    font-size:30px;
    line-height:1;
    color:#0b2f57;
}

.kulo-meter-ticks{
    display:flex;
    justify-content:space-between;
    padding:0 4px;
    margin-top:8px;
    font-size:12px;
    font-weight:600;
    color:#666;
}

.kulo-meter-ticks span:first-child{
    color:#dc3545;
}

.kulo-meter-ticks span:last-child{
    color:#198754;
}


/*==================================================
=             KULO - MISURATORE MOBILE             =
==================================================*/

@media (max-width:768px){

    .kulo-analysis-section{
        padding:20px;
    }

    .kulo-analysis-section h2{
        font-size:24px;
        margin-bottom:20px;
    }

    .kulo-meter h3{
        font-size:19px;
        margin-bottom:22px;
    }

    .kulo-meter-labels{
        font-size:14px;
    }

    .kulo-meter-value{
        font-size:28px;
    }

    .kulo-meter-description{
        font-size:18px;
    }

    .kulo-meter-bar{
        height:16px;
        margin-top:32px;
    }

    .kulo-meter-marker{
        top:-28px;
        font-size:28px;
    }

    .kulo-meter-ticks{
        font-size:10px;
        padding:0;
    }

}
/*==================================================
=          KULO - EPISODI RECORD                  =
==================================================*/

.kulo-record-icon{
    font-size:32px;
    line-height:1;
    margin-bottom:12px;
    color:#0b2f57;
}

.kulo-record-icon i{
    font-size:32px;
}

.kulo-record-title{
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    color:#666;
    text-transform:uppercase;
}

.kulo-record-title i{
    margin-right:6px;
}

.kulo-record-content{
    margin-top:18px;
    font-size:18px;
    font-weight:800;
    line-height:1.2;
}

.kulo-record-team{
    font-size:20px;
    font-weight:700;
}

.kulo-record-score{
    font-size:40px;
    font-weight:900;
    color:#222;
    margin:8px 0;
}

.kulo-record-opponent{
    font-size:20px;
    font-weight:700;
}

.kulo-record-value{
    display:inline-block;
    margin-top:10px;
    font-size:22px;
    font-weight:700;
}

.kulo-record-meta-label{
    font-size:14px;
    color:#666;
    text-transform:uppercase;
    letter-spacing:1px;
}

.kulo-record-fantapunti{
    font-size:24px;
    font-weight:700;
    margin-top:4px;
}


/*==================================================
=          KULO - EPISODI RECORD MOBILE          =
==================================================*/

@media (max-width:768px){

    .kulo-record-icon{
        font-size:28px;
    }

    .kulo-record-icon i{
        font-size:28px;
    }

    .kulo-record-title{
        font-size:14px;
    }

    .kulo-record-content{
        margin-top:14px;
        font-size:17px;
    }

    .kulo-record-team,
    .kulo-record-opponent{
        font-size:18px;
    }

    .kulo-record-score{
        font-size:34px;
    }

    .kulo-record-value{
        font-size:20px;
    }

    .kulo-record-fantapunti{
        font-size:22px;
    }

}
/*==================================================
=             KULO - CRONOLOGIA                   =
==================================================*/

.kulo-chronology-section{
    padding:28px;
}

.kulo-chronology-section h2{
    margin:0 0 24px;
    font-size:26px;
    color:#0b2f57;
}

.kulo-chronology-section h2 i{
    margin-right:8px;
    color:#0b2f57;
}

.kulo-chronology-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.kulo-chronology-panel{
    background:transparent;
    border:none;
    border-radius:0;
    padding:0;
    min-width:0;
}

.kulo-chronology-positive{
    border-top:none;
}

.kulo-chronology-negative{
    border-top:none;
}

.kulo-chronology-panel h3{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin:0 0 14px;
    padding-bottom:12px;

    font-size:18px;
    font-weight:700;
    color:#0b2f57;

    text-align:center;

    border-bottom:2px solid #e5e5e5;
}

.kulo-chronology-positive h3 i{
    color:#198754;
}

.kulo-chronology-negative h3 i{
    color:#dc3545;
}

.kulo-chronology-table-wrap{
    width:100%;
    overflow-x:auto;
}

.kulo-chronology-panel .dashboard-table{
    margin-top:0;
    width:100%;
    table-layout:auto;

    border:none;
    border-radius:0;
    box-shadow:none;
}

.kulo-chronology-panel .dashboard-table thead th{
    padding:12px 8px;
    font-size:13px;
}

.kulo-chronology-panel .dashboard-table tbody td{
    padding:12px 8px;
    font-size:14px;
}


/*==================================================
=          KULO - CRONOLOGIA MOBILE              =
==================================================*/

@media (max-width:768px){

    .kulo-chronology-section{
        padding:20px;
    }

    .kulo-chronology-section h2{
        font-size:24px;
        margin-bottom:20px;
    }

    .kulo-chronology-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

.kulo-chronology-panel{
    padding:0;
}

    .kulo-chronology-panel h3{
        font-size:17px;
        margin-bottom:14px;
    }

    .kulo-chronology-table-wrap{
        width:100%;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .kulo-chronology-panel .dashboard-table{
    width:560px;
    min-width:560px;
    table-layout:fixed;
    border:none;
    border-radius:0;
    box-shadow:none;
}

.kulo-chronology-panel .dashboard-table thead th,
.kulo-chronology-panel .dashboard-table tbody td{
    padding:12px 8px;
    font-size:14px;
    white-space:nowrap;
}

    .kulo-chronology-panel .dashboard-table th:nth-child(1),
    .kulo-chronology-panel .dashboard-table td:nth-child(1){
        width:65px;
    }

    .kulo-chronology-panel .dashboard-table th:nth-child(2),
    .kulo-chronology-panel .dashboard-table td:nth-child(2){
        width:75px;
    }

    .kulo-chronology-panel .dashboard-table th:nth-child(3),
    .kulo-chronology-panel .dashboard-table td:nth-child(3){
        width:95px;
    }

    .kulo-chronology-panel .dashboard-table th:nth-child(4),
    .kulo-chronology-panel .dashboard-table td:nth-child(4){
        width:150px;
    }

    .kulo-chronology-panel .dashboard-table th:nth-child(5),
    .kulo-chronology-panel .dashboard-table td:nth-child(5){
        width:75px;
    }

}
/*==================================================
=       FILTRI STANDARD - MOBILE                  =
==================================================*/

@media (max-width:768px){

    .filter-box{
        width:100%;
        padding:16px;
        box-sizing:border-box;
    }

    .filter-form{
        width:100%;
        gap:18px;
    }

    .filter-item{
        width:100%;
        min-width:0;
    }

    .filter-item select{
        width:100%;
        min-width:0;
        max-width:100%;
        box-sizing:border-box;
    }

    .btn-secondary{
        width:auto;
        max-width:100%;
    }

}
/*==================================================
=       FILTRO DASHBOARD ECONOMICA MOBILE          =
==================================================*/

@media (max-width:768px){

    .filter-row{

        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:10px;

    }

    .filter-row label{

        width:100%;

    }

    .filter-row select{

        width:100%;
        max-width:100%;
        min-width:0;
        box-sizing:border-box;

    }

}
/*==================================================
=             GRAFICO FINANZE SQUADRA             =
==================================================*/

.chart-container{

    position:relative;

    height:380px;

    width:100%;

}

@media (max-width:768px){

 .chart-container{

    height:280px;

    width:calc(100% + 20px);

    margin-left:-10px;

}

}
.dashboard-card-title{
    text-align:center;
}

@media (max-width: 768px) {

    .dashboard-section h2 {
        text-align: center;
    }

    .dashboard-chart h2 {
        text-align: center;
    }

}
.team-finance-intro{
    font-weight:700;
}

/*==================================================
=          SQUADRA ALL-TIME - HEADER              =
==================================================*/

.team-alltime-header{
    padding:30px 34px;
}

.team-alltime-main{
    display:grid;
    grid-template-columns:150px 1fr 260px;
    align-items:center;
    gap:30px;
}

.team-alltime-logo{
    display:flex;
    justify-content:center;
    align-items:center;
}

.team-alltime-logo img{
    width:115px;
    height:115px;
    object-fit:contain;
}

.team-alltime-info h1{
    margin:0 0 10px 0;
    font-size:34px;
    font-weight:800;
    color:#0b2f57;
}

.team-alltime-title{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:20px;
    font-weight:700;
    color:#555;
    margin-bottom:18px;
}

.team-alltime-title i{
    color:#0b2f57;
}

.team-alltime-context{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:9px 14px;
    border:1px solid #dfe5eb;
    border-radius:8px;
    background:#f7f9fb;
    color:#555;
    font-size:14px;
    font-weight:600;
}

.team-alltime-context i{
    color:#0b2f57;
}

.team-alltime-position{
    text-align:center;
    border-left:1px solid #e2e2e2;
    padding-left:30px;
}

.team-alltime-position-label{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    font-size:15px;
    font-weight:700;
    color:#0b2f57;
}

.team-alltime-position-value{
    margin-top:8px;
    font-size:54px;
    line-height:1;
    font-weight:800;
    color:#0b2f57;
}

.team-alltime-position-text{
    margin-top:5px;
    font-size:14px;
    color:#777;
    font-weight:600;
}


/*==================================================
=       SQUADRA ALL-TIME - HEADER MOBILE         =
==================================================*/

@media (max-width:768px){

    .team-alltime-header{
        padding:24px 18px;
    }

    .team-alltime-main{
        grid-template-columns:1fr;
        gap:20px;
        text-align:center;
    }

    .team-alltime-logo img{
        width:95px;
        height:95px;
    }

    .team-alltime-info h1{
        font-size:30px;
        margin-bottom:8px;
    }

    .team-alltime-title{
        justify-content:center;
        font-size:19px;
        margin-bottom:16px;
    }

    .team-alltime-context{
        justify-content:center;
        max-width:100%;
        box-sizing:border-box;
    }

    .team-alltime-position{
        border-left:none;
        border-top:1px solid #e2e2e2;
        padding:20px 0 0;
    }

    .team-alltime-position-value{
        font-size:48px;
    }

}/*==================================================
=             SQUADRA ALL-TIME - RENDIMENTO       =
==================================================*/

.team-section-title{
    margin:0 0 25px;
    font-size:26px;
    font-weight:800;
    color:#111;
}

.team-section-title i{
    color:#0b2f57;
    margin-right:8px;
}

.rendimento-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.rendimento-card{
    min-height:130px;
    padding:20px 15px;
    border:1px solid #e5e8ec;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.07);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
}

.rendimento-card i{
    font-size:24px;
    color:#0b2f57;
    margin-bottom:10px;
}

.rendimento-card span{
    font-size:14px;
    color:#555;
    font-weight:700;
}

.rendimento-card strong{
    margin-top:8px;
    font-size:30px;
    line-height:1;
    color:#0b2f57;
}

.stat-positive{
    color:#008f5a !important;
}

.stat-negative{
    color:#e63946 !important;
}

.rendimento-indicatori{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:20px;
}

.rendimento-indicatore{
    padding:18px;
    border-radius:10px;
    background:#f6f8fa;
    border:1px solid #e2e6ea;
    text-align:center;
}

.rendimento-indicatore span{
    display:block;
    font-size:13px;
    color:#666;
    font-weight:600;
    margin-bottom:8px;
}

.rendimento-indicatore strong{
    font-size:22px;
    color:#0b2f57;
}


/*==================================================
=          RENDIMENTO MOBILE                     =
==================================================*/

@media (max-width:768px){

    .team-section-title{
        text-align:center;
        font-size:24px;
        margin-bottom:20px;
    }

    .rendimento-cards{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .rendimento-card{
        min-height:120px;
        padding:16px 10px;
    }

    .rendimento-card i{
        font-size:22px;
    }

    .rendimento-card span{
        font-size:13px;
    }

    .rendimento-card strong{
        font-size:27px;
    }

    .rendimento-indicatori{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        margin-top:12px;
    }

    .rendimento-indicatore{
        padding:15px 10px;
    }

    .rendimento-indicatore span{
        font-size:12px;
    }

    .rendimento-indicatore strong{
        font-size:20px;
    }

}
/*==================================================
=             PALMARES STORICO                    =
==================================================*/

.team-palmares{
    display:block;
}

.team-palmares .team-section-title{
    margin-bottom:25px;
}

.palmares-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.palmares-card{
    min-height:145px;
    padding:20px 15px;
    border:1px solid #e5e8ec;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.07);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
}

.palmares-card-icon{
    font-size:27px;
    color:#0b2f57;
    margin-bottom:10px;
}

.palmares-card-value{
    font-size:34px;
    line-height:1;
    font-weight:800;
    color:#0b2f57;
}

.palmares-card-label{
    margin-top:8px;
    font-size:14px;
    font-weight:700;
    color:#555;
}


/*==================================================
=             PALMARES MOBILE                    =
==================================================*/

@media (max-width:768px){

    .team-palmares{
        display:block;
    }

    .team-palmares .team-section-title{
        margin-bottom:20px;
    }

    .palmares-grid{
        width:100%;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .palmares-card{
        min-height:125px;
        padding:16px 10px;
    }

    .palmares-card-icon{
        font-size:23px;
        margin-bottom:8px;
    }

    .palmares-card-value{
        font-size:30px;
    }

    .palmares-card-label{
        font-size:13px;
    }

}
/*==================================================
=       MIGLIORI PIAZZAMENTI STORICI              =
==================================================*/

.team-best-placements{
    margin-bottom:25px;
}

.best-placements-grid{

    display:grid;

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

    gap:20px;

    margin-top:20px;

}

.best-placement-card{

    background:#fff;

    border:1px solid #e1e6ec;

    border-radius:12px;

    padding:24px 18px;

    text-align:center;

    box-shadow:0 3px 10px rgba(0,0,0,.06);

    min-height:190px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.best-placement-icon{

    font-size:32px;

    color:#0b2f57;

    margin-bottom:12px;

}

.best-placement-title{

    font-size:16px;

    font-weight:700;

    color:#444;

    margin-bottom:12px;

}

.best-placement-position{

    font-size:34px;

    line-height:1;

    font-weight:800;

    color:#0b2f57;

}

.best-placement-season{

    margin-top:10px;

    font-size:14px;

    line-height:1.4;

    color:#666;

}

.best-placement-season span{

    margin:0 4px;

    color:#9aa4af;

}

.best-placement-empty{

    font-size:14px;

    color:#999;

}


/*---------------- RESPONSIVE ----------------*/

@media (max-width:768px){

    .best-placements-grid{

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

        gap:15px;

    }

    .best-placement-card{

        min-height:170px;

        padding:20px 12px;

    }

}

@media (max-width:480px){

    .best-placements-grid{

        grid-template-columns:1fr;

    }

}
/* ==================================================
   ULTIME 10 PARTITE - MOBILE
   ================================================== */

@media (max-width: 768px) {

    /* Riduce lo spazio laterale del box */
    .box {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Tabella a tutta larghezza */
    .stats-table {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        table-layout: fixed;
    }

    /* Nascondi Stagione, Competizione e Fase */
    .stats-table th:nth-child(1),
    .stats-table td:nth-child(1),
    .stats-table th:nth-child(2),
    .stats-table td:nth-child(2),
    .stats-table th:nth-child(3),
    .stats-table td:nth-child(3) {
        display: none;
    }

    /* Giornata */
    .stats-table th:nth-child(4),
    .stats-table td:nth-child(4) {
        width: 18%;
        white-space: nowrap;
    }

    /* Casa */
    .stats-table th:nth-child(5),
    .stats-table td:nth-child(5) {
        width: 32%;
    }

    /* Risultato */
    .stats-table th:nth-child(6),
    .stats-table td:nth-child(6) {
        width: 16%;
        white-space: nowrap;
    }

    /* Trasferta */
    .stats-table th:nth-child(7),
    .stats-table td:nth-child(7) {
        width: 34%;
    }

    /* Celle */
    .stats-table th,
    .stats-table td {
        padding: 7px 2px;
        font-size: 13px;
    }

    /* Stemmi più piccoli */
    .stats-table .squadra-cell img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 2px !important;
    }

    /* Nome squadra sempre sulla stessa riga */
    .stats-table .squadra-cell {
        white-space: nowrap;
        font-size: 12px;
    }

}
/* ==================================================
   SIGLE SQUADRE - ULTIME 10 PARTITE
   ================================================== */

.sigla-squadra-mobile {
    display: none;
}

@media (max-width: 768px) {

    .nome-squadra-desktop {
        display: none;
    }

    .sigla-squadra-mobile {
        display: inline;
        font-weight: 600;
    }
}
/* ==================================================
   CLASSIFICA ALL-TIME - MOBILE
   ================================================== */

.classifica-alltime-table .club-name-mobile {
    display: none;
}

@media (max-width: 768px) {

    .classifica-alltime-table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
    }
.classifica-alltime-table th.col-club {
    text-align: center !important;
}

    /* Nasconde GF, GS e DR */
    .classifica-alltime-table th:nth-child(7),
    .classifica-alltime-table td:nth-child(7),
    .classifica-alltime-table th:nth-child(8),
    .classifica-alltime-table td:nth-child(8),
    .classifica-alltime-table th:nth-child(9),
    .classifica-alltime-table td:nth-child(9) {
        display: none;
    }

    /* Posizione */
.classifica-alltime-table th:nth-child(1),
.classifica-alltime-table td:nth-child(1) {
    width: 8%;
}

/* Club */
.classifica-alltime-table th:nth-child(2),
.classifica-alltime-table td:nth-child(2) {
    width: 29%;
}

/* PG */
.classifica-alltime-table th:nth-child(3),
.classifica-alltime-table td:nth-child(3) {
    width: 13%;
}

/* V */
.classifica-alltime-table th:nth-child(4),
.classifica-alltime-table td:nth-child(4) {
    width: 12%;
}

/* N */
.classifica-alltime-table th:nth-child(5),
.classifica-alltime-table td:nth-child(5) {
    width: 12%;
}

/* P */
.classifica-alltime-table th:nth-child(6),
.classifica-alltime-table td:nth-child(6) {
    width: 12%;
}

/* PT */
.classifica-alltime-table th:nth-child(10),
.classifica-alltime-table td:nth-child(10) {
    width: 14%;
}

    .classifica-alltime-table th,
    .classifica-alltime-table td {
        padding: 9px 3px;
        font-size: 13px;
        white-space: nowrap;
    }

    /* Nome completo nascosto */
    .classifica-alltime-table .club-name-desktop {
        display: none;
    }

    /* Sigla visibile */
    .classifica-alltime-table .club-name-mobile {
        display: inline;
        font-weight: 600;
    }

    /* Stemmi */
    .classifica-alltime-table .club-logo {
        width: 28px;
        height: 28px;
        object-fit: contain;
        margin-right: 4px;
        vertical-align: middle;
    }

}

/* =========================================================
   SCHEDA CLUB - NUOVA GRAFICA (classi isolate)
   Palette coerente con Archivio Storico Fantabundesliga
========================================================= */
.club-page{max-width:1090px;margin:28px auto 48px;padding:0 16px;color:#18324b}
.club-page *{box-sizing:border-box}
.club-hero{display:grid;grid-template-columns:140px minmax(0,1fr) 230px;gap:26px;align-items:center;background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:28px 30px;margin-bottom:24px;box-shadow:0 4px 15px rgba(16,42,67,.07)}
.club-hero-logo{display:flex;align-items:center;justify-content:center;min-width:0}
.club-hero-logo img{width:112px;height:112px;object-fit:contain}
.club-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.1px;color:#a77c25;margin-bottom:9px}
.club-hero-info h1{font-size:34px;line-height:1.1;color:#0b2f57;margin:0 0 8px;font-weight:800}
.club-hero-subtitle{font-size:17px;font-weight:700;color:#586575;margin:0 0 14px}
.club-hero-subtitle i{color:#0b2f57;margin-right:7px}
.club-context{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe5eb;background:#f7f9fb;color:#4f5e6e;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600}
.club-context i{color:#0b2f57}
.club-manager{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:13px;font-size:13px;color:#4e5b69}
.club-manager>i{color:#0b2f57}.club-manager strong{color:#0b2f57}.club-position{text-align:center;border-left:1px solid #e0e4e8;padding-left:22px}
.club-position-label{font-size:13px;font-weight:700;color:#0b2f57}.club-position-number{font-size:54px;line-height:1.1;font-weight:800;color:#0b2f57;margin-top:5px}.club-position-number sup{font-size:22px;top:-.65em;position:relative}.club-position-caption{font-size:12px;color:#77818b}
.club-section{background:#fff;border:1px solid #e5e9ee;border-radius:12px;padding:26px 28px;margin-bottom:24px;box-shadow:0 4px 15px rgba(16,42,67,.05);min-width:0}
.club-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.club-section-heading h2{font-size:23px;line-height:1.25;margin:0;color:#111827;font-weight:800}.club-section-heading h2 i{color:#0b2f57;margin-right:9px}.club-section-heading>span{font-size:12px;color:#77818b}
.club-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.club-stat-card{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:16px 10px;border:1px solid #e1e6eb;border-radius:11px;background:#fff;box-shadow:0 4px 11px rgba(16,42,67,.07)}.club-stat-card>i{font-size:23px;color:#0b2f57}.club-stat-card>span{font-size:13px;color:#34465a}.club-stat-card>strong{font-size:27px;line-height:1.1;color:#0b2f57}.club-stat-card>strong.is-negative{color:#dc3545}
.club-trophy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.club-trophy-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#f7f9fb;border:1px solid #e1e6eb;border-radius:10px;padding:20px 12px}.club-trophy-card i{font-size:25px;color:#b28a32}.club-trophy-card span{font-size:13px;color:#4e5b69}.club-trophy-card strong{font-size:25px;color:#0b2f57}
.club-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.club-record-card{border:1px solid #e1e6eb;border-radius:10px;overflow:hidden;min-width:0}.club-record-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#0b2f57;background:#f4f7fa;border-bottom:1px solid #e1e6eb;padding:14px;margin:0;text-align:center}.club-record-list{padding:6px 13px}.club-record-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f3}.club-record-row:last-child{border-bottom:0}.club-record-medal{font-size:21px;flex:0 0 28px;text-align:center}.club-record-row strong{display:block;font-size:13px;color:#20364d}.club-record-row small{display:block;font-size:12px;color:#75808b;margin-top:3px}.club-empty{padding:18px!important;text-align:center!important;color:#7a8590!important;font-size:13px!important}
.club-economy-teaser>p{color:#5d6874;font-size:14px;margin:0 0 16px}.club-action-link{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:8px;background:#0b2f57;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.club-action-link:hover{background:#164675;color:#fff}
.club-table-wrap{width:100%;overflow-x:auto}.club-matches-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}.club-matches-table th{background:#f4f7fa;color:#0b2f57;text-align:left;font-weight:800;padding:13px 11px;border-bottom:1px solid #dfe5eb;white-space:nowrap}.club-matches-table td{padding:12px 11px;border-bottom:1px solid #edf0f3;color:#354456;white-space:nowrap}.club-matches-table tbody tr:hover{background:#f8fafc}.club-team-cell{display:flex;align-items:center;gap:8px}.club-team-cell img{width:25px;height:25px;object-fit:contain}.club-score{color:#0b2f57;font-size:14px}.club-market-future{display:flex;align-items:center;gap:17px;padding:22px 25px;background:#fff;border:1px dashed #b8c6d4;border-radius:12px;margin-bottom:30px}.club-market-icon{width:48px;height:48px;border-radius:10px;background:#eef3f8;display:flex;align-items:center;justify-content:center;color:#0b2f57;font-size:21px;flex:0 0 auto}.club-market-future h2{font-size:18px;margin:0 0 5px;color:#0b2f57}.club-market-future p{font-size:13px;margin:0;color:#66727e}.club-coming-soon{margin-left:auto;white-space:nowrap;padding:6px 9px;border-radius:20px;background:#f6f1e5;color:#8a6822;font-size:11px;font-weight:800}
@media(max-width:900px){.club-hero{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:23px}.club-hero-logo img{width:90px;height:90px}.club-position{grid-column:1/-1;border-left:0;border-top:1px solid #e3e7eb;padding:18px 0 0}.club-position-number{font-size:45px}.club-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.club-page{padding:0 10px;margin-top:16px}.club-hero{grid-template-columns:1fr;text-align:center;padding:22px 16px;gap:13px}.club-hero-logo img{width:88px;height:88px}.club-eyebrow{font-size:10px}.club-hero-info h1{font-size:29px}.club-hero-subtitle{font-size:15px}.club-context{max-width:100%;justify-content:center}.club-manager{justify-content:center}.club-section{padding:20px 14px;margin-bottom:17px}.club-section-heading{margin-bottom:17px}.club-section-heading h2{font-size:20px}.club-section-heading>span{width:100%}.club-stats-grid{gap:10px}.club-stat-card{min-height:108px;padding:13px 7px}.club-stat-card>strong{font-size:24px}.club-trophy-grid{gap:10px}.club-trophy-card{padding:17px 8px}.club-record-grid{grid-template-columns:1fr}.club-market-future{align-items:flex-start;padding:17px 14px;gap:12px}.club-market-icon{width:40px;height:40px}.club-market-future h2{font-size:16px}.club-market-future p{line-height:1.4}.club-coming-soon{font-size:10px;padding:5px 7px}}


/* Scheda club - riepilogo Kulo All-Time */
.club-kulo-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.club-kulo-main{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:20px 22px;border-radius:12px;background:linear-gradient(135deg,#103459,#1b4b76);color:#fff;min-width:0}
.club-kulo-label{font-size:13px;font-weight:700;color:#e5edf5}.club-kulo-label i{color:#e0bf73;margin-right:6px}
.club-kulo-main>strong{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.5px}.club-kulo-main>small{font-size:11px;color:#d3e0ed}
.club-kulo-stat{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:17px;border:1px solid #e5e9ee;border-radius:12px;background:#fff;min-width:0}
.club-kulo-stat>i{font-size:20px;color:#103459}.club-kulo-stat>span{font-size:12px;color:#64748b}.club-kulo-stat>strong{font-size:25px;line-height:1.1;color:#173b5d;font-weight:800}
@media(max-width:800px){.club-kulo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-kulo-main{grid-column:1/-1}}
@media(max-width:420px){.club-kulo-grid{gap:9px}.club-kulo-stat{padding:13px}.club-kulo-stat>strong{font-size:22px}.club-kulo-main{padding:18px}.club-kulo-main>strong{font-size:30px}}

/* Scheda club - identità e riepiloghi completi */
.club-identity-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:-4px 0 24px}
.club-identity-item{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 19px;background:#fff;border:1px solid #e5e9ee;border-radius:11px;box-shadow:0 4px 12px rgba(16,42,67,.05);min-width:0}
.club-identity-item>i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f6f1e5;color:#ad832d;font-size:17px}
.club-identity-item>span{font-size:12px;color:#657386}.club-identity-item>strong{font-size:22px;color:#0b2f57;font-weight:800;overflow-wrap:anywhere}
.club-economy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}
.club-economy-card{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid #e1e6eb;border-radius:10px;background:#f8fafc;min-width:0}
.club-economy-card>i{color:#b28a32;font-size:20px}.club-economy-card>span{font-size:12px;color:#64748b}.club-economy-card>strong{font-size:21px;line-height:1.2;color:#0b2f57;overflow-wrap:anywhere}.club-economy-card>strong.is-negative{color:#dc3545}.club-economy-card>strong.is-positive{color:#198754}
@media(max-width:700px){.club-identity-strip{grid-template-columns:1fr;gap:9px}.club-identity-item{padding:13px 16px}.club-economy-grid{grid-template-columns:1fr}.club-economy-card{padding:15px}}

/* Scheda Club: quattro indicatori identitari, inclusa la posizione Kulo All-Time */
.club-identity-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.club-identity-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.club-identity-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.club-identity-item{padding:12px 9px}.club-identity-item strong{font-size:18px}}

/* Scheda club: semplificazione indicatori e card Calciomercato */
.club-market-future{position:relative;min-height:118px;border:1px solid #d8e1ea;border-left:4px solid #b58a32;background:linear-gradient(110deg,#fff 0%,#fbfcfe 100%);box-shadow:0 5px 16px rgba(16,42,67,.05)}
.club-market-content{flex:1;min-width:0}
.club-market-eyebrow{display:block;color:#a77c25;font-size:10px;letter-spacing:1.25px;font-weight:800;margin-bottom:5px}
.club-market-future h2{font-size:20px;margin:0 0 7px;color:#0b2f57}
.club-market-future p{max-width:760px;line-height:1.55}
.club-market-icon{width:54px;height:54px;background:#f6f1e5;color:#a77c25;font-size:23px}
.club-coming-soon{display:inline-flex;align-items:center;gap:6px}
@media(max-width:600px){.club-market-future{flex-wrap:wrap}.club-market-content{flex-basis:calc(100% - 65px)}.club-coming-soon{margin-left:66px}}


/* Scheda club: accesso visibile al Calciomercato storico */
.club-identity-link { text-decoration: none; color: inherit; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.club-identity-link:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(10, 42, 73, .10); }
.club-identity-link strong { color: #a77c25; font-size: .88rem; }
.club-identity-link strong .fa-arrow-down { margin-left: .25rem; font-size: .75rem; }
@media (max-width: 760px) { .club-identity-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .club-identity-strip { grid-template-columns: 1fr; } }
.club-identity-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ==========================================
   CLASSIFICA KULO - SOLO MOBILE
   ========================================== */
@media (max-width: 768px) {

    .classifica-kulo-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .classifica-kulo-table {
        width: 760px;
        min-width: 760px;
        table-layout: auto;
    }

    .classifica-kulo-table th,
    .classifica-kulo-table td {
        white-space: nowrap;
        padding: 12px 8px;
    }

    .classifica-kulo-table .col-kulo-rank {
        width: 45px;
    }

    .classifica-kulo-table .col-kulo-club {
        width: 220px;
    }

    .classifica-kulo-table .club-cell {
        gap: 8px;
        padding-left: 8px !important;
    }

    .classifica-kulo-table .club-logo {
        width: 28px;
        height: 28px;
    }

    .classifica-kulo-table .club-name {
        font-size: 15px;
    }
}


/* ==================================================
   CLASSIFICA KULO ALL-TIME - MOBILE COMPATTO
   ================================================== */

/* Desktop: nome completo, sigla nascosta */
.classifica-kulo-table .club-name-desktop {
    display: inline;
}

.classifica-kulo-table .club-name-mobile {
    display: none;
}

/* Solo smartphone */
@media (max-width: 768px) {

    .classifica-kulo-table {
        display: table;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .classifica-kulo-table th,
    .classifica-kulo-table td {
        padding: 10px 2px;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
    }

    /* Larghezza colonne */
    .classifica-kulo-table th:nth-child(1),
    .classifica-kulo-table td:nth-child(1) {
        width: 8%;
    }

    .classifica-kulo-table th:nth-child(2),
    .classifica-kulo-table td:nth-child(2) {
        width: 28%;
    }

.classifica-kulo-table th:nth-child(3),
.classifica-kulo-table td:nth-child(3) {
    width: 13%;
}
.classifica-kulo-table th:nth-child(3) {
    font-size: 11px;
    line-height: 1.2;
}

    .classifica-kulo-table th:nth-child(4),
    .classifica-kulo-table td:nth-child(4),
    .classifica-kulo-table th:nth-child(5),
    .classifica-kulo-table td:nth-child(5),
    .classifica-kulo-table th:nth-child(6),
    .classifica-kulo-table td:nth-child(6),
    .classifica-kulo-table th:nth-child(7),
    .classifica-kulo-table td:nth-child(7) {
        width: 9%;
    }

.classifica-kulo-table th:nth-child(8),
.classifica-kulo-table td:nth-child(8) {
    width: 20%;
}

.classifica-kulo-table th:nth-child(8) {
    white-space: normal;
    line-height: 1.2;
    font-size: 12px;
}

.classifica-kulo-table td:nth-child(8) {
    padding-left: 1px;
    padding-right: 7px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

    /* Icone intestazioni */
    .classifica-kulo-table thead th i {
        font-size: 17px;
    }

    /* Logo e sigla ravvicinati */
    .classifica-kulo-table .club-cell {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 0 !important;
        min-width: 0;
    }

    .classifica-kulo-table .club-logo {
        width: 23px;
        height: 23px;
        object-fit: contain;
        flex-shrink: 0;
        margin: 0;
    }

    .classifica-kulo-table .club-name-desktop {
        display: none;
    }

    .classifica-kulo-table .club-name-mobile {
        display: inline;
        font-size: 11px;
        font-weight: 700;
        color: #0a2c66;
        line-height: 1.2;
    }

    /* Nessuno scorrimento orizzontale */
    .classifica-kulo-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .classifica-kulo-table td:nth-child(8) {
    padding-left: 1px;
    padding-right: 5px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}
}

/* ==========================================
   SCHEDA SQUADRA - CORREZIONI SOLO MOBILE
   ========================================== */

@media (max-width: 700px) {

    /* Schede riepilogative: una sotto l'altra */
    .club-identity-strip {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px;
        margin: 0 0 22px;
        width: 100%;
    }

    .club-identity-item {
        width: 100%;
        min-width: 0;
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 13px 15px;
        column-gap: 12px;
        box-sizing: border-box;
    }

    .club-identity-item > span {
        font-size: 13px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .club-identity-item > strong {
        font-size: 19px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    /* Profilo squadra */
    .club-page {
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .club-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
        padding: 22px 16px;
    }

    .club-hero-info {
        min-width: 0;
        text-align: center;
    }

    .club-hero-info h1 {
        font-size: 30px;
        overflow-wrap: anywhere;
    }

    .club-position {
        border-left: 0;
        border-top: 1px solid #e0e4e8;
        padding: 16px 0 0;
    }

    /* Schede statistiche: due colonne */
    .club-stats-grid,
    .club-trophy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .club-section {
        padding: 20px 14px;
    }

    /* Tabelle: scorrimento solo se necessario */
    .club-table-wrap {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* SCHEDA SQUADRA - MOBILE: SPAZI PIU' COMPATTI */
@media (max-width: 700px) {

    .club-identity-strip {
        gap: 7px;
        margin-bottom: 18px;
    }

    .club-identity-item {
        padding: 10px 14px;
    }

    .club-identity-item > i {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .club-identity-item > strong {
        font-size: 18px;
    }

    .club-section {
        padding: 18px 12px;
        margin-bottom: 18px;
    }

    .club-section-heading {
        margin-bottom: 16px;
        gap: 8px;
    }

    .club-section-heading h2 {
        font-size: 21px;
    }

    .club-stats-grid,
    .club-trophy-grid {
        gap: 8px;
    }

    .club-stat-card {
        min-height: 100px;
        padding: 12px 6px;
    }

    .club-stat-card > strong {
        font-size: 24px;
    }

}