/* ==========================================================================
   PoolRooms — Index refonte V1
   Fichier dédié à la nouvelle page d'accueil.
   Objectif: isoler la refonte de l'ancien index_clean_v2.css.
   ========================================================================== */

/* ===== HERO PREMIUM / ARENA ===== */

.pr-home-hero--dream{
  position:relative !important;
  overflow:hidden;
  min-height:620px;
  display:flex !important;
  align-items:center;
  padding:70px 0 48px;
  background:#020814;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.pr-dream-bg{
  position:absolute;
  inset:0;
  z-index:-3;
}

.pr-dream-bg::after{
  content:"";
  position:absolute;
  inset:0;
  filter:drop-shadow(0 0 16px rgba(255,255,255,.24));
}

.pr-dream-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
}

.pr-dream-inner{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 400px;
  gap:74px;
  align-items:center;
}

.pr-dream-copy{
  max-width:690px;
  text-align:left !important;
  justify-self:start;
}

.pr-dream-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 24px;
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(3,10,22,.64);
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.13em;
  line-height:1;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.pr-dream-kicker i{
  color:#ff3548;
  filter:drop-shadow(0 0 10px rgba(255,53,72,.55));
}

.pr-dream-title{
  margin:0;
  color:#fff;
  font-size:clamp(4.25rem, 5.7vw, 6.25rem);
  line-height:.93;
  font-weight:1000;
  letter-spacing:-.06em;
  text-align:left !important;
  text-transform:uppercase;
  text-shadow:0 12px 34px rgba(0,0,0,.50);
}

.pr-dream-title span,
.pr-dream-title em{
  display:block;
  font-style:normal;
}

.pr-dream-title em{
  color:#f1263b;
  text-shadow:
    0 0 28px rgba(241,38,59,.34),
    0 12px 34px rgba(0,0,0,.54);
}

.pr-dream-lead{
  max-width:560px;
  margin:24px 0 0;
  color:rgba(255,255,255,.91);
  font-size:clamp(1.08rem, 1.35vw, 1.26rem);
  line-height:1.48;
  font-weight:500;
  text-align:left !important;
}

.pr-dream-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:16px;
  margin-top:31px;
}

.pr-dream-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 34px;
  border-radius:8px;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.pr-dream-btn:hover{
  transform:translateY(-2px);
}

.pr-dream-btn--primary{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, #ff3044 0%, #c70f20 100%);
  box-shadow:0 18px 42px rgba(227,30,36,.33), inset 0 1px 0 rgba(255,255,255,.22);
}

.pr-dream-btn--ghost{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(3,10,22,.30);
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}

.pr-dream-btn--ghost:hover{
  border-color:#fff;
  background:rgba(255,255,255,.08);
}

.pr-dream-champ{
  position:relative;
  width:100%;
  min-height:392px;
  padding:36px 30px 28px;
  border-radius:22px;
  text-align:center;
  background:
    radial-gradient(210px 190px at 50% 27%, rgba(255,201,90,.20), transparent 66%),
    linear-gradient(180deg, rgba(5,14,30,.94), rgba(3,10,22,.96));
  border:1px solid rgba(255,201,90,.42);
  box-shadow:
    0 30px 76px rgba(0,0,0,.43),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.pr-dream-crown{
  position:absolute;
  top:-24px;
  left:50%;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  width:70px;
  height:50px;
  color:#ffd36b;
  font-size:38px;
  filter:drop-shadow(0 0 18px rgba(255,190,70,.58));
}

.pr-dream-champ-label{
  color:#fff;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}

.pr-dream-avatar-wrap{
  width:154px;
  height:154px;
  margin:24px auto 20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle, rgba(255,211,107,.12), rgba(255,211,107,0) 62%),
    conic-gradient(from 180deg, rgba(255,211,107,.22), #ffd36b, rgba(255,211,107,.22), #ffd36b, rgba(255,211,107,.22));
  box-shadow:0 0 40px rgba(255,201,90,.30);
}

.pr-dream-avatar{
  width:136px;
  height:136px;
  border-radius:999px;
  object-fit:cover;
  background:#111827;
  border:1px solid rgba(255,255,255,.14);
}

.pr-dream-avatar--placeholder{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:54px;
  font-weight:1000;
}

.pr-dream-champ-name{
  max-width:320px;
  margin:0 auto;
  color:#fff;
  font-size:clamp(1.82rem, 2.05vw, 2.18rem);
  line-height:.98;
  font-weight:1000;
  letter-spacing:.035em;
  text-transform:uppercase;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.pr-dream-champ-score{
  margin-top:12px;
  color:#ffd36b;
  font-size:1.35rem;
  line-height:1.15;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.pr-dream-champ-score .pr-badge,
.pr-dream-champ-score .pr-pill,
.pr-dream-champ-score span{
  justify-content:center;
}

.pr-dream-champ-foot{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:12px;
}

.pr-dream-champ-foot i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  border:1px solid rgba(255,211,107,.50);
}

@media (max-width: 1199px){
  .pr-dream-inner{
    grid-template-columns:minmax(0, 1fr) 360px;
    gap:46px;
  }

  .pr-dream-title{
    font-size:clamp(3.6rem, 6vw, 5.45rem);
  }
}

@media (max-width: 991px){
  .pr-home-hero--dream{
    min-height:auto;
    padding:46px 0 36px;
  }

  .pr-dream-inner{
    grid-template-columns:1fr;
    gap:34px;
  }

  .pr-dream-copy{
    text-align:center !important;
    margin:0 auto;
    justify-self:center;
  }

  .pr-dream-title,
  .pr-dream-lead{
    text-align:center !important;
  }

  .pr-dream-lead{
    margin-left:auto;
    margin-right:auto;
  }

  .pr-dream-actions{
    justify-content:center;
  }

  .pr-dream-champ{
    width:min(400px,100%);
    margin:0 auto;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding:34px 0 28px;
  }

  .pr-dream-inner{
    width:min(100% - 24px, 1180px);
    gap:28px;
  }

  .pr-dream-kicker{
    font-size:10px;
    letter-spacing:.09em;
    padding:0 12px;
  }

  .pr-dream-title{
    font-size:clamp(2.7rem, 13.2vw, 4.25rem);
  }

  .pr-dream-lead{
    font-size:1rem;
  }

  .pr-dream-actions{
    gap:12px;
  }

  .pr-dream-btn{
    width:100%;
    min-height:52px;
    padding:0 18px;
  }

  .pr-dream-champ{
    min-height:0;
    padding:32px 20px 22px;
    border-radius:18px;
  }

  .pr-dream-avatar-wrap{
    width:128px;
    height:128px;
  }

  .pr-dream-avatar{
    width:112px;
    height:112px;
  }

  .pr-dream-champ-name{
    max-width:260px;
    font-size:1.55rem;
  }
}

/* ===== HERO IMAGE LAYER ===== */
.pr-dream-photo{
  position:absolute;
  inset:0;
  z-index:-2;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.42;
  filter:saturate(1.04) contrast(1.04) brightness(.92);
  transform:scale(1.02);
}

.pr-home-hero--dream.has-hero-image .pr-dream-bg{
  background:
    radial-gradient(920px 420px at 16% 43%, rgba(15,83,170,.36), transparent 66%),
    radial-gradient(760px 390px at 91% 43%, rgba(227,30,36,.28), transparent 64%),
    linear-gradient(180deg, rgba(3,9,20,.12), rgba(2,8,18,.76)),
    #020814;
}

.pr-home-hero--dream.has-hero-image .pr-dream-photo::after{
  content:"";
  position:absolute;
  inset:0;
}

@media (max-width: 991px){
  .pr-dream-photo{
    background-position:center top;
    opacity:.34;
  }
}

/* ==========================================================================
   Sections suivantes — Matchs / Nouvelle / Fonctionnement / Communauté
   ========================================================================== */

.pr-home-main{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(850px 360px at 18% 0%, rgba(22,93,172,.20), transparent 68%),
    radial-gradient(760px 340px at 88% 10%, rgba(227,30,36,.15), transparent 70%),
    linear-gradient(180deg, #06101f 0%, #020814 42%, #020814 100%) !important;
}

.pr-refonte-container,
.pr-upcoming-day > .pr-container{
  width:min(1180px, calc(100% - 32px));
  margin-inline:auto;
}

.pr-upcoming-day{
  margin-top:0 !important;
  padding:46px 0 18px !important;
  background:transparent !important;
}

.pr-upcoming-day > .pr-container{
  position:relative;
  padding:26px 28px 24px;
  border-radius:18px;
  background:
    radial-gradient(600px 180px at 50% 0%, rgba(27,103,207,.15), transparent 72%),
    linear-gradient(180deg, rgba(5,14,30,.86), rgba(3,10,22,.92));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

.pr-upcoming-day .pr-upc-head{
  display:grid !important;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.pr-upcoming-day .pr-upc-head-main{
  display:flex !important;
  align-items:center;
  gap:34px;
  flex-wrap:wrap;
}

.pr-upcoming-day .pr-upc-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.55rem, 2.1vw, 2rem);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.03em;
  text-transform:uppercase;
}

.pr-upcoming-day .pr-upc-switch{
  display:flex;
  align-items:center;
  gap:28px;
}

.pr-upcoming-day .pr-upc-switch-btn{
  position:relative;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.72);
  padding:8px 0 14px;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.pr-upcoming-day .pr-upc-switch-btn::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:2px;
  border-radius:99px;
  background:#f1263b;
  box-shadow:0 0 16px rgba(241,38,59,.65);
  transition:left .18s ease, right .18s ease;
}

.pr-upcoming-day .pr-upc-switch-btn.is-active{
  color:#f1263b;
}

.pr-upcoming-day .pr-upc-switch-btn.is-active::after{
  left:0;
  right:0;
}

.pr-upcoming-day .pr-upc-active-date{
  color:rgba(255,255,255,.86);
  font-size:1rem;
  font-weight:700;
}

.pr-upcoming-day .pr-upc-card{
  border-radius:14px !important;
  background:
    radial-gradient(340px 120px at 50% 0%, rgba(57,137,255,.15), transparent 70%),
    linear-gradient(180deg, rgba(9,21,42,.92), rgba(5,13,27,.96)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.pr-upcoming-day .pr-upc-matchup{
  min-height:126px;
}

.pr-refonte-news{
  padding:0 0 30px;
}

.pr-news-card{
  display:grid;
  grid-template-columns:260px 1fr auto;
  gap:28px;
  align-items:center;
  min-height:136px;
  overflow:hidden;
  border-radius:16px;
  background:
    linear-gradient(90deg, rgba(227,30,36,.18), rgba(7,15,31,.94) 36%, rgba(227,30,36,.16)),
    linear-gradient(180deg, rgba(7,15,31,.96), rgba(4,10,22,.98));
  border:1px solid rgba(241,38,59,.72);
  box-shadow:0 22px 65px rgba(0,0,0,.30), 0 0 36px rgba(241,38,59,.14);
}

.pr-news-media{
  position:relative;
  min-height:136px;
  display:grid;
  place-items:center;
  color:#f1263b;
  font-size:56px;
  background:
    radial-gradient(circle at 45% 40%, rgba(241,38,59,.34), transparent 55%),
    linear-gradient(135deg, rgba(9,20,38,.2), rgba(241,38,59,.20));
}

.pr-news-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(3,10,22,.90));
}

.pr-news-copy span{
  display:block;
  color:#f1263b;
  font-size:.78rem;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pr-news-copy h2{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(1.35rem, 2.3vw, 2rem);
  line-height:1.08;
  font-weight:1000;
  letter-spacing:-.035em;
}

.pr-news-copy p{
  margin:8px 0 0;
  color:rgba(255,255,255,.76);
  line-height:1.4;
}

.pr-news-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  margin-right:28px;
  padding:0 24px;
  border-radius:8px;
  color:#fff !important;
  border:1px solid rgba(241,38,59,.95);
  background:rgba(3,10,22,.42);
  text-decoration:none !important;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}

.pr-refonte-how{
  padding:22px 0 26px;
}

.pr-how-heading{
  text-align:center;
  margin-bottom:50px;
}

.pr-how-icons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  width:min(720px, 100%);
  margin:0 auto 8px;
  color:#fff;
  font-size:28px;
}

.pr-how-icons::before,
.pr-how-icons::after{
  content:"";
  flex:1 1 0;
  height:2px;
  max-width:330px;
  border-radius:999px;
  opacity:.96;
}

.pr-how-icons::before{
  background:linear-gradient(90deg, transparent 0%, rgba(255,47,65,.22) 16%, #ff2f41 100%);
  box-shadow:0 0 18px rgba(255,47,65,.35);
}

.pr-how-icons::after{
  background:linear-gradient(90deg, #269dff 0%, rgba(38,157,255,.22) 84%, transparent 100%);
  box-shadow:0 0 18px rgba(38,157,255,.32);
}

.pr-how-icons i:nth-child(1){color:#ff0000;}
.pr-how-icons i:nth-child(2){color:#0d6efd;}
.pr-how-icons i:nth-child(3){color:#ff9a23;}

.pr-how-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.55rem, 2.4vw, 2.35rem);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.035em;
  text-transform:uppercase;
}

.pr-how-heading p{
  margin:10px auto 0;
  max-width:620px;
  color:rgba(255,255,255,.74);
}

.pr-how-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:28px;
}

.pr-how-card{
  position:relative;
  min-height:210px;
  padding:42px 22px 24px;
  text-align:center;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(8,18,36,.90), rgba(4,11,24,.96));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);
}

.pr-how-card--red{border-color:rgba(241,38,59,.70);}
.pr-how-card--blue{border-color:rgba(55,145,255,.70);}
.pr-how-card--gold{border-color:rgba(255,163,40,.72);}
.pr-how-card--green{border-color:rgba(72,198,105,.70);}

.pr-how-number{
  position:absolute;
  top:-23px;
  left:50%;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:999px;
  background:#071122;
  color:#fff;
  font-size:1.45rem;
  font-weight:1000;
  border:2px solid currentColor;
}

.pr-how-card--red .pr-how-number,
.pr-how-card--red > i{color:#ff3548;}
.pr-how-card--blue .pr-how-number,
.pr-how-card--blue > i{color:#2f9cff;}
.pr-how-card--gold .pr-how-number,
.pr-how-card--gold > i{color:#ff9f24;}
.pr-how-card--green .pr-how-number,
.pr-how-card--green > i{color:#4ccc72;}

.pr-how-card > i{
  display:block;
  font-size:48px;
  margin-bottom:18px;
}

.pr-how-card h3{
  margin:0;
  color:#fff;
  font-size:1.12rem;
  font-weight:1000;
  text-transform:uppercase;
}

.pr-how-card p{
  margin:10px 0 0;
  color:rgba(255,255,255,.78);
  font-size:.95rem;
  line-height:1.35;
}

.pr-refonte-community{
  padding:22px 0 46px;
}

.pr-community-panel {
    position: relative;
    overflow: hidden;
    min-height: 278px;
    padding: 30px 26px 22px;
    background: radial-gradient(580px 170px at 50% 4%, rgb(255 49 65 / 0%), transparent 68%), linear-gradient(1deg, rgb(2 7 16 / 0%) 0%, rgb(2 7 16 / 0%) 48%, rgb(2 7 16 / 0%) 100%), url(/assets/img/community_stadium_banner.webp) center top / cover no-repeat, #03091400;
    border: 1px solid rgba(255, 45, 62, .88);
    box-shadow: 0 0 0 1px rgba(255, 45, 62, .08) inset, 0 0 24px rgba(255, 45, 62, .18), 0 22px 58px rgb(0 0 0 / 0%);
}

.pr-community-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(255,47,65,.26), transparent 16%, transparent 84%, rgba(255,47,65,.24)),
    radial-gradient(520px 160px at 50% 22%, rgba(0,0,0,.68), transparent 72%);
  pointer-events:none;
}

.pr-community-panel > *{
  position:relative;
  z-index:1;
}

.pr-community-panel h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.8rem, 2.8vw, 2.55rem);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.035em;
  text-transform:uppercase;
}

.pr-community-panel p{
  max-width:760px;
  margin:14px auto 0;
  color:rgba(255,255,255,.78);
  line-height:1.45;
}

.pr-community-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  margin-top:22px;
  padding:0 46px;
  border-radius:8px;
  color:#fff !important;
  background:linear-gradient(180deg, #ff3044 0%, #c70f20 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(227,30,36,.30), inset 0 1px 0 rgba(255,255,255,.22);
  text-decoration:none !important;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pr-community-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0;
  margin-top:28px;
  border-radius:12px 12px 0 0;
  border:1px solid rgba(255,255,255,.12);
  border-bottom:0;
  overflow:hidden;
  background:rgba(3,10,22,.68);
  backdrop-filter:blur(2px);
}

.pr-community-stats > div{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon strong" "icon span";
  column-gap:16px;
  align-items:center;
  text-align:left;
  padding:20px 26px;
  border-right:1px solid rgba(255,255,255,.14);
}

.pr-community-stats > div:last-child{
  border-right:0;
}

.pr-community-stats i{
  grid-area:icon;
  color:#ff3548;
  font-size:30px;
}

.pr-community-stats strong{
  grid-area:strong;
  color:#fff;
  font-size:1.18rem;
  line-height:1.05;
  text-transform:uppercase;
}

.pr-community-stats span{
  grid-area:span;
  color:rgba(255,255,255,.72);
}

@media (max-width: 991px){
  .pr-upcoming-day .pr-upc-head{
    grid-template-columns:1fr;
  }

  .pr-news-card{
    grid-template-columns:1fr;
    gap:0;
    text-align:center;
  }

  .pr-news-media{
    min-height:96px;
  }

  .pr-news-copy{
    padding:22px 22px 0;
  }

  .pr-news-btn{
    margin:22px auto 24px;
  }

  .pr-how-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    row-gap:34px;
  }

  .pr-community-stats{
    grid-template-columns:1fr;
  }

  .pr-community-stats > div{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .pr-community-stats > div:last-child{
    border-bottom:0;
  }
}

@media (max-width: 575px){
  .pr-refonte-container,
  .pr-upcoming-day > .pr-container{
    width:min(100% - 24px, 1180px);
  }

  .pr-upcoming-day{
    padding-top:28px !important;
  }

  .pr-upcoming-day > .pr-container{
    padding:22px 16px 18px;
  }

  .pr-upcoming-day .pr-upc-head-main{
    justify-content:center;
    text-align:center;
    gap:16px;
  }

  .pr-upcoming-day .pr-upc-switch{
    width:100%;
    justify-content:center;
    gap:20px;
  }

  .pr-how-icons{
    gap:12px;
    font-size:18px;
  }

  .pr-how-icons::before,
  .pr-how-icons::after{
    max-width:120px;
  }

  .pr-how-grid{
    grid-template-columns:1fr;
  }

  .pr-news-copy h2{
    font-size:1.35rem;
  }

  .pr-community-panel{
    padding:26px 18px 0;
  }

  .pr-community-btn{
    width:100%;
    padding:0 18px;
  }

  .pr-community-stats > div{
    padding:18px 16px;
  }
}

/* ==========================================================================
   Rework bloc Matchs à venir + Dernière nouvelle (V4)
   ========================================================================== */

.pr-next-games{
  padding:10px 0 20px;
}

.pr-next-shell{
  position:relative;
  overflow:hidden;
  padding:20px 24px 22px;
  border-radius:18px;
  background:
    radial-gradient(840px 240px at 50% 0%, rgba(19,91,189,.14), transparent 72%),
    linear-gradient(180deg, rgba(6,14,30,.94), rgba(3,10,22,.98));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}

.pr-next-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.pr-next-head-main{
  display:flex;
  align-items:center;
  gap:34px;
  flex-wrap:wrap;
}

.pr-next-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.6rem, 2.1vw, 2rem);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.03em;
  text-transform:uppercase;
}

