/* Adaptations tablette et petit écran (CDC §4 : ordinateur et tablette) */

@media (max-width: 1200px) {
  .grille--deux-tiers {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  :root {
    --largeur-menu: 76px;
  }

  .menu__lien span,
  .menu__saison,
  .menu__badge {
    display: none;
  }

  .menu__lien {
    justify-content: center;
    padding: 13px 0;
  }

  .menu__logo img {
    width: 52px;
    height: 52px;
  }

  .contenu,
  .entete {
    padding-left: var(--espace-l);
    padding-right: var(--espace-l);
  }

  .grille--moitie {
    grid-template-columns: 1fr;
  }

  .definition {
    grid-template-columns: 150px 1fr;
  }
}

@media (max-width: 768px) {
  .application {
    grid-template-columns: 1fr;
  }

  .menu {
    position: static;
    height: auto;
    flex-direction: row;
    overflow-x: auto;
  }

  .menu__logo {
    display: none;
  }

  .menu__liens {
    flex-direction: row;
    padding: var(--espace-s);
  }

  .menu__lien {
    border-left: 0;
    border-bottom: 3px solid transparent;
    padding: 10px 14px;
  }

  .menu__lien--actif {
    border-left-color: transparent;
    border-bottom-color: var(--or);
  }

  .entete {
    flex-wrap: wrap;
    padding: var(--espace-m);
  }

  .entete__titre {
    font-size: 20px;
  }

  .contenu {
    padding: var(--espace-m);
  }

  .definition {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .page-entete__actions {
    margin-left: 0;
    width: 100%;
  }
}

/* Impression : listes de groupes et fiches adhérent */
@media print {
  .menu,
  .entete__droite,
  .filtres,
  .pagination,
  .page-entete__actions,
  .notifications {
    display: none !important;
  }

  .application {
    grid-template-columns: 1fr;
  }

  .carte,
  .kpi {
    box-shadow: none;
    break-inside: avoid;
  }

  body {
    background: var(--blanc);
  }
}