/* V88 — Cartes : correction structurelle des dépassements, sans changer l'identité V87. */
body.page-courses .course-grid .course-card .course-top .toptext {
  position:absolute!important;
  top:15px!important;
  left:17px!important;
  right:17px!important;
  bottom:15px!important;
  inset:15px 17px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
body.page-courses .course-grid .course-card .course-top .tagrow {
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.page-courses .course-grid .course-card .course-top .tagrow .km,
body.page-courses .course-grid .course-card .course-top .tagrow .smalltag {
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
body.page-courses .course-grid .course-card .course-top .tagrow .smalltag:last-child {
  margin-left:auto!important;
}
body.page-courses .course-grid .course-card .course-top .tagrow .challenge-sub {
  display:none!important;
}
body.page-courses .course-grid .course-card .course-top h2 {
  max-width:100%!important;
  overflow-wrap:break-word!important;
  text-wrap:balance;
}
/* Sur les petits écrans, on peut passer l'étiquette d'information en ligne 2. */
@media(max-width:560px){
 body.page-courses .course-grid .course-card .course-top .toptext{inset:12px 13px!important}
 body.page-courses .course-grid .course-card .course-top .tagrow{flex-wrap:wrap!important;gap:6px!important}
 body.page-courses .course-grid .course-card .course-top .tagrow .smalltag:last-child{margin-left:0!important}
 body.page-courses .course-grid .course-card .course-top h2{font-size:clamp(21px,6vw,28px)!important;margin-top:10px!important}
}