.pr-next-tabs{
  display:flex;
  align-items:center;
  gap:26px;
}

.pr-next-tab{
  position:relative;
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,255,255);
  padding:8px 0 14px;
  font-size:1rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.pr-next-tab::after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:#f1263b;
  box-shadow:0 0 16px rgba(241,38,59,.65);
  transition:left .18s ease, right .18s ease;
}

.pr-next-tab.is-active{
  color:#f1263b;
}

.pr-next-tab.is-active::after{
  left:0;
  right:0;
}

.pr-next-date{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.86);
  font-weight:700;
}

.pr-next-date::before{
  content:"\f073";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:#fff;
  opacity:.9;
}

.pr-next-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

.pr-next-grid.is-single{
  grid-template-columns:minmax(0,1fr);
}

.pr-next-grid.is-single .pr-next-card{
  max-width:760px;
  margin:0 auto;
}

.pr-next-card{
  border-radius:16px;
  padding:18px 20px 20px;
  background:
    radial-gradient(420px 120px at 50% 0%, rgba(50,129,255,.16), transparent 70%),
    linear-gradient(180deg, rgba(10,21,42,.96), rgba(5,13,27,.98));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.pr-next-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.pr-next-league-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(180deg, #ff3044 0%, #c70f20 100%);
  color:#fff;
  font-size:.78rem;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 10px 20px rgba(227,30,36,.22);
}

.pr-next-when{
  color:rgba(255,255,255);
  font-size:.95rem;
  font-weight:700;
}

.pr-next-matchup{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
}

.pr-next-team{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}

.pr-next-logo,
.pr-next-logo-fallback{
  width:92px;
  height:92px;
}

.pr-next-logo{
  object-fit:contain;
}

.pr-next-logo-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:36px;
}

