/* Poolrooms — Refonte NHL/NBA V07, seulement la zone des horaires.
   Aucun sélecteur hero, menu, header, champion, nouvelle ou publicité. */
.pr-home-highlights{margin-top:20px}
.pr-home-highlights .pr-highlight-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  border:0;border-radius:0;background:transparent;overflow:visible;
}
.pr-home-highlights .pr-highlight,
.pr-home-highlights .pr-highlight + .pr-highlight{
  min-width:0;min-height:0;overflow:hidden;padding:0;
  border:1px solid #dbe3ee;border-radius:16px;background:#fff;
  box-shadow:0 5px 24px rgba(9,31,60,.045)
}
/* Important: le CSS historique donnait à NHL order:2 et à MLB order:1. */
.pr-home-highlights .pr-highlight--nhl{order:0}
.pr-home-highlights .pr-highlight--nba{order:1}
.pr-home-highlights .pr-highlight__header{
  display:flex;align-items:center;gap:12px;min-height:77px;
  padding:14px 18px;margin:0;background:#f8fafc;border-bottom:1px solid #dbe3ee
}
.pr-home-highlights .pr-highlight__league-icon{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;flex:0 0 42px;border-radius:12px;
  background:#e9eff6;color:#102c53;font-size:20px
}
.pr-home-highlights .pr-highlight--nhl .pr-highlight__league-icon{background: var(--bs-tertiary-color);color:#d5102d}
.pr-home-highlights .pr-highlight--nba .pr-highlight__league-icon{background: var(--bs-tertiary-color);color:#f58a1f}
.pr-home-highlights .pr-highlight__title-group{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.pr-home-highlights .pr-highlight h2{
  margin:0;font-size:clamp(26px,1.5vw,26px);line-height:1.2;
  color:#081c39;font-weight:800;letter-spacing:0;text-transform:none
}
.pr-home-highlights .pr-highlight__subtitle{font-size:12px;font-weight:500;line-height:1.3;color:#314662}
.pr-home-highlights .pr-highlight__league-tag{
  flex:0 0 auto;padding:7px 10px;border-radius:7px;background:#102d55;
  color:#fff;font-size:12px;font-weight:800;line-height:1
}
.pr-home-highlights .pr-highlight--nhl .pr-highlight__league-tag{background:#d5102d}
.pr-home-highlights .pr-highlight--nba .pr-highlight__league-tag{background:#f58a1f}
/* V11 — pastilles de dates NBA : même orange que la pastille NBA de l'entête.
   La NHL conserve le rouge existant. */
.pr-home-highlights .pr-highlight--nba .pr-time{background:#f58a1f;color:#fff}
.pr-home-highlights .pr-game-list{display:grid;gap:8px;min-width:0;padding:12px}
/* Le groupe équipes est maintenant un grid indépendant de l'heure.
   VS est CENTRÉ entre deux colonnes de largeur STRICTEMENT identique. */
.pr-home-highlights .pr-game,
.pr-home-highlights .pr-game:last-child{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:10px;min-width:0;min-height:67px;
  padding:9px 12px;border:1px solid #e4eaf1;border-radius:12px;
  background:#fff;color:#0b2548;box-sizing:border-box
}
.pr-home-highlights .pr-game__matchup{
  width:100%;min-width:0;display:grid;
  grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);
  align-items:center;gap:6px
}
.pr-home-highlights .pr-team{
  display:flex;align-items:center;gap:9px;min-width:0;
  color:#0b2548;font-size:14px;line-height:1.25;font-weight:800
}
.pr-home-highlights .pr-team__logo-wrap{
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;flex:0 0 140px;
  border-radius:10px;background:#fff;overflow:hidden
}
.pr-home-highlights .pr-team__logo{display:block;width:60px;height:60px;object-fit:contain}
.pr-home-highlights .pr-team__logo-wrap.is-fallback{background:#e8ecf3}
.pr-home-highlights .pr-team__abbr{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-home-highlights .pr-game__matchup .pr-vs{
  display:block;position:static;grid-column:2;
  width:32px;min-width:0;margin:0;padding:0;
  justify-self:center;align-self:center;
  text-align:center;
  color: #0b2548;
    font-size: 14px;
	font-weight:800
}
.pr-home-highlights .pr-game__matchup .pr-team:last-child{grid-column:3;margin:0;padding:0}
.pr-home-highlights .pr-game > .pr-vs + .pr-team,
.pr-home-highlights .pr-game > .pr-team:nth-of-type(2){padding:0}
.pr-home-highlights .pr-time{
  display:inline-flex;align-items:center;justify-content:center;justify-self:end;
  min-width:118px;min-height:34px;padding:5px 10px;
  border-radius:8px;background:#d5102d;color:#fff;
  font-size:12px;line-height:1.2;font-weight:800;white-space:nowrap;text-align:center
}
.pr-home-highlights .pr-game--empty,
.pr-home-highlights .pr-game--empty:last-child{
  min-height:185px;display:flex;justify-content:center;align-items:center;
  background:#fff;border:0
}
.pr-home-highlights .pr-empty-state{gap:10px}
.pr-home-highlights .pr-empty-state__icon{width:60px;height:60px;font-size:26px;background:#eff3f8;color:#486584}
.pr-home-highlights .pr-empty-state__text{font-size:14px;color:#122e53}
.pr-home-highlights .pr-game-list--carousel .pr-game-carousel__page{gap:8px}
@media (min-width:621px) and (max-width:830px){
  .pr-home-highlights .pr-highlight-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .pr-home-highlights .pr-highlight-grid{
    display:flex;grid-template-columns:none;gap:0;overflow-x:auto;
    overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain
  }
  .pr-home-highlights .pr-highlight,
  .pr-home-highlights .pr-highlight + .pr-highlight{
    width:100%;min-width:100%;flex:0 0 100%;border-radius:15px;
    scroll-snap-align:start;scroll-snap-stop:always
  }
  .pr-home-highlights .pr-highlight__header{padding:12px;gap:9px;min-height:74px}
  .pr-home-highlights .pr-highlight__league-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}
  .pr-home-highlights .pr-highlight h2{font-size:22px}
  .pr-home-highlights .pr-highlight__subtitle{font-size:12px}
  .pr-home-highlights .pr-highlight__league-tag{font-size:12px;padding:6px 8px}
  .pr-home-highlights .pr-game-list{padding:8px;gap:7px}
  .pr-home-highlights .pr-game,
  .pr-home-highlights .pr-game:last-child{
    grid-template-columns:minmax(0,1fr) auto;gap:5px;min-height:61px;
    padding:7px 6px;border-radius:9px
  }
  .pr-home-highlights .pr-game__matchup{
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:3px
  }
  .pr-home-highlights .pr-team{gap:4px;font-size:12px}
  .pr-home-highlights .pr-team__logo-wrap{width:37px;height:37px;flex-basis:37px;border-radius:8px}
  .pr-home-highlights .pr-team__logo{width:35px;height:35px}
  .pr-home-highlights .pr-game__matchup .pr-vs{width:24px;font-size:12px}
  .pr-home-highlights .pr-time{min-width:106px;min-height:31px;padding:4px 8px;font-size:12px}
  .pr-home-highlights .pr-game--empty{min-height:144px}
}
@media (max-width:360px){
  .pr-home-highlights .pr-team__logo-wrap{width:32px;height:32px;flex-basis:32px}
  .pr-home-highlights .pr-team__logo{width:30px;height:30px}
  .pr-home-highlights .pr-game__matchup{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
  .pr-home-highlights .pr-game__matchup .pr-vs{width:20px}
  .pr-home-highlights .pr-team{font-size:12px}
  .pr-home-highlights .pr-time{min-width:100px}
}

/* ================================================================
   V09 — Meme hauteur de rangée pour 5 matchs NHL et NBA
   Ne plus étirer seulement le calendrier NHL : lorsque les deux ligues
   ont 5 matchs, les lignes doivent toutes être de hauteur identique.
   Scope strictement limité aux blocs d'horaires.
   ================================================================ */
.pr-home-highlights .pr-highlight--schedule {
  display:flex;
  flex-direction:column;
}
/* Une taille par rangée, identique pour les deux ligues.
   La règle s'applique aussi aux pages du carrousel AJAX (>5 matchs). */
.pr-home-highlights .pr-highlight--schedule .pr-game-list:not(.pr-game-list--carousel) {
  flex:0 0 auto;
  grid-auto-rows:80px;
  align-content:start;
}
.pr-home-highlights .pr-highlight--schedule .pr-game-list--carousel {
  flex:0 0 auto;
}
.pr-home-highlights .pr-highlight--schedule .pr-game-carousel__page {
  grid-auto-rows:80px;
  align-content:start;
}
/* Les logos NHL restent plus grands que dans l'ancienne version. */
.pr-home-highlights .pr-highlight--nhl .pr-team__logo-wrap {
  width:68px;
  height:68px;
  flex:0 0 140px;
  background:#fff;
}
.pr-home-highlights .pr-highlight--nhl .pr-team__logo {
  width:68px;
  height:68px;
  max-width:none;
  max-height:none;
  object-fit:contain;
}
@media (max-width:620px) {
  .pr-home-highlights .pr-highlight--schedule .pr-game-list:not(.pr-game-list--carousel),
  .pr-home-highlights .pr-highlight--schedule .pr-game-carousel__page {
    grid-auto-rows:69px;
  }
  .pr-home-highlights .pr-highlight--nhl .pr-team__logo-wrap {
    width:43px;
    height:43px;
    flex:0 0 43px;
  }
  .pr-home-highlights .pr-highlight--nhl .pr-team__logo {
    width:42px;
    height:42px;
  }
}
@media (max-width:360px) {
  .pr-home-highlights .pr-highlight--nhl .pr-team__logo-wrap {
    width:36px;
    height:36px;
    flex:0 0 36px;
  }
  .pr-home-highlights .pr-highlight--nhl .pr-team__logo {
    width:35px;
    height:35px;
  }
}

/* V12 — Desktop uniquement : Logo — Equipe — VS — Equipe — Logo.
   On conserve exactement l'ordre HTML / les styles de la version mobile.
   Avec les deux demi-colonnes egales, le VS reste au centre du match. */
@media (min-width: 761px) {
  .pr-home-highlights .pr-game__matchup > .pr-team:first-child {
   
  }

  .pr-home-highlights .pr-game__matchup > .pr-team:last-child {
    flex-direction: row-reverse;

  }

  /* Evite les 140 px reserves pour les logos dans l'ancien desktop. */
  .pr-home-highlights .pr-game__matchup .pr-team__logo-wrap {

  }
  .pr-home-highlights .pr-highlight--nhl .pr-game__matchup .pr-team__logo-wrap {

  }
}

/* V13 — Mobile aussi : on inverse seulement l'ordre visuel de l'équipe de droite
   afin d'obtenir Abbr @ Abbr Logo à droite, sans toucher au HTML de base. */
.pr-home-highlights .pr-game__matchup > .pr-team:last-child {
  flex-direction: row-reverse;
}

/* Le separateur central devient un arobase. */
.pr-home-highlights .pr-game__matchup .pr-vs {
  text-transform: none;
}

/* Mobile : on garde le logo de droite à l'extérieur et les 3 lettres à l'intérieur. */
@media (max-width:620px) {
  .pr-home-highlights .pr-game__matchup > .pr-team:last-child {
    flex-direction: row-reverse;
  }
}


/* V15 — Accueil mobile : masquer seulement l'icone de ligue.
   Le titre et le sous-titre NHL/NBA restent visibles. */
@media (max-width: 620px) {
  .pr-home-highlights .pr-highlight__league-icon {
    display: none !important;
  }
}
