/* ============================================= */
/* GRANDS ECRANS - 1920px et + */
/* ============================================= */
@media screen and (min-width: 1475px) {

    /* 1. BASE : on augmente tout */
    body {
        font-size: 17px; /* au lieu de 15px */
    }
    .container-fluid {
        max-width: 1700px; /* évite que ça fasse une ligne de 1920px */
        margin: 0 auto;
    }

    /* 2. MENU / NAVBAR */
    .navbar, .menu, nav {
        padding: 12px 30px;
    }
    .navbar a, .menu a, nav a {
        font-size: 1.15rem; /* 18.4px */
        padding: 14px 22px;
        font-weight: 600;
    }
    .navbar .logo, .menu .logo {
        font-size: 1.6rem;
    }

    /* 3. SIDEBAR si tu en as une */
    .sidebar {
        width: 280px;
        font-size: 1.1rem;
    }
    .sidebar a {
        padding: 14px 20px;
    }

    /* 4. BOUTONS */
    .btn, button, input[type="submit"] {
        font-size: 1.1rem;
        padding: 12px 24px;
        border-radius: 8px;
    }

    /* 5. CALENDRIER - Ton cas précis */
    .nav-mois h3 {
        font-size: 1.6rem; /* Mois Année plus gros */
    }
    .nav-mois a {
        font-size: 1.05rem;
        padding: 10px 18px;
    }
    .jour-nom {
        font-size: 1rem;
        padding: 10px 5px;
    }
    .jour {
        min-height: 110px; /* cases plus grandes */
        padding: 25px 6px 8px 6px;
        font-size: 0.9rem;
    }
    .jour-num {
        font-size: 0.95rem;
    }
    .jour-banner {
        font-size: 0.85rem; /* texte des events plus lisible */
        padding: 6px 8px;
    }
    .badge-indice {
        width: 18px;
        height: 18px;
        font-size: 11px;
        line-height: 18px;
    }

    /* 6. TABLEAUX / CARTES */
    table {
        font-size: 1.05rem;
    }
    table th, table td {
        padding: 14px 16px;
    }
    .card {
        padding: 25px;
    }

    /* 7. LEGENDE */
    .legende {
        font-size: 1rem;
        gap: 25px;
    }
    .legende i {
        width: 22px;
        height: 22px;
    }
}

/* Optionnel : Ultra large 2560px */
@media screen and (min-width: 2000px) {
    body { font-size: 18px; }
    .container-fluid { max-width: 1900px; }
    .navbar a { font-size: 1.25rem; }
}