.pr-next-abbr{
  color:#fff;
  font-size:1.75rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.pr-next-vs{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  color:#fff;
  font-size:1.45rem;
  font-weight:1000;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.pr-next-vs::before,
.pr-next-vs::after{
  content:"";
  position:absolute;
  top:50%;
  width:40px;
  height:2px;
  border-radius:999px;
}

.pr-next-vs::before{
  right:100%;
  margin-right:12px;
  background:linear-gradient(90deg, transparent, #f1263b);
}

.pr-next-vs::after{
  left:100%;
  margin-left:12px;
  background:linear-gradient(90deg, #2f9cff, transparent);
}

.pr-next-empty{
  padding:44px 18px;
  border-radius:14px;
  text-align:center;
  color:rgba(255,255,255,.76);
  background:rgba(255,255,255,.03);
  border:1px dashed rgba(255,255,255,.14);
}

.pr-headline-band{
  padding:0 0 28px;
}

.pr-headline-card{
  display:grid;
  grid-template-columns:170px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  overflow:hidden;
  min-height:110px;
  padding:0;
  border-radius:16px;
  background:
    radial-gradient(540px 180px at 50% 0%, rgba(241,38,59,.15), transparent 72%),
    linear-gradient(90deg, rgba(8,17,34,.98) 0%, rgba(10,18,36,.95) 44%, rgba(12,18,34,.98) 100%);
  border:1px solid rgba(241,38,59,.70);
  box-shadow:0 22px 65px rgba(0,0,0,.28), 0 0 32px rgba(241,38,59,.12);
}

.pr-headline-media{
  position:relative;
  display:block;
  align-self:stretch;
  min-height:110px;
  background:#081122;
  text-decoration:none !important;
}

.pr-headline-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.pr-headline-media.is-fallback{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%, rgba(241,38,59,.24), transparent 58%),
    linear-gradient(135deg, rgba(241,38,59,.18), rgba(7,15,31,.20));
}

.pr-headline-icon{
  color:#f1263b;
  font-size:42px;
}

.pr-headline-copy{
  min-width:0;
}

.pr-headline-kicker{
  display:block;
  margin-bottom:8px;
  color:#f1263b;
  font-size:.8rem;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pr-headline-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.45rem, 2.8vw, 2.4rem);
  line-height:1.03;
  font-weight:1000;
  letter-spacing:-.04em;
}

.pr-headline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  margin-right:22px;
  padding:0 22px;
  border-radius:999px;
  background: linear-gradient(180deg, #ff3044 0%, #c70f20 100%);
  color:#fff !important;
  text-decoration:none !important;
  font-size:1rem;
  font-weight:900;
  white-space:nowrap;
}

.pr-headline-btn i{
  font-size:.95rem;
}

@media (max-width: 991px){
  .pr-next-head{
    grid-template-columns:1fr;
  }

  .pr-next-head-main{
    gap:18px;
  }

  .pr-next-grid{
    grid-template-columns:1fr;
  }

  .pr-headline-card{
    grid-template-columns:120px minmax(0,1fr);
    gap:18px;
    padding-right:18px;
  }

  .pr-headline-btn{
    grid-column:1 / -1;
    margin:0 0 18px 138px;
    justify-self:start;
  }
}

@media (max-width: 575px){
  .pr-next-games{
    padding-top:4px;
  }

  .pr-next-shell{
    padding:18px 14px 18px;
  }

  .pr-next-head-main{
    justify-content:center;
    text-align:center;
  }

  .pr-next-tabs{
    width:100%;
    justify-content:center;
    gap:20px;
  }

  .pr-next-date{
    justify-content:center;
    text-align:center;
  }

  .pr-next-card{
    padding:16px 14px 18px;
  }

  .pr-next-card-top{
    flex-direction:column;
    justify-content:center;
    text-align:center;
  }

  .pr-next-matchup{
    grid-template-columns:1fr;
    gap:12px;
  }

  .pr-next-vs{
    min-width:0;
    font-size:1.2rem;
  }

  .pr-next-vs::before,
  .pr-next-vs::after{
    width:26px;
  }

  .pr-next-vs::before{
    right:50%;
    margin-right:32px;
  }

  .pr-next-vs::after{
    left:50%;
    margin-left:32px;
  }

  .pr-next-logo,
  .pr-next-logo-fallback{
    width:76px;
    height:76px;
  }

  .pr-next-abbr{
    font-size:1.45rem;
  }

  .pr-headline-card{
    grid-template-columns:1fr;
    gap:0;
    padding-right:0;
  }

  .pr-headline-media{
    min-height:120px;
  }

  .pr-headline-copy{
    padding:18px 16px 0;
    text-align:left;
  }

  .pr-headline-btn{
    margin:18px 16px 16px;
    justify-self:stretch;
  }
}

/* ==========================================================================
   V5 — hero plus clair + transition plus fluide entre les blocs
   ========================================================================== */

.pr-home-hero--dream{
  border-bottom:0 !important;
  padding-bottom:36px;
}

.pr-home-hero--dream.has-hero-image .pr-dream-photo{
  opacity:.60;
  filter:saturate(1.08) contrast(1.08) brightness(1.02);
  background-position:center 44%;
  background-size:cover;
}

.pr-home-main{
  margin-top:-2px;
}

.pr-next-games{
  padding-top:0;
}

.pr-next-shell{
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}

@media (max-width: 991px){
  .pr-home-hero--dream.has-hero-image .pr-dream-photo{
    opacity:.52;
    background-position:center 34%;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:24px;
  }

  .pr-home-main{
    margin-top:-1px;
  }

  .pr-home-hero--dream.has-hero-image .pr-dream-photo{
    opacity:.48;
    background-position:center 30%;
    filter:saturate(1.04) contrast(1.04) brightness(.98);
  }
}

/* ==========================================================================
   V6 — transition hero/mockup + glow rouge nouvelle
   ========================================================================== */

/* Le hero descend un peu plus bas pour permettre au bloc matchs de chevaucher */
.pr-home-hero--dream{
  padding-bottom:86px !important;
}

/* Le main remonte pour que Matchs à venir soit incrusté dans le bas du hero */
.pr-home-main{
  margin-top:-74px !important;
  position:relative;
  z-index:3;
  background:
    radial-gradient(900px 360px at 18% 0%, rgba(22,93,172,.14), transparent 68%),
    radial-gradient(780px 340px at 88% 6%, rgba(227,30,36,.12), transparent 70%),
    linear-gradient(180deg, rgba(2,8,18,0) 0%, #031020 96px, #020814 38%, #020814 100%) !important;
}

/* On garde le bloc matches “posé” sur le hero */
.pr-next-games{
  padding-top:0 !important;
  padding-bottom:20px !important;
}

.pr-next-shell{
  position:relative;
  z-index:4;
  overflow:hidden;
  border-radius:18px !important;
  background:
    radial-gradient(760px 210px at 50% 0%, rgba(50,129,255,.14), transparent 72%),
    linear-gradient(180deg, rgba(5,14,30,.88), rgba(3,10,22,.96)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.02),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(8px);
}

/* léger filet de lumière au-dessus du bloc, comme le mockup */
.pr-next-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  pointer-events:none;
}

/* Headline / nouvelle : glow rouge premium */
.pr-headline-band{
  padding-top:0 !important;
  padding-bottom:30px !important;
}

.pr-headline-card{
  position:relative;
  overflow:hidden;
  border-radius:16px !important;
  background:
    radial-gradient(620px 180px at 18% 50%, rgba(241,38,59,.22), transparent 68%),
    radial-gradient(720px 220px at 100% 50%, rgba(241,38,59,.14), transparent 68%),
    linear-gradient(90deg, rgba(8,17,34,.98) 0%, rgba(9,17,34,.96) 48%, rgba(7,13,27,.98) 100%) !important;
  border:1px solid rgba(241,38,59,.82) !important;
  box-shadow:
    0 22px 62px rgba(0,0,0,.34),
    0 0 34px rgba(241,38,59,.22),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* vrai halo rouge autour sans pousser la layout */
.pr-headline-card::before{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-1;
  border-radius:26px;
  background:
    radial-gradient(520px 120px at 50% 50%, rgba(241,38,59,.30), transparent 72%);
  filter:blur(12px);
  pointer-events:none;
}

.pr-headline-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(241,38,59,.22), transparent 28%, transparent 74%, rgba(241,38,59,.16)),
    linear-gradient(180deg, rgba(255,255,255,.045), transparent 42%);
}

.pr-headline-media{
  z-index:1;
}

.pr-headline-copy,
.pr-headline-btn{
  position:relative;
  z-index:2;
}

.pr-headline-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent 0%, rgba(5,11,24,.72) 100%);
  pointer-events:none;
}

.pr-headline-kicker{
  color:#ff3548 !important;
  text-shadow:0 0 14px rgba(241,38,59,.26);
}

.pr-headline-btn:hover{
  box-shadow:0 16px 36px rgba(0,0,0,.28), 0 0 20px rgba(241,38,59,.18);
}

/* Desktop: on rapproche légèrement la nouvelle des matchs comme sur le mockup */
@media (min-width: 992px){
  .pr-next-shell{
    margin-bottom:0;
  }

  .pr-headline-band{
    margin-top:2px;
  }
}

@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:64px !important;
  }

  .pr-home-main{
    margin-top:-52px !important;
    background:
      linear-gradient(180deg, rgba(2,8,18,0) 0%, #031020 70px, #020814 42%, #020814 100%) !important;
  }

  .pr-next-shell{
    backdrop-filter:none;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:44px !important;
  }

  .pr-home-main{
    margin-top:-34px !important;
  }

  .pr-next-shell{
    border-radius:16px !important;
  }

  .pr-headline-card{
    box-shadow:
      0 18px 48px rgba(0,0,0,.32),
      0 0 24px rgba(241,38,59,.18),
      inset 0 1px 0 rgba(255,255,255,.05) !important;
  }
}

/* ==========================================================================
   V7 — plus proche du mockup: incrustation du bloc matchs + glow news
   ========================================================================== */

/* On laisse le hero respirer puis on incruste seulement le bloc matchs dedans */
.pr-home-hero--dream{
  padding-bottom:58px !important;
}

.pr-home-hero--dream::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(2,8,18,0) 0%, rgba(2,8,18,.22) 38%, rgba(2,8,18,.82) 100%);
  z-index:-1;
}

.pr-home-main{
  margin-top:0 !important;
  background:
    radial-gradient(900px 360px at 18% 0%, rgba(22,93,172,.12), transparent 68%),
    radial-gradient(760px 340px at 88% 6%, rgba(227,30,36,.10), transparent 70%),
    linear-gradient(180deg, #031020 0%, #020814 28%, #020814 100%) !important;
}

/* le vrai overlap se fait ici comme sur le mockup */
.pr-next-games{
  position:relative;
  z-index:5;
  margin-top:-44px;
  padding:0 0 18px !important;
}

.pr-next-shell{
  padding:18px 22px 16px !important;
  border-radius:16px !important;
  background:
    radial-gradient(700px 200px at 50% 0%, rgba(31,110,212,.14), transparent 72%),
    linear-gradient(180deg, rgba(7,16,33,.94), rgba(3,10,22,.98)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 20px 52px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.02),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pr-next-head{
  padding-bottom:14px !important;
  margin-bottom:14px !important;
}

.pr-next-head h2{
  font-size:clamp(1.45rem, 2vw, 1.82rem) !important;
}

.pr-next-tabs{
  gap:22px !important;
}

.pr-next-tab{
  font-size:.96rem !important;
  padding-bottom:12px !important;
}

.pr-next-date{
  font-size:.96rem;
}

.pr-next-grid.is-single .pr-next-card{
  max-width:640px !important;
}

.pr-next-card{
  padding:18px 18px 16px !important;
  border-radius:14px !important;
}

.pr-next-card-top{
  margin-bottom:12px !important;
}

.pr-next-logo,
.pr-next-logo-fallback{
  width:86px !important;
  height:86px !important;
}

.pr-next-abbr{
  font-size:1.55rem !important;
}

.pr-next-vs{
  min-width:72px !important;
  font-size:1.25rem !important;
}

/* Bloc nouvelle: plus mince, plus glow rouge élégant comme le mockup */
.pr-headline-band{
  margin-top:2px;
  padding-bottom:24px !important;
}

.pr-headline-card{
  min-height:78px !important;
  grid-template-columns:150px minmax(0,1fr) auto !important;
  gap:18px !important;
  border-radius:14px !important;
  background:
    radial-gradient(520px 150px at 14% 50%, rgba(241,38,59,.20), transparent 70%),
    radial-gradient(640px 180px at 100% 50%, rgba(241,38,59,.12), transparent 72%),
    linear-gradient(90deg, rgba(8,16,32,.98) 0%, rgba(12,16,32,.96) 52%, rgba(8,12,26,.98) 100%) !important;
  border:1px solid rgba(255,48,68,.86) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 20px rgba(241,38,59,.18),
    0 0 36px rgba(241,38,59,.10),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pr-headline-card::before{
  inset:-16px !important;
  border-radius:22px !important;
  background:radial-gradient(540px 100px at 50% 50%, rgba(241,38,59,.24), transparent 72%) !important;
  filter:blur(12px) !important;
}

.pr-headline-card::after{
  background:
    linear-gradient(90deg, rgba(241,38,59,.18), transparent 28%, transparent 74%, rgba(241,38,59,.14)),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 44%) !important;
}

.pr-headline-media{
  min-height:78px !important;
}

.pr-headline-copy{
  padding-right:10px;
}

.pr-headline-kicker{
  margin-bottom:4px !important;
  font-size:.76rem !important;
  letter-spacing:.11em !important;
}

.pr-headline-copy h2{
  font-size:clamp(1.12rem, 2vw, 1.55rem) !important;
  line-height:1.05 !important;
}

/* Desktop large tweak so the overlap reads exactly like the mockup */
@media (min-width: 1200px){
  .pr-next-games{
    margin-top:-52px;
  }
}

/* Tablet/mobile */
@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:44px !important;
  }

  .pr-next-games{
    margin-top:-28px !important;
  }

  .pr-next-grid.is-single .pr-next-card{
    max-width:100% !important;
  }

  .pr-headline-card{
    grid-template-columns:120px minmax(0,1fr) !important;
    min-height:92px !important;
  }

  .pr-headline-media{
    min-height:92px !important;
  }

  .pr-headline-btn{
    grid-column:1 / -1;
    margin:0 0 16px 138px !important;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:30px !important;
  }

  .pr-next-games{
    margin-top:-18px !important;
  }

  .pr-next-shell{
    padding:16px 14px 14px !important;
  }

  .pr-headline-card{
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-height:0 !important;
  }

  .pr-headline-media{
    min-height:104px !important;
  }

  .pr-headline-copy{
    padding:14px 14px 0 !important;
  }

  .pr-headline-btn{
    margin:14px !important;
    justify-self:stretch;
  }
}

