/* Masquer infos d'article */
.article-info,
.article-info-block,
dd.createdby,
dd.published,
dd.hits,
dd.category-name,
dl.article-info,
.page-header {
  display: none !important;
}
/* ==========================================================
   Responsive mobile / tablette (TCA-7) — ajouté le 17/10/2026
   Les blocs du site sont mis en page avec des styles "inline"
   (display:flex sur plusieurs colonnes) : sans ces règles, ils
   restent côte à côte sur petit écran et débordent.
   ========================================================== */

/* Un seul bouton menu : le panneau latéral (offcanvas) est vide,
   on garde le menu déroulant qui contient bien les liens. */
@media (max-width: 991.98px) {
  .t4-offcanvas-toggle { display: none !important; }
}

/* Tablette : les rangées de 4 colonnes et plus passent sur 2 colonnes */
@media (min-width: 768px) and (max-width: 991.98px) {
  [style*="display: flex"]:has(> :nth-child(4)) { flex-wrap: wrap !important; }
  [style*="display: flex"]:has(> :nth-child(4)) > [style*="flex"] {
    flex: 1 1 calc(50% - 30px) !important;
    min-width: 0;
  }
}

/* Mobile : toutes les colonnes s'empilent */
@media (max-width: 767.98px) {
  [style*="display: flex"] { flex-wrap: wrap !important; }
  [style*="display: flex"] > [style*="flex: 1"],
  [style*="display: flex"] > [style*="flex: 0 0"],
  [style*="display: flex"] > [style*="flex:1"] {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }
  [style*="gap: 30px"] > * { flex: 1 1 100% !important; max-width: 100% !important; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="white-space: nowrap"] { white-space: normal !important; }
  img, iframe, video { max-width: 100%; }
  [style*="padding: 40px"], [style*="padding: 35px"] { padding: 25px 20px !important; }
}

/* Logo en mode sombre : un seul logo (17/10/2026)
   Une règle du Custom Code force le logo "clair" en display:block !important,
   il restait donc affiché à côté du logo "sombre". */
body.dark-active .navbar-brand.logo-image span.d-light { display: none !important; }

/* Résultats (Agenda & Résultats) : affichage façon tableau de score (17/10/2026)
   TC Andlau sur la 1re ligne, l'adversaire sur la 2e, le score à droite :
   l'alignement reste propre même avec un nom d'adversaire long. */
[style*="justify-content: space-between"]:has(> p[style*="font-size: 22px"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 76px;
  grid-template-areas: "eq1 score" "eq2 score";
  align-items: center;
  column-gap: 16px;
  row-gap: 4px;
}
[style*="justify-content: space-between"]:has(> p[style*="font-size: 22px"]) > p { margin: 0; line-height: 1.35; min-width: 0; text-align: left; word-break: normal; overflow-wrap: normal; }
[style*="justify-content: space-between"]:has(> p[style*="font-size: 22px"]) > p:first-child { grid-area: eq1; }
[style*="justify-content: space-between"]:has(> p[style*="font-size: 22px"]) > p:last-child { grid-area: eq2; }
[style*="justify-content: space-between"]:has(> p[style*="font-size: 22px"]) > p:nth-child(2) {
  grid-area: score; white-space: nowrap; text-align: center; font-size: 22px !important;
  padding-left: 0; border-left: 1px solid #dddddd; align-self: stretch; display: flex; align-items: center; justify-content: center;
}