/*
 * KMØ Core 1.7.6 — Pronostics du jour / Accueil
 * Correctif de rendu 1.7.5 : cartes 4 colonnes fiables, sans chevauchement.
 * Le desktop reprend fidèlement la logique de la maquette validée :
 * compétition + heure, deux équipes en lignes, sélection KMØ, probabilités 1/N/2.
 */

#kmo.km-homepage-175 .km-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}

#kmo.km-homepage-175 .km-home-card{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  border:1px solid #294453!important;
  border-radius:7px!important;
  background:linear-gradient(160deg,#071923,#06141c)!important;
  overflow:hidden!important;
  font-family:var(--kmo-font-ui,"KMO Geist Sans",Arial,Helvetica,sans-serif)!important;
  color:#f3f5f6!important;
}

#kmo.km-homepage-175 .km-home-card *,
#kmo.km-homepage-175 .km-home-card *::before,
#kmo.km-homepage-175 .km-home-card *::after{box-sizing:border-box}

#kmo.km-homepage-175 .km-home-card a{
  color:inherit!important;
  text-decoration:none!important;
}

#kmo.km-homepage-175 .km-home-card-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:13px 14px 12px!important;
}

/* Ligne haute : compétition à gauche, heure à droite — comme la maquette. */
#kmo.km-homepage-175 .km-home-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  min-width:0!important;
}

#kmo.km-homepage-175 .km-home-competition{
  order:1!important;
  min-width:0!important;
  max-width:none!important;
  color:#9fb0ba!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#kmo.km-homepage-175 .km-home-date{
  order:2!important;
  min-width:0!important;
  margin:0!important;
  text-align:right!important;
}

#kmo.km-homepage-175 .km-home-date span{display:none!important}
#kmo.km-homepage-175 .km-home-date strong{
  display:block!important;
  margin:0!important;
  color:#c9d4da!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Deux équipes sur deux lignes : aucune collision possible dans une grille 4 colonnes. */
#kmo.km-homepage-175 .km-home-fixture{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:72px!important;
  padding:2px 0 10px!important;
  border-bottom:1px solid #1c3340!important;
}

#kmo.km-homepage-175 .km-home-vs{display:none!important}

#kmo.km-homepage-175 .km-home-team{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  color:#f4f6f8!important;
}

#kmo.km-homepage-175 .km-home-team-logo,
#kmo.km-homepage-175 .km-home-team-logo:empty::before{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  margin:0!important;
}

#kmo.km-homepage-175 .km-home-team-logo:empty::before{
  content:"KMØ";
  border:1px solid #29404e!important;
  border-radius:50%!important;
  color:#718594!important;
  font-size:6px!important;
}

#kmo.km-homepage-175 .km-home-team-logo img,
#kmo.km-homepage-175 .km-home-card .km-team-logo{
  display:block!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

#kmo.km-homepage-175 .km-home-team-name{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#f5f7f9!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Sélection : 1X2 | pari KMØ | chevron sur UNE seule ligne. */
#kmo.km-homepage-175 .km-home-pick{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

#kmo.km-homepage-175 .km-home-pick::before{
  content:"1X2"!important;
  display:block!important;
  color:#aebbc2!important;
  font-size:11px!important;
  line-height:1!important;
}

#kmo.km-homepage-175 .km-home-pick::after{
  content:"›"!important;
  display:block!important;
  color:#dfbd73!important;
  font-size:20px!important;
  line-height:1!important;
  text-align:right!important;
}

#kmo.km-homepage-175 .km-home-pick small{display:none!important}
#kmo.km-homepage-175 .km-home-pick strong{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#dfbd73!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

#kmo.km-homepage-175 .km-home-probability-block{min-width:0!important}
#kmo.km-homepage-175 .km-home-probability-block>small{display:none!important}
#kmo.km-homepage-175 .km-home-probabilities{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;
  width:100%!important;
  border:1px solid #1c3340!important;
  border-radius:5px!important;
  overflow:hidden!important;
  background:#081b25!important;
}

#kmo.km-homepage-175 .km-home-probabilities>span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  padding:7px 3px 8px!important;
  text-align:center!important;
}

#kmo.km-homepage-175 .km-home-probabilities>span+span{border-left:1px solid #1c3340!important}
#kmo.km-homepage-175 .km-home-probabilities small{
  display:block!important;
  color:#aebbc2!important;
  font-size:10px!important;
  line-height:1!important;
}
#kmo.km-homepage-175 .km-home-probabilities b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#f5f7f9!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#kmo.km-homepage-175 .km-home-probabilities>span:first-child b{color:#62e3af!important}

@media(max-width:1100px){
  #kmo.km-homepage-175 .km-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile : carte large et lisible, même logique visuelle. */
@media(max-width:700px){
  #kmo.km-homepage-175 .km-cards{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #kmo.km-homepage-175 .km-home-card-inner{gap:14px!important;padding:16px 15px 15px!important}
  #kmo.km-homepage-175 .km-home-competition{font-size:12px!important}
  #kmo.km-homepage-175 .km-home-date strong{font-size:12px!important}
  #kmo.km-homepage-175 .km-home-fixture{gap:9px!important;min-height:84px!important}
  #kmo.km-homepage-175 .km-home-team{grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important}
  #kmo.km-homepage-175 .km-home-team-logo,
  #kmo.km-homepage-175 .km-home-team-logo:empty::before,
  #kmo.km-homepage-175 .km-home-team-logo img,
  #kmo.km-homepage-175 .km-home-card .km-team-logo{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important}
  #kmo.km-homepage-175 .km-home-team-name{font-size:16px!important}
  #kmo.km-homepage-175 .km-home-pick{grid-template-columns:36px minmax(0,1fr) 16px!important;min-height:36px!important}
  #kmo.km-homepage-175 .km-home-pick strong{font-size:15px!important}
  #kmo.km-homepage-175 .km-home-probabilities b{font-size:17px!important}
}