/* =========================================================
   LAYOUT LARGE GLOBAL — 12e Région Colombophile
   À charger APRÈS les autres feuilles de style.
   ========================================================= */

:root{
    --site-wide-max: 1880px;
    --site-wide-gap: clamp(10px, 1.2vw, 24px);
}

/* Conteneurs les plus utilisés dans le portail et Signalements */
.container,
.main-container,
.page-container,
.content-container,
.wrapper,
.site-wrapper{
    width:min(calc(100vw - (var(--site-wide-gap) * 2)), var(--site-wide-max)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Les grandes cartes doivent exploiter la largeur disponible */
.main-shell,
.form-shell,
.dashboard-shell,
.admin-shell,
.content-shell{
    width:100% !important;
    max-width:none !important;
}

/* Réduction des marges verticales et latérales inutiles */
.page-wrap,
.page,
.main-content{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Signalements : priorité au classement, carte en complément */
.ranking-map-layout{
    grid-template-columns:minmax(0, 2.15fr) minmax(340px, .85fr) !important;
    gap:clamp(12px, 1vw, 20px) !important;
}

.content{
    padding-left:clamp(12px, 1.2vw, 24px) !important;
    padding-right:clamp(12px, 1.2vw, 24px) !important;
}

.hero-card,
.hero,
.form-header,
.form-body{
    padding-left:clamp(16px, 1.5vw, 30px) !important;
    padding-right:clamp(16px, 1.5vw, 30px) !important;
}

/* Tableau : garder toutes les colonnes lisibles */
#live-ranking table{
    width:100% !important;
    table-layout:fixed !important;
    min-width:0 !important;
}

#live-ranking col.col-rank{width:8% !important}
#live-ranking col.col-name{width:25% !important}
#live-ranking col.col-club{width:17% !important}
#live-ranking col.col-distance{width:14% !important}
#live-ranking col.col-arrival{width:19% !important}
#live-ranking col.col-speed{width:12% !important}
#live-ranking col.col-cm{width:5% !important}

#live-ranking .table-scroll{
    overflow-x:hidden !important;
}

#live-ranking thead th,
#live-ranking tbody td{
    padding-left:clamp(6px,.65vw,11px) !important;
    padding-right:clamp(6px,.65vw,11px) !important;
}

#live-ranking .name,
#live-ranking .club{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    text-overflow:clip !important;
}

/* Écrans moyens : carte sous le classement */
@media(max-width:1100px){
    .ranking-map-layout{
        grid-template-columns:1fr !important;
    }
}

/* Mobile : marges très réduites */
@media(max-width:760px){
    :root{
        --site-wide-gap:8px;
    }

    .container,
    .main-container,
    .page-container,
    .content-container,
    .wrapper,
    .site-wrapper{
        width:calc(100vw - 16px) !important;
    }
}