/* ==========================================================================
   V8 — transition hero propre, sans mauve/rose/fuchsia
   ========================================================================== */

.pr-home-hero--dream{
  padding-bottom:96px !important;
  background:#020814 !important;
}

.pr-home-hero--dream.has-hero-image .pr-dream-photo{
  opacity:.68 !important;
  background-position:center 48% !important;
  filter:saturate(1.05) contrast(1.06) brightness(1.04) !important;
}

.pr-home-hero--dream.has-hero-image .pr-dream-bg{
  background:
    radial-gradient(900px 420px at 18% 44%, rgba(22,92,185,.34), transparent 66%),
    radial-gradient(760px 380px at 92% 43%, rgba(196,18,32,.24), transparent 64%),
    linear-gradient(180deg, rgba(3,9,20,.02), rgba(2,8,18,.48)),
    #020814 !important;
}

.pr-home-hero--dream::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:190px !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.pr-home-main{
  margin-top:-72px !important;
  position:relative !important;
  z-index:4 !important;
  background:
    radial-gradient(820px 280px at 18% 0%, rgba(22,92,185,.14), transparent 70%),
    radial-gradient(760px 250px at 84% 0%, rgba(196,18,32,.10), transparent 72%),
    linear-gradient(180deg, rgba(2,8,18,.02) 0%, #020814 118px, #020814 100%) !important;
}

.pr-home-main::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:170px;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(63,130,220,.16) 18%, rgba(255,255,255,.12) 50%, rgba(63,130,220,.14) 82%, transparent 100%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 34%, rgba(2,8,18,0) 100%);
  opacity:.42;
  filter:blur(.2px);
}

.pr-next-games{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:18px !important;
}

.pr-next-shell{
  max-width:100% !important;
  background:
    radial-gradient(740px 210px at 50% 0%, rgba(36,112,210,.13), transparent 72%),
    linear-gradient(180deg, rgba(5,14,30,.90), rgba(3,10,22,.97)) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.018),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter:blur(7px);
}

.pr-headline-card{
  background:
    radial-gradient(520px 150px at 14% 50%, rgba(196,18,32,.22), transparent 70%),
    radial-gradient(640px 180px at 100% 50%, rgba(196,18,32,.12), transparent 72%),
    linear-gradient(90deg, rgba(8,16,32,.98) 0%, rgba(9,16,31,.96) 52%, rgba(6,11,24,.98) 100%) !important;
  border-color:rgba(227,30,36,.78) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 22px rgba(196,18,32,.20),
    0 0 36px rgba(196,18,32,.10),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pr-headline-card::before{
  background:radial-gradient(540px 100px at 50% 50%, rgba(196,18,32,.22), transparent 72%) !important;
}

.pr-headline-card::after{
  background:
    linear-gradient(90deg, rgba(196,18,32,.16), transparent 28%, transparent 74%, rgba(196,18,32,.12)),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 44%) !important;
}

@media (min-width: 992px){
  .pr-home-hero--dream{
    min-height:650px !important;
  }

  .pr-dream-inner{
    transform:translateY(-33px);
  }
}

@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:72px !important;
  }

  .pr-home-main{
    margin-top:-54px !important;
    background:
      radial-gradient(760px 260px at 18% 0%, rgba(22,92,185,.13), transparent 70%),
      linear-gradient(180deg, rgba(2,8,18,.04) 0%, #020814 96px, #020814 100%) !important;
  }

  .pr-home-hero--dream.has-hero-image .pr-dream-photo{
    opacity:.58 !important;
    background-position:center 36% !important;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:52px !important;
  }

  .pr-home-main{
    margin-top:-38px !important;
  }

  .pr-home-main::before{
    height:110px;
    opacity:.30;
  }

  .pr-home-hero--dream.has-hero-image .pr-dream-photo{
    opacity:.50 !important;
    background-position:center 32% !important;
  }
}

/* ==========================================================================
   V8.1 — transition-only hero -> Matchs à venir
   Objectif: supprimer la bande lumineuse et intégrer le bloc Matchs
   ========================================================================== */

/* Le hero doit se prolonger plus bas, sans rupture visible. */
.pr-home-hero--dream{
  padding-bottom:78px !important;
}

.pr-home-hero--dream::after{
  height:220px !important;
  bottom:-2px !important;
  background:
    radial-gradient(900px 120px at 50% 12%, rgba(34,98,186,.10), transparent 74%),
    linear-gradient(180deg, rgba(2,8,18,0) 0%, rgba(2,8,18,.34) 34%, rgba(2,8,18,.82) 72%, #020814 100%) !important;
}

/* Supprime la fameuse bande claire horizontale entre hero et contenu. */
.pr-home-main::before{
  content:none !important;
  display:none !important;
}

/* Le main remonte un peu, mais sans créer une zone distincte. */
.pr-home-main{
  margin-top:-58px !important;
  background:
    radial-gradient(820px 220px at 18% 0%, rgba(20,86,175,.08), transparent 72%),
    linear-gradient(180deg, rgba(2,8,18,0) 0%, #020814 100px, #020814 100%) !important;
}

/* Le bloc Matchs doit mordre légèrement dans le hero, comme sur le mockup. */
.pr-next-games{
  position:relative;
  z-index:7;
  margin-top:-18px !important;
  padding-top:0 !important;
}

/* Bloc plus “posé” dans le hero, sans effet de bande derrière. */
.pr-next-shell{
  background:
    radial-gradient(720px 180px at 50% 0%, rgba(31,102,196,.10), transparent 74%),
    linear-gradient(180deg, rgba(5,14,30,.94), rgba(3,10,22,.985)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Le petit filet du dessus reste subtil, pas trop visible. */
.pr-next-shell::before{
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent) !important;
  opacity:.7;
}

/* Mobile / tablette : overlap plus doux */
@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:62px !important;
  }

  .pr-home-main{
    margin-top:-42px !important;
    background:
      linear-gradient(180deg, rgba(2,8,18,0) 0%, #020814 82px, #020814 100%) !important;
  }

  .pr-next-games{
    margin-top:-10px !important;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:44px !important;
  }

  .pr-home-main{
    margin-top:-28px !important;
  }

  .pr-next-games{
    margin-top:-6px !important;
  }
}

/* ==========================================================================
   V8.2 — transition hero -> Matchs à venir, plus fidèle au mockup
   ========================================================================== */

/* 1) Le hero doit se terminer en fondu sombre, sans bande blanche/bleutée. */
.pr-home-hero--dream{
  padding-bottom:56px !important;
}

.pr-home-hero--dream::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:108px !important;
  pointer-events:none !important;
  z-index:-1 !important;
  background:linear-gradient(180deg, rgba(2,8,18,0) 0%, rgba(2,8,18,.42) 40%, rgba(2,8,18,.88) 78%, #020814 100%) !important;
}

/* 2) La zone main ne doit pas créer une 2e section visuelle. */
.pr-home-main{
  margin-top:-24px !important;
  padding-top:0 !important;
  position:relative !important;
  z-index:4 !important;
  background:#020814 !important;
}

.pr-home-main::before,
.pr-home-main::after{
  content:none !important;
  display:none !important;
}

/* 3) Le bloc Matchs remonte légèrement dans le hero, comme sur le mockup. */
.pr-next-games{
  position:relative;
  z-index:7;
  margin-top:-34px !important;
  padding-top:0 !important;
  padding-bottom:16px !important;
}

/* 4) Le conteneur Matchs reste premium, mais plus propre, sans halo parasite derrière. */
.pr-next-shell{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(680px 170px at 50% 0%, rgba(26,92,182,.08), transparent 74%),
    linear-gradient(180deg, rgba(4,12,26,.96), rgba(2,8,18,.99)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pr-next-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent) !important;
  opacity:.65;
}

/* 5) Sur desktop on serre un peu la jonction pour être plus proche de l'image souhaitée. */
@media (min-width: 992px){
  .pr-home-hero--dream{
    min-height:630px !important;
  }

  .pr-next-games{
    margin-top:-42px !important;
  }
}

@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:42px !important;
  }

  .pr-home-main{
    margin-top:-16px !important;
  }

  .pr-next-games{
    margin-top:-18px !important;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:32px !important;
  }

  .pr-home-main{
    margin-top:-10px !important;
  }

  .pr-next-games{
    margin-top:-10px !important;
  }
}

/* ==========================================================================
   V8.3 — overlap final du bloc Matchs sur la transition
   ========================================================================== */

/* On redonne un peu d'air au hero pour permettre au bloc de monter dedans. */
.pr-home-hero--dream{
  padding-bottom:74px !important;
}

