/* Pages publiques : adaptations petits ecrans (2026-09-25) */
/* Calendrier : chaque ligne devient une carte sous 700 px (date + lieu, puis discipline, genre, circuit, infos, statut) */
@media (max-width:700px){
  .cal-tbl thead{display:none}
  .cal-tbl,.cal-tbl tbody{display:block;width:100%}
  .cal-tbl tr{display:grid;grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"date venue venue venue venue" "disc gender circuit status info";
    gap:4px 10px;align-items:center;padding:10px 4px;border-bottom:1px solid rgba(127,127,127,.25)}
  .cal-tbl td{display:block;padding:0 !important;border:0 !important;text-align:left !important}
  .cal-tbl .cal-date{grid-area:date;font-weight:700;white-space:nowrap}
  .cal-tbl .cal-venue{grid-area:venue;font-weight:600}
  .cal-tbl .cal-disc{grid-area:disc}.cal-tbl .cal-gender{grid-area:gender}.cal-tbl .cal-circuit{grid-area:circuit;opacity:.8}
  .cal-tbl .cal-status{grid-area:status}.cal-tbl .cal-info{grid-area:info;justify-self:end}
  .cal-tbl .cal-startlist-link{display:inline-block;margin:2px 0 0 !important}
}
/* Tableaux larges : defilement horizontal dans leur carte plutot que la page entiere */
@media (max-width:700px){
  .card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body{padding:8px !important}
}

/* Fenetres et boites de dialogue : fond, texte et bordure du theme du site (auparavant ceux du navigateur) */
dialog, .s25-dialog, .modal, .popup{background:var(--card,#0f172a);color:var(--text,#e5e7eb);border-color:var(--border,#1f2937)}
dialog .muted, .s25-dialog .muted{color:var(--muted,#94a3b8)}
/* En-tetes de tableaux : lisibles dans les deux themes, quelle que soit la classe du tableau */
html.theme-dark table thead th{background:#0b1325;color:#dbeafe}
html.theme-light table thead th{background:var(--head,#eef3f9);color:var(--text,#0f172a)}

/* Tableaux : sous 700 px, chaque tableau defile dans sa propre largeur au lieu d'elargir toute la page
   (sauf le calendrier en cartes et la liste de depart, deja adaptes) */
@media (max-width:700px){
  main table:not(.cal-tbl):not(.sl-table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}