/* Le fondu du bas du hero devient la zone de superposition. */
.pr-home-hero--dream::after{
  height:132px !important;
  background:
    linear-gradient(180deg, rgba(2,8,18,0) 0%, rgba(2,8,18,.28) 32%, rgba(2,8,18,.82) 74%, #020814 100%) !important;
}

/* Le main reste très discret pour que le bloc semble traverser la jonction. */
.pr-home-main{
  margin-top:-12px !important;
  background:#020814 !important;
}

/* Le bloc Matchs remonte franchement sur la transition. */
.pr-next-games{
  z-index:9;
  margin-top:-58px !important;
  padding-bottom:14px !important;
}

/* Très léger shadow premium pour asseoir le bloc sans créer une séparation. */
.pr-next-shell{
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

@media (min-width: 992px){
  .pr-next-games{
    margin-top:-64px !important;
  }
}

@media (max-width: 991px){
  .pr-home-hero--dream{
    padding-bottom:54px !important;
  }

  .pr-home-main{
    margin-top:-8px !important;
  }

  .pr-next-games{
    margin-top:-30px !important;
  }
}

@media (max-width: 575px){
  .pr-home-hero--dream{
    padding-bottom:40px !important;
  }

  .pr-next-games{
    margin-top:-18px !important;
  }
}

/* ==========================================================================
   V8.4 — le bloc Matchs doit passer AU-DESSUS de la transition, sans être caché
   ========================================================================== */

/* Le point clé: on retire le clipping de la zone main. */
.pr-home-main{
  overflow:visible !important;
}

/* On s'assure aussi que le conteneur de la zone puisse laisser sortir le bloc. */
.pr-refonte-container{
  position:relative;
  overflow:visible !important;
}

/* Le bloc Matchs passe visuellement au-dessus de la jonction hero/main. */
.pr-next-games{
  position:relative;
  z-index:20 !important;
  margin-top:-72px !important;
}

.pr-next-shell{
  position:relative;
  z-index:21 !important;
}

@media (max-width: 991px){
  .pr-next-games{
    margin-top:-36px !important;
  }
}

@media (max-width: 575px){
  .pr-next-games{
    margin-top:-20px !important;
  }
}

/* ==========================================================================
   V8.4 no-kicker — retrait uniquement du kicker du hero
   ========================================================================== */

.pr-dream-kicker{
  display:none !important;
}

/* ==========================================================================
   V8.4 no-kicker — bloc nouvelles retravaillé pour matcher le mockup
   ========================================================================== */

.pr-headline-band{
  padding-top:0 !important;
  padding-bottom:26px !important;
}

.pr-headline-card{
  position:relative;
  display:grid;
  grid-template-columns:190px minmax(0, 1fr) auto !important;
  gap:26px !important;
  align-items:center;
  min-height:118px !important;
  overflow:hidden;
  border-radius:16px !important;
  padding:0 !important;
  background:
    radial-gradient(520px 180px at 24% 50%, rgba(191,20,35,.14), transparent 68%),
    radial-gradient(640px 220px at 86% 50%, rgba(191,20,35,.16), transparent 72%),
    linear-gradient(90deg, rgba(10,14,28,.98) 0%, rgba(14,12,24,.96) 55%, rgba(8,10,20,.99) 100%) !important;
  border:1px solid rgba(255,36,56,.88) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.02),
    0 0 20px rgba(255,36,56,.18),
    0 0 42px rgba(255,36,56,.12),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.pr-headline-card::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:-1;
  border-radius:22px;
  background:
    radial-gradient(620px 110px at 50% 50%, rgba(255,32,52,.22), transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}

.pr-headline-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,32,52,.10), transparent 22%, transparent 74%, rgba(255,32,52,.08)),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 36%);
}

.pr-headline-media{
  position:relative;
  align-self:stretch;
  min-height:118px !important;
  border-radius:15px 0 0 15px;
  overflow:hidden;
  background:#080d19;
}

.pr-headline-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
  transform:scale(1.01);
}

.pr-headline-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(7,10,20,.06) 54%, rgba(7,10,20,.32) 100%);
  pointer-events:none;
}

.pr-headline-copy{
  min-width:0;
  padding-right:8px;
}

.pr-headline-kicker{
  display:block;
  margin-bottom:8px !important;
  color:#ff2438 !important;
  font-size:.88rem !important;
  font-weight:1000 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(255,36,56,.20);
}

.pr-headline-copy h2{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(1.55rem, 2.2vw, 2.1rem) !important;
  line-height:1.04 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
}

.pr-headline-btn i{
  font-size:1rem !important;
}

@media (max-width: 991px){
  .pr-headline-card{
    grid-template-columns:148px minmax(0,1fr) auto !important;
    min-height:104px !important;
    gap:18px !important;
  }

  .pr-headline-media{
    min-height:104px !important;
  }

  .pr-headline-copy h2{
    font-size:clamp(1.2rem, 2.5vw, 1.65rem) !important;
  }

  .pr-headline-btn{
    min-width:154px;
    min-height:48px !important;
    margin-right:18px !important;
    padding:0 18px !important;
    font-size:.95rem !important;
  }
}

@media (max-width: 575px){
  .pr-headline-card{
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-height:0 !important;
  }

  .pr-headline-media{
    min-height:104px !important;
    border-radius:15px 15px 0 0;
  }

  .pr-headline-copy{
    padding:14px 14px 0 !important;
  }

  .pr-headline-kicker{
    font-size:.78rem !important;
    margin-bottom:6px !important;
  }

  .pr-headline-copy h2{
    font-size:1.28rem !important;
  }

}

/* ==========================================================================
   News block — fond interieur noir profond comme le mockup
   ========================================================================== */

.pr-headline-card{
  background:
    radial-gradient(520px 180px at 18% 50%, rgba(227,30,36,.08), transparent 70%),
    radial-gradient(560px 180px at 92% 50%, rgba(227,30,36,.07), transparent 72%),
    linear-gradient(90deg, rgba(5,9,19,.99) 0%, rgba(7,10,20,.985) 54%, rgba(4,7,15,.99) 100%) !important;
  border-color:rgba(255,36,56,.88) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.018),
    0 0 18px rgba(255,36,56,.17),
    0 0 36px rgba(255,36,56,.10),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.pr-headline-card::after{
  background:
    linear-gradient(90deg, rgba(255,36,56,.055), transparent 24%, transparent 74%, rgba(255,36,56,.05)),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 38%) !important;
}

.pr-headline-media::after{
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(5,8,18,.12) 56%, rgba(5,8,18,.54) 100%) !important;
}

/* ==========================================================================
   V2 — bloc nouvelles encore plus noir à l'intérieur
   ========================================================================== */

.pr-headline-card{
    background: radial-gradient(680px 170px at 50% 0%, rgba(26, 92, 182, .08), transparent 74%), linear-gradient(180deg, rgba(4, 12, 26, .96), rgba(2, 8, 18, .99)) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.pr-headline-copy,
.pr-headline-copy h2,
.pr-headline-kicker{
  position: relative;
  z-index: 2;
}

/* ==========================================================================
   V3 — bouton du bloc nouvelles sans gradient, même couleur que le fond
   ========================================================================== */

.pr-headline-btn::before{
  content: none !important;
  display: none !important;
}

.pr-headline-btn:hover{
  background: rgba(4,7,14,.99) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    0 0 18px rgba(255,36,56,.16) !important;
}

/* ==========================================================================
   V4 — bouton du bloc nouvelles sans background ni linear-gradient
   ========================================================================== */

.pr-headline-btn::before,
.pr-headline-btn::after{
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

.pr-headline-btn:hover,
.pr-headline-btn:focus,
.pr-headline-btn:active{
  background: transparent !important;
  background-image: none !important;
}

/* ==========================================================================
   V5 — image du bloc nouvelles plus large et plus haute
   ========================================================================== */

.pr-headline-card{
  grid-template-columns: 210px minmax(0, 1fr) auto !important;
  min-height: 128px !important;
}

.pr-headline-media{
  min-height: 128px !important;
}

.pr-headline-media img{
  object-position: center 26% !important;
}

@media (max-width: 991px){
  .pr-headline-card{
    grid-template-columns: 138px minmax(0,1fr) !important;
    min-height: 102px !important;
  }

  .pr-headline-media{
    min-height: 102px !important;
  }

  .pr-headline-btn{

  }
}

/* =========================================================
   V3 - Ajustements finaux mockup : HOW + communauté
   ========================================================= */
.pr-how-sportsline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:10px auto 10px;
  width:min(600px, 90%);
}
.pr-how-sportsline::before,
.pr-how-sportsline::after{
  content:"";
  display:block;
  height:2px;
  flex:1 1 180px;
  max-width:250px;
  opacity:.95;
  filter:drop-shadow(0 0 8px currentColor);
}
.pr-how-sportsline::before{
  background:linear-gradient(90deg, rgba(255,45,62,0), rgba(255,45,62,.95));
}
.pr-how-sportsline::after{
  background:linear-gradient(90deg, rgba(35,155,255,.95), rgba(35,155,255,0));
}
.pr-how-sportsline .sport-icon{
  position:relative;
  z-index:2;
  margin:0 2px;
}
.pr-community-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2,7,16,.18), rgba(2,7,16,0) 18%, rgba(2,7,16,0) 82%, rgba(2,7,16,.18)),
    radial-gradient(420px 95px at 50% 0%, rgba(255,45,62,.20), transparent 72%);
}
.pr-community-panel::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:45%;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(2,7,16,0), rgba(2,7,16,.92));
}
.pr-community-panel > *{
  position:relative;
  z-index:2;
}
.pr-community-panel h2{
  margin-bottom:8px;
  text-shadow:0 2px 14px rgba(0,0,0,.70);
}
.pr-community-panel p{
  text-shadow:0 2px 12px rgba(0,0,0,.78);
}
.pr-community-panel .pr-community-btn{
  min-width:210px;
  margin-top:12px;
  margin-bottom:20px;
  box-shadow:0 0 26px rgba(255,45,62,.42), inset 0 1px 0 rgba(255,255,255,.24);
}
.pr-community-stats{
  background:rgba(3,9,20,.82);
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 20px rgba(0,0,0,.36) inset;
}
.pr-community-stats > div + div{
  border-left:1px solid rgba(255,255,255,.24);
}

@media (max-width: 767.98px){
  .pr-how-sportsline{
    gap:12px;
    margin-bottom:8px;
  }
  .pr-how-sportsline::before,
  .pr-how-sportsline::after{
    max-width:130px;
  }
  .pr-community-panel{
    min-height:auto;
    padding:24px 16px 18px;
    background-position:center top;
  }
  .pr-community-stats > div + div{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.14);
  }
}


/* =========================================================
     FIX FINAL MOBILE — hero + dernier champion 100% visibles
     Important: ce bloc doit rester à la toute fin du CSS.
     ========================================================= */
@media (max-width: 767.98px){
    .pr-home-hero.pr-home-hero--dream{
      display:block !important;
      position:relative !important;
      height:auto !important;
      min-height:0 !important;
      margin:0 !important;
      overflow:visible !important;
      isolation:isolate !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-bg,
    .pr-home-hero.pr-home-hero--dream .pr-dream-photo,
    .pr-home-hero.pr-home-hero--dream .pr-dream-overlay{
      position:absolute !important;
      inset:0 !important;
      z-index:-3 !important;
      min-height:100% !important;
      pointer-events:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-overlay{
      z-index:-2 !important;
    }

    .pr-home-hero.pr-home-hero--dream.has-hero-image .pr-dream-photo{
      opacity:.72 !important;
      background-size:cover !important;
      background-position:center top !important;
      transform:none !important;
      filter:saturate(1.04) contrast(1.05) brightness(.96) !important;
    }

    .pr-home-hero.pr-home-hero--dream::after{
      z-index:-1 !important;
      height:110px !important;
      bottom:0 !important;
      background:linear-gradient(180deg, rgba(2,8,18,0), rgba(2,8,18,.74) 72%, #020814 100%) !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-inner{
      position:relative !important;
      z-index:3 !important;
      width:min(100% - 28px, 390px) !important;
      margin:0 auto !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:16px !important;
      min-height:0 !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-copy{
      order:1 !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
      padding:0 !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-title{
      margin:0 0 12px !important;
      font-size:clamp(32px, 9.8vw, 44px) !important;
      line-height:.96 !important;
      letter-spacing:-.055em !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
      max-width:330px !important;
      margin:0 auto 16px !important;
      font-size:14px !important;
      line-height:1.42 !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-actions{
      width:100% !important;
      display:flex !important;
      flex-direction:column !important;
      gap:10px !important;
      margin:0 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-btn{
      width:100% !important;
      min-height:42px !important;
      padding:0 16px !important;
      border-radius:999px !important;
      font-size:12px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ{
      order:2 !important;
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
      position:relative !important;
      z-index:4 !important;
      width:min(100%, 270px) !important;
      min-height:0 !important;
      height:auto !important;
      margin:8px auto 0 !important;
      padding:22px 14px 14px !important;
      border-radius:16px !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-crown{
      top:-20px !important;
      width:52px !important;
      height:38px !important;
      font-size:30px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-label{
      font-size:12px !important;
      letter-spacing:.10em !important;
      line-height:1.05 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-avatar-wrap{
      width:82px !important;
      height:82px !important;
      margin:12px auto 10px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-avatar{
      width:70px !important;
      height:70px !important;
      font-size:30px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-name{
      max-width:230px !important;
      font-size:20px !important;
      line-height:1.05 !important;
      letter-spacing:.02em !important;
      margin:0 auto !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-score{
      margin-top:7px !important;
      font-size:13px !important;
      line-height:1.1 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-foot{
      margin-top:10px !important;
      padding-top:9px !important;
      font-size:10px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-foot i{
      width:22px !important;
      height:22px !important;
      border-radius:7px !important;
    }

    .pr-home-main{
      position:relative !important;
      z-index:2 !important;
      margin-top:0 !important;
      padding-top:0 !important;
      overflow:visible !important;
      clear:both !important;
      background:#020814 !important;
    }

    .pr-next-games{
      position:relative !important;
      z-index:1 !important;
      margin-top:18px !important;
      padding-top:0 !important;
    }
  }

@media (max-width: 380px){
    .pr-home-hero.pr-home-hero--dream{
      padding-top:102px !important;
    }
    .pr-home-hero.pr-home-hero--dream .pr-dream-title{
      font-size:31px !important;
    }
    .pr-home-hero.pr-home-hero--dream .pr-dream-champ{
      width:min(100%, 252px) !important;
    }
  }

/* =========================================================
   FIX MOBILE SOLIDE — sécurité externe
   ========================================================= */
.pr-mobile-champ-section{display:none;}
@media (max-width:767.98px){
  .pr-home-hero.pr-home-hero--dream{min-height:auto!important;height:auto!important;background:#020814!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-inner{width:min(100% - 28px,390px)!important;display:block!important;margin:0 auto!important;transform:none!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-copy{text-align:center!important;margin:0 auto!important;max-width:100%!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-title{display:block!important;margin:0 auto 12px!important;font-size:clamp(34px,10.2vw,44px)!important;line-height:.96!important;text-align:center!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-lead{display:block!important;max-width:330px!important;margin:0 auto 18px!important;font-size:14px!important;line-height:1.42!important;text-align:center!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-actions{display:flex!important;flex-direction:column!important;width:100%!important;max-width:340px!important;gap:10px!important;margin:0 auto!important;}
  .pr-home-hero.pr-home-hero--dream .pr-dream-btn{width:100%!important;min-height:42px!important;border-radius:999px!important;font-size:12px!important;}
  .pr-home-hero.pr-home-hero--dream>.pr-dream-inner>.pr-dream-champ{display:none!important;}
  .pr-mobile-champ-section{display:block!important;position:relative!important;z-index:5!important;padding:18px 14px 20px!important;margin:0!important;background:#020814!important;overflow:visible!important;}
  .pr-mobile-champ-section .pr-dream-champ{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:min(100%,330px)!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:26px 16px 16px!important;border-radius:18px!important;transform:none!important;overflow:visible!important;}
  .pr-home-main{margin-top:0!important;padding-top:0!important;overflow:visible!important;background:#020814!important;clear:both!important;}
  .pr-next-games{margin-top:0!important;padding-top:0!important;}
}


/* =========================================================
   Bloc dernier champion — citation admin
   ========================================================= */
.pr-home-hero .pr-dream-champ-foot.pr-dream-champ-quote i,
.pr-mobile-champ-section .pr-dream-champ-foot.pr-dream-champ-quote i{
  display:inline-flex !important;
  width:auto !important;
  height:auto !important;
  min-width:18px !important;
  margin-top:2px !important;
  border:0 !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
}

.pr-home-hero .pr-dream-champ-foot.pr-dream-champ-quote span,
.pr-mobile-champ-section .pr-dream-champ-foot.pr-dream-champ-quote span{
  color:rgba(255,255,255) !important;
  text-transform:none !important;
}

@media (max-width: 767.98px){
  .pr-mobile-champ-section .pr-dream-champ-foot.pr-dream-champ-quote{
    font-size:12px !important;
    line-height:1.35 !important;
  }
}

/* =========================================================
   Matchs à venir — carrousel horizontal restauré
   ========================================================= */
.pr-next-carousel{
  --pr-upc-gap:16px;
  --pr-upc-visible:1;
  position:relative !important;
  width:100% !important;
}

.pr-next-carousel.is-single{
  max-width:640px !important;
  margin-inline:auto !important;
}

.pr-next-viewport{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  -ms-overflow-style:none !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-x:contain !important;
  touch-action:pan-x pan-y pinch-zoom !important;
}

.pr-next-viewport::-webkit-scrollbar{
  display:none !important;
}

.pr-next-track{
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:var(--pr-upc-gap) !important;
}

.pr-next-carousel.is-static .pr-next-track,
.pr-next-carousel.is-single .pr-next-track{
  justify-content:center !important;
}

.pr-next-carousel .pr-upc-slide{
  flex:0 0 calc((100% - ((var(--pr-upc-visible) - 1) * var(--pr-upc-gap))) / var(--pr-upc-visible)) !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
  scroll-snap-stop:always !important;
}

.pr-next-carousel .pr-next-card{
  height:100% !important;
}

.pr-next-nav{
  display:none;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  position:absolute !important;
  top:50% !important;
  z-index:4 !important;
  transform:translateY(-50%) !important;
  background:rgba(4,10,22,.92) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
  cursor:pointer !important;
  transition:transform .18s ease, opacity .18s ease, background .18s ease !important;
}

.pr-next-nav:hover{
  transform:translateY(-50%) scale(1.05) !important;
  background:rgba(12,20,36,.98) !important;
}

.pr-next-nav:active{
  transform:translateY(-50%) scale(.98) !important;
}

.pr-next-nav--prev{
  left:0 !important;
}

.pr-next-nav--next{
  right:0 !important;
}

@media (min-width:992px){
  .pr-next-carousel{
    --pr-upc-visible:2;
    padding-inline:52px !important;
  }

  .pr-next-nav{
    display:inline-flex !important;
  }

  .pr-next-carousel.is-static .pr-next-nav,
  .pr-next-carousel.is-single .pr-next-nav{
    display:none !important;
  }
}

@media (max-width:991.98px){
  .pr-next-carousel{
    --pr-upc-visible:1;
  }
}

/* ==========================================================
   POOLROOMS CSS RESCUE V2 — CSS INLINE INDEX MIGRÉ
   ========================================================== */


/* ==========================================================
   MIGRÉ DE: index.php — bloc <style> #1
   CSS sorti du PHP pour éviter les conflits inline.
   ========================================================== */
.pr-footer2__card {
    position: relative;
    /* width: min(80%, 300px) !important; */
    padding: 14px 15px 15px !important;
    border-radius: 18px !important;
    /* border: 2px solid rgba(255, 58, 83, .98) !important; */
    /* isolation: isolate !important; */
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 22%), radial-gradient(290px 130px at 50% 42%, rgba(255, 45, 75, .13), transparent 62%), radial-gradient(390px 190px at 50% 48%, rgba(27, 72, 120, .22), transparent 72%), linear-gradient(180deg, rgba(7, 18, 34, .985) 0%, rgba(2, 9, 20, .99) 100%) !important;
    /* box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 0 18px rgba(255, 48, 76, .22), 0 16px 32px rgba(0, 0, 0, .38) !important; */
}
  .pr-upcoming-day{
    --pr-upc-gap: 14px;
    --pr-upc-visible: 2;
  }

  @media (min-width: 576px) {
    .pr-upcoming-day{
      --pr-upc-visible: 2;
    }
  }

  @media (min-width: 768px) {
    .pr-upcoming-day{
      --pr-upc-visible: 2;
    }
  }


  .pr-upcoming-day .pr-upc-carousel{
    position: relative;
  }

.pr-upcoming-day .pr-upc-viewport{
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y pinch-zoom;
}

  .pr-upcoming-day .pr-upc-viewport::-webkit-scrollbar{
    display: none;
  }

.pr-upcoming-day .pr-upc-track{
  display: flex;
  gap: var(--pr-upc-gap);
  align-items: stretch;
  justify-content: flex-start;
}

.pr-upcoming-day .pr-upc-carousel.is-static .pr-upc-track{
  justify-content: center;
}

@media (min-width: 992px) {
  .pr-upcoming-day{
    --pr-upc-visible: 5;
    --pr-upc-gap: 16px;
  }

  .pr-upcoming-day .pr-upc-carousel.is-static .pr-upc-nav{
    display: none !important;
  }

  .pr-upcoming-day .pr-upc-viewport{
    overflow-x: hidden;
  }
}

  .pr-upcoming-day .pr-upc-slide{
    flex: 0 0 calc((100% - ((var(--pr-upc-visible) - 1) * var(--pr-upc-gap))) / var(--pr-upc-visible));
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .pr-upcoming-day .pr-upc-card{
    height: 100%;
  }

  .pr-upcoming-day .pr-upc-nav{
    display: none;
  }

  @media (min-width: 992px) {
    .pr-upcoming-day .pr-upc-carousel{
      padding-inline: 55px;
    }

    .pr-upcoming-day .pr-upc-nav{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border: 0;
      border-radius: 999px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      background: rgba(8,12,20,.92);
      color: #fff;
      cursor: pointer;
      transition: transform .18s ease, opacity .18s ease, background .18s ease;
    }

    .pr-upcoming-day .pr-upc-nav:hover{
      transform: translateY(-50%) scale(1.05);
      background: rgba(16,22,34,.98);
    }

    .pr-upcoming-day .pr-upc-nav:active{
      transform: translateY(-50%) scale(.98);
    }

    .pr-upcoming-day .pr-upc-nav--prev{
      left: 0;
    }

    .pr-upcoming-day .pr-upc-nav--next{
      right: 0;
    }
  }


  .pr-upcoming-day .pr-upc-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
  }

  .pr-upcoming-day .pr-upc-head-main{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
  }

  .pr-upcoming-day .pr-upc-switch{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border-radius: 999px;
    background: #edf1f7;
  }

  .pr-upcoming-day .pr-upc-switch-btn{
    border: 0;
    border-radius: 999px;
    padding: 10px 18px;
    background: transparent;
    color: #0f172a;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
  }

  .pr-upcoming-day .pr-upc-switch-btn:hover{
    transform: translateY(-1px);
  }

  .pr-upcoming-day .pr-upc-switch-btn.is-active{
    background: #e1061a;
    color: #fff;
    box-shadow: 0 10px 22px rgba(225,6,26,.22);
  }

  .pr-upcoming-day .pr-upc-panels{
    position: relative;
  }

  .pr-upcoming-day .pr-upc-panel[hidden]{
    display: none !important;
  }

  .pr-upcoming-day .pr-upc-logo-fallback{
    display: inline-flex;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: #eef2f7;
    color: #0f172a;
    font-size: 1rem;
    flex: 0 0 44px;
  }

  @media (max-width: 767.98px) {
    .pr-upcoming-day .pr-upc-head-main{
      width: 100%;
      justify-content: space-between;
    }

    .pr-upcoming-day .pr-upc-switch{
      width: 100%;
      justify-content: stretch;
    }

    .pr-upcoming-day .pr-upc-switch-btn{
      flex: 1 1 0;
      text-align: center;
    }
  }

  .pr-champ-badges--spotlight .pr-badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }

  .pr-champ-badges--spotlight .pr-badge-gold-champion{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:900;
    color:#3a2500;
    background:
      radial-gradient(circle at 30% 25%, rgba(255,255,255,.7), transparent 40%),
      linear-gradient(180deg, #fff7cc 0%, #ffe27a 30%, #ffcc33 60%, #e0a106 100%);
    border:1px solid rgba(124,84,0,.4);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.8),
      0 3px 10px rgba(0,0,0,.18);
    white-space:nowrap;
  }

  .pr-champ-badges--spotlight .pr-badge-gold-champion i{
    color:#6b4700;
  }
  
      .status-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:38px;
      padding:0 18px;
      border-radius:999px;
      background:linear-gradient(135deg, var(--red2), var(--red3));
      border:1px solid rgba(255,255,255,.16);
      box-shadow:0 14px 38px rgba(239,35,60,.30);
      color:#fff;
      font-size:12px;
      font-weight:950;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .pulse{
      width:9px;
      height:9px;
      border-radius:50%;
      background:#fff;
      box-shadow:0 0 0 0 rgba(255,255,255,.55);
      animation:pulse 1.75s infinite;
      flex:0 0 auto;
    }

    @keyframes pulse{
      0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}
      72%{box-shadow:0 0 0 12px rgba(255,255,255,0)}
      100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
    }
	 .status-pill{
        min-height:34px;
        padding:0 14px;
        font-size:10.5px;
        letter-spacing:.10em;
      }


  /* Correction alignement bloc "Rejoindre la communauté" */
  .pr-refonte-community .pr-community-panel{
    text-align:center;
  }

  .pr-refonte-community .pr-community-panel > h2{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pr-refonte-community .pr-community-panel > p{
    max-width:760px;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .pr-refonte-community .pr-community-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pr-refonte-community .pr-community-stats{
    text-align:left;
  }

  @media (max-width: 767.98px){
    .pr-refonte-community .pr-community-panel > p{
      max-width:100%;
    }

    .pr-refonte-community .pr-community-btn{
      width:min(100%, 260px);
    }

    .pr-refonte-community .pr-community-stats{
      text-align:center;
    }
  }


  /* =========================================================
     PATCH MOBILE — Hero visible + Matchs à venir compact
     Ajouté pour corriger l'affichage Samsung/mobile sans toucher desktop
     ========================================================= */
  @media (max-width: 767.98px){
    html, body{
      overflow-x:hidden;
    }

    .pr-home-hero.pr-home-hero--dream{
      display:block !important;
      position:relative !important;
      min-height:520px !important;
      height:auto !important;
      margin:0 !important;
      overflow:hidden !important;
    }

    .pr-home-hero .pr-dream-bg,
    .pr-home-hero .pr-dream-photo,
    .pr-home-hero .pr-dream-overlay{
      position:absolute !important;
      inset:0 !important;
      min-height:100% !important;
    }

    .pr-home-hero .pr-dream-photo{
      opacity:.96 !important;
      background-size:cover !important;
      background-position:center top !important;
      transform:none !important;
    }

    .pr-home-hero .pr-dream-inner{
      position:relative !important;
      z-index:2 !important;
      width:min(100% - 32px, 440px) !important;
      margin:0 auto !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:18px !important;
      min-height:0 !important;
    }

    .pr-home-hero .pr-dream-copy{
      width:100% !important;
      text-align:center !important;
      padding:0 !important;
      margin:0 !important;
    }

    .pr-home-hero .pr-dream-title{
      font-size:clamp(34px, 10vw, 48px) !important;
      line-height:.96 !important;
      margin:0 0 14px !important;
    }

    .pr-home-hero .pr-dream-lead{
      max-width:340px !important;
      margin:0 auto 18px !important;
      font-size:15px !important;
      line-height:1.45 !important;
    }

    .pr-home-hero .pr-dream-actions{
      justify-content:center !important;
      gap:10px !important;
    }

    .pr-home-hero .pr-dream-btn{
      min-height:42px !important;
      padding:0 15px !important;
      font-size:12px !important;
      border-radius:999px !important;
    }

    .pr-home-hero .pr-dream-champ{
      width:min(100%, 300px) !important;
      margin:0 auto !important;
      padding:14px 14px 16px !important;
      transform:none !important;
    }

    .pr-home-main{
      position:relative !important;
      z-index:3 !important;
      margin-top:0 !important;
    }

    .pr-next-games{
      margin-top:22px !important;
      padding-top:0 !important;
    }

    .pr-next-games .pr-refonte-container{
      width:100% !important;
      padding-left:12px !important;
      padding-right:12px !important;
    }

    .pr-next-shell{
      width:100% !important;
      margin:20px auto !important;
      padding:30px 14px 18px !important;
      border-radius:28px !important;
    }

    .pr-next-head{
      gap:14px !important;
      margin-bottom:14px !important;
    }

    .pr-next-head-main{
      align-items:center !important;
      text-align:center !important;
    }

    .pr-next-head h2{
      font-size:clamp(20px, 8vw, 20px) !important;
      line-height:1 !important;
      margin:0 !important;
    }

    .pr-next-tabs{
      width:100% !important;
      justify-content:center !important;
      gap:24px !important;
      margin-top:14px !important;
    }

    .pr-next-tab{
      font-size:21px !important;
      padding:0 0 10px !important;
    }

    .pr-next-date{
      width:100% !important;
      justify-content:center !important;
      text-align:center !important;
      font-size:22px !important;
      padding:14px 0 12px !important;
      margin:0 !important;
      border-bottom:1px solid rgba(255,255,255,.12) !important;
    }

    .pr-next-grid,
    .pr-next-grid.is-single{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:12px !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 auto !important;
      justify-items:stretch !important;
    }

    .pr-next-card{
      width:100% !important;
      max-width:360px !important;
      min-height:0 !important;
      height:auto !important;
      margin:0 auto !important;
      padding:15px 16px 17px !important;
      border-radius:22px !important;
    }

    .pr-next-card-top{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:10px !important;
      flex-wrap:wrap !important;
      margin-bottom:14px !important;
    }

    .pr-next-league-pill{
      min-height:34px !important;
      padding:0 18px !important;
      font-size:15px !important;
    }

    .pr-next-when{
      width:auto !important;
      font-size:16px !important;
      line-height:1.1 !important;
      opacity:.88 !important;
    }

    .pr-next-matchup{
      display:grid !important;
      grid-template-columns:1fr auto 1fr !important;
      align-items:center !important;
      gap:12px !important;
      min-height:0 !important;
      padding:0 !important;
    }

    .pr-next-team{
      min-width:0 !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:8px !important;
    }

    .pr-next-logo,
    .pr-next-logo-fallback{
      width:68px !important;
      height:68px !important;
      max-width:68px !important;
      max-height:68px !important;
      object-fit:contain !important;
      flex:0 0 68px !important;
    }

    .pr-next-abbr{
      font-size:24px !important;
      line-height:1 !important;
      font-weight:950 !important;
      letter-spacing:.02em !important;
      white-space:nowrap !important;
    }

    .pr-next-vs{
      align-self:center !important;
      font-size:20px !important;
      line-height:1 !important;
      padding:0 2px !important;
      margin:0 !important;
      white-space:nowrap !important;
    }
  }

  @media (max-width: 380px){
    .pr-home-hero.pr-home-hero--dream{
      min-height:500px !important;
      padding-top:106px !important;
    }

    .pr-next-shell{
      padding-left:10px !important;
      padding-right:10px !important;
    }

    .pr-next-logo,
    .pr-next-logo-fallback{
      width:58px !important;
      height:58px !important;
      max-width:58px !important;
      max-height:58px !important;
      flex-basis:58px !important;
    }

    .pr-next-abbr{
      font-size:21px !important;
    }
  }



  /* =========================================================
     FIX FINAL MOBILE — hero + dernier champion 100% visibles
     Important: ce bloc doit rester à la toute fin du CSS.
     ========================================================= */
  @media (max-width: 767.98px){
    .pr-home-hero.pr-home-hero--dream{
      display:block !important;
      position:relative !important;
      height:auto !important;
      min-height:0 !important;
      margin:0 !important;
      overflow:visible !important;
      isolation:isolate !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-bg,
    .pr-home-hero.pr-home-hero--dream .pr-dream-photo,
    .pr-home-hero.pr-home-hero--dream .pr-dream-overlay{
      min-height:420px !important;
      position:absolute !important;
      inset:0 !important;
      z-index:-3 !important;
      min-height:100% !important;
      pointer-events:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-overlay{
      z-index:-2 !important;
    }

    .pr-home-hero.pr-home-hero--dream.has-hero-image .pr-dream-photo{
      opacity:.72 !important;
      background-size:cover !important;
      background-position:center top !important;
      transform:none !important;
      filter:saturate(1.04) contrast(1.05) brightness(.96) !important;
    }

    .pr-home-hero.pr-home-hero--dream::after{
      z-index:-1 !important;
      height:110px !important;
      bottom:0 !important;
      background:linear-gradient(180deg, rgba(2,8,18,0), rgba(2,8,18,.74) 72%, #020814 100%) !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-inner{
      position:relative !important;
      z-index:3 !important;
      width:min(100% - 28px, 390px) !important;
      margin:0 auto !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:16px !important;
      min-height:0 !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-copy{
      order:1 !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
      padding:0 !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-title{
      margin:0 0 12px !important;
      font-size:clamp(32px, 9.8vw, 44px) !important;
      line-height:.96 !important;
      letter-spacing:-.055em !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
      max-width:330px !important;
      margin:0 auto 16px !important;
      font-size:14px !important;
      line-height:1.42 !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-actions{
      width:100% !important;
      display:flex !important;
      flex-direction:column !important;
      gap:10px !important;
      margin:0 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-btn{
      width:100% !important;
      min-height:42px !important;
      padding:0 16px !important;
      border-radius:999px !important;
      font-size:12px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ{
      order:2 !important;
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
      position:relative !important;
      z-index:4 !important;
      width:min(100%, 270px) !important;
      min-height:0 !important;
      height:auto !important;
      margin:8px auto 0 !important;
      padding:22px 14px 14px !important;
      border-radius:16px !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-crown{
      top:-20px !important;
      width:52px !important;
      height:38px !important;
      font-size:30px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-label{
      font-size:12px !important;
      letter-spacing:.10em !important;
      line-height:1.05 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-avatar-wrap{
      width:82px !important;
      height:82px !important;
      margin:12px auto 10px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-avatar{
      width:70px !important;
      height:70px !important;
      font-size:30px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-name{
      max-width:230px !important;
      font-size:20px !important;
      line-height:1.05 !important;
      letter-spacing:.02em !important;
      margin:0 auto !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-score{
      margin-top:7px !important;
      font-size:13px !important;
      line-height:1.1 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-foot{
      margin-top:10px !important;
      padding-top:9px !important;
      font-size:10px !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-champ-foot i{
      width:22px !important;
      height:22px !important;
      border-radius:7px !important;
    }

    .pr-home-main{
      position:relative !important;
      z-index:2 !important;
      margin-top:0 !important;
      padding-top:0 !important;
      overflow:visible !important;
      clear:both !important;
      background:#020814 !important;
    }

    .pr-next-games{
      position:relative !important;
      z-index:1 !important;
      margin-top:18px !important;
      padding-top:0 !important;
    }
  }

  @media (max-width: 380px){
    .pr-home-hero.pr-home-hero--dream{
      padding-top:102px !important;
    }
    .pr-home-hero.pr-home-hero--dream .pr-dream-title{
      font-size:31px !important;
    }
    .pr-home-hero.pr-home-hero--dream .pr-dream-champ{
      width:min(100%, 252px) !important;
    }
  }


  /* =========================================================
     FIX MOBILE SOLIDE — Hero + Dernier champion AVANT Matchs
     Cause du bug: le bloc Matchs chevauchait/clippait le hero mobile.
     Solution: champion en bloc mobile séparé, sans overlap négatif.
     ========================================================= */
  .pr-mobile-champ-section{ display:none; }

  @media (max-width: 767.98px){
    .pr-home-hero.pr-home-hero--dream{
      display:block !important;
      min-height:auto !important;
      height:auto !important;
      margin:0 !important;
      background:#020814 !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-inner{
      width:min(100% - 28px, 390px) !important;
      display:block !important;
      margin:0 auto !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-copy{
      width:100% !important;
      max-width:100% !important;
      text-align:center !important;
      margin:0 auto !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-title{
      display:block !important;
      margin:0 auto 12px !important;
      font-size:clamp(34px, 10.2vw, 44px) !important;
      line-height:.96 !important;
      letter-spacing:-.055em !important;
      text-align:center !important;
      transform:none !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
      display:block !important;
      max-width:330px !important;
      margin:0 auto 18px !important;
      font-size:14px !important;
      line-height:1.42 !important;
      text-align:center !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-actions{
      display:flex !important;
      flex-direction:column !important;
      width:100% !important;
      max-width:340px !important;
      gap:10px !important;
      margin:0 auto !important;
    }

    .pr-home-hero.pr-home-hero--dream .pr-dream-btn{
      width:100% !important;
      min-height:42px !important;
      border-radius:999px !important;
      font-size:12px !important;
    }

    /* On cache la carte desktop dans le hero mobile pour éviter qu'elle se fasse manger. */
    .pr-home-hero.pr-home-hero--dream > .pr-dream-inner > .pr-dream-champ{
      display:none !important;
    }

    /* Nouvelle carte champion mobile, placée entre Hero et Matchs. */
    .pr-mobile-champ-section{
      display:block !important;
      position:relative !important;
      z-index:5 !important;
      padding:18px 14px 20px !important;
      margin:0 !important;
      background:#020814 !important;
      overflow:visible !important;
    }

    .pr-mobile-champ-section .pr-dream-champ{
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
      position:relative !important;
      width:min(100%, 330px) !important;
      min-height:0 !important;
      height:auto !important;
      margin:0 auto !important;
      padding:26px 16px 16px !important;
      border-radius:18px !important;
      transform:none !important;
      overflow:visible !important;
    }

    .pr-mobile-champ-section .pr-dream-crown{
      top:-21px !important;
      width:54px !important;
      height:38px !important;
      font-size:30px !important;
    }

    .pr-mobile-champ-section .pr-dream-champ-label{
      font-size:12px !important;
      letter-spacing:.10em !important;
      line-height:1.05 !important;
    }

    .pr-mobile-champ-section .pr-dream-avatar-wrap{
      width:88px !important;
      height:88px !important;
      margin:13px auto 10px !important;
    }

    .pr-mobile-champ-section .pr-dream-avatar{
      width:76px !important;
      height:76px !important;
      font-size:30px !important;
    }

    .pr-mobile-champ-section .pr-dream-champ-name{
      max-width:260px !important;
      font-size:21px !important;
      line-height:1.05 !important;
      margin:0 auto !important;
    }

    .pr-mobile-champ-section .pr-dream-champ-score{
      margin-top:8px !important;
      font-size:13px !important;
      line-height:1.15 !important;
    }

    .pr-mobile-champ-section .pr-dream-champ-foot{
      margin-top:10px !important;
      padding-top:9px !important;
      font-size:10px !important;
    }

    .pr-mobile-champ-section .pr-dream-champ-foot i{
      width:22px !important;
      height:22px !important;
      border-radius:7px !important;
    }

    .pr-home-main{
      margin-top:0 !important;
      padding-top:0 !important;
      overflow:visible !important;
      background:#020814 !important;
      clear:both !important;
    }

    .pr-next-games{
      margin-top:0 !important;
      padding-top:0 !important;
    }
  }


/* =========================================================
   FIX INDEX — Matchs à venir: 1 seul match trop étroit
   Cause: le carrousel desktop garde --pr-upc-visible:2 même en mode is-single.
   ========================================================= */
.pr-next-carousel.is-single{
  width:min(100%, 640px) !important;
  max-width:640px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}

.pr-next-carousel.is-single .pr-next-track{
  justify-content:center !important;
}

.pr-next-carousel.is-single .pr-upc-slide{
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
}

.pr-next-carousel.is-single .pr-next-card{
  width:100% !important;
  max-width:100% !important;
}

@media (max-width:575.98px){
  .pr-next-carousel.is-single{
    max-width:100% !important;
  }
}

/* =========================================================
   HERO V9 — kicker + titre + fond style "Vie le sport autrement"
   Scope volontaire: on ne touche pas au bloc Dernier champion.
   ========================================================= */
.pr-home-hero.pr-home-hero--dream{
  padding:76px 0 112px !important;
  background:#020814 !important;
}

.pr-home-hero.pr-home-hero--dream.has-hero-image .pr-dream-photo{
  opacity:.52 !important;
  background-position:center center !important;
  background-size:cover !important;
  filter:saturate(1.08) contrast(1.08) brightness(.95) !important;
  transform:scale(1.015) !important;
}

.pr-home-hero.pr-home-hero--dream.has-hero-image .pr-dream-photo::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-bg{
}

.pr-home-hero.pr-home-hero--dream .pr-dream-bg::before,
.pr-home-hero.pr-home-hero--dream .pr-dream-bg::after{
  opacity:.32 !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-inner{
  align-items:center !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-copy{
  max-width:760px !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-kicker {
    display: inline-flex !important;
    /* align-items: center !important; */
    /* justify-content: center !important; */
    gap: 10px !important;
    /* min-height: 44px !important; */
    /* margin: 0 0 28px !important; */
    /* padding: 0 24px !important; */
    border-radius: 999px !important;
    border: 1px solid #ff0000 !important;
    background: rgba(3, 10, 22, .68) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    letter-spacing: .13em !important;
    /* text-transform: uppercase !important; */
    /* box-shadow: 0 18px 42px rgba(0, 0, 0, .32), 0 0 28px rgba(255, 211, 107, .08) !important; */
}

.pr-home-hero.pr-home-hero--dream .pr-dream-kicker i{
  color:#f1263b !important;
  filter:drop-shadow(0 0 10px rgba(241,38,59,.46)) !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-title{
  max-width:820px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(4.15rem, 5.25vw, 6.05rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  text-shadow:0 16px 42px rgba(0,0,0,.58) !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-title span{
  display:block !important;
  font-style:normal !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-title em{
  display:inline !important;
  color:#f1263b !important;
  font-style:normal !important;
  text-shadow:0 0 30px rgba(241,38,59,.32), 0 16px 42px rgba(0,0,0,.58) !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-lead{
  max-width:620px !important;
  margin:24px 0 0 !important;
  color:rgba(255,255,255) !important;
  font-size:clamp(1.14rem, 1.42vw, 1.34rem) !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.52) !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-actions{
  margin-top:32px !important;
  gap:16px !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-btn{
  min-height:58px !important;
  min-width:246px !important;
  border-radius:12px !important;
  letter-spacing:.07em !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-btn--ghost{
  border-color:rgba(255,211,107,.72) !important;
  background:rgba(3,10,22,.34) !important;
}

@media (min-width:992px){
  .pr-home-hero.pr-home-hero--dream .pr-dream-inner{
    transform:translateY(-18px) !important;
  }
}

@media (max-width:991.98px){
  .pr-home-hero.pr-home-hero--dream{
    padding:46px 0 54px !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-copy,
  .pr-home-hero.pr-home-hero--dream .pr-dream-title,
  .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-actions{
    justify-content:center !important;
  }
}

@media (max-width:767.98px){
  .pr-home-hero.pr-home-hero--dream{
    padding:26px 0 18px !important;
  }

  .pr-home-hero.pr-home-hero--dream.has-hero-image .pr-dream-photo{
    opacity:.64 !important;
    background-position:center top !important;
    transform:none !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-inner{
    width:min(100% - 28px, 390px) !important;
    display:block !important;
	min-height:300px !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-kicker{
    min-height:36px !important;
    margin:0 auto 22px !important;
    padding:0 15px !important;
    font-size:10px !important;
    letter-spacing:.10em !important;
    max-width:100% !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-title{
    max-width:360px !important;
    font-size:clamp(42px, 12.4vw, 56px) !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
    text-align:center !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
    max-width:336px !important;
    margin:18px auto 0 !important;
    font-size:17px !important;
    line-height:1.42 !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-actions{
    display:flex !important;
    flex-direction:column !important;
    width:min(100%, 330px) !important;
    margin:24px auto 0 !important;
    gap:12px !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-btn{
    width:100% !important;
    min-width:0 !important;
    min-height:54px !important;
    border-radius:999px !important;
    font-size:13px !important;
  }
}

@media (max-width:380px){
  .pr-home-hero.pr-home-hero--dream .pr-dream-title{
    font-size:39px !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-lead{
    font-size:15px !important;
  }
}

/* =========================================================
   HERO #22 — image officielle du hero PoolRooms
   Image à placer dans: /assets/img/hero-22.webp
   ========================================================= */
.pr-home-hero.pr-home-hero--dream{
  isolation:isolate !important;
}

.pr-home-hero.pr-home-hero--dream .pr-dream-photo{
  background-image:url('/assets/img/hero-22.webp') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

@media (min-width:992px){
  .pr-home-hero.pr-home-hero--dream .pr-dream-photo{
    opacity:.72 !important;
    background-position:center 46% !important;
    transform:scale(1.015) !important;
    filter:saturate(1.08) contrast(1.08) brightness(.92) !important;
  }

  .pr-home-hero.pr-home-hero--dream .pr-dream-photo::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg,rgba(2,8,20,.88) 0%,rgba(2,8,20,.58) 36%,rgba(2,8,20,.20) 64%,rgba(2,8,20,.58) 100%),
      linear-gradient(180deg,rgba(2,8,20,.12) 0%,rgba(2,8,20,.08) 58%,rgba(2,8,20,.72) 100%) !important;
    pointer-events:none !important;
  }
}

@media (max-width:991.98px){
  .pr-home-hero.pr-home-hero--dream .pr-dream-photo{
    background-position:center top !important;
  }
}