/* =========================================================
   PoolRooms — HOME Clean (Hockey Pro / casino clean)
   Fichier: /assets/css/index_clean.css
   ========================================================= */

:root{
  --pr-bg: #0b1220;
  --pr-bg2:#0a1326;
  --pr-red:#e11d2e;
  --pr-red2:#ff3b30;
  --pr-text:#ffffff;
  --pr-muted: rgba(255,255,255,.75);
  --pr-muted2: rgba(255,255,255,.60);
  --pr-border: rgba(255,255,255,.14);
  --pr-card: rgba(10,16,28,.72);
  --pr-card2: rgba(10,16,28,.55);
  --pr-shadow: 0 24px 70px rgba(0,0,0,.45);
  --pr-radius: 20px;
}

.pr-home-hero{
  background:
    var(--hero-img) center/cover no-repeat,
    radial-gradient(900px 520px at 50% 30%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(180deg, var(--pr-bg2), var(--pr-bg));
}

.pr-hero-scrim{
  position:absolute; inset:0;
  background: radial-gradient(900px 520px at 50% 35%, rgb(0 0 0 / 18%), rgba(0, 0, 0, .55)), linear-gradient(180deg, rgba(0, 0, 0, .25), rgb(0 0 0 / 23%));
}

.pr-home-inner{
  position: relative;
  z-index: 2;
  width: min(1080px, 92vw);
  padding: clamp(18px, 3.2vw, 44px) 0;
  text-align: center;
}

.pr-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 8px 14px;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .02em;
}

.pr-hero-title{
  margin: 14px 0 10px;
  font-weight: 1000;
  letter-spacing: -0.02em;
  color: var(--pr-text);
  font-size: clamp(44px, 6vw, 78px);
  line-height: .98;
  text-shadow: 0 10px 40px rgba(0,0,0,.55);
}

.pr-hero-lead{
  margin: 0 auto;
  max-width: 58ch;
  color: rgba(255,255,255,.82);
  font-size: clamp(15.5px, 1.55vw, 20px);
  line-height: 1.45;
  text-shadow: 0 14px 44px rgb(0 0 0 / 24%), 0 2px 0 rgb(201 0 0 / 29%);
}

.pr-hero-cta{
  margin-top: 20px;
  display:flex;
  gap: 15px;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom: 50px;
}

.pr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 20px;
  border-radius: 999px;
  text-decoration:none !important;
  font-weight: 900;
  letter-spacing: .01em;
  border: 1px solid transparent;
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
  user-select:none;
  min-width: 170px;
}

.pr-btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }

.pr-btn-red{
  background: linear-gradient(180deg, var(--pr-red2), var(--pr-red));
  color: #fff;
  box-shadow: 0 18px 40px rgba(225,29,46,.32);
}

.pr-btn-ghost{
  background: rgba(255,255,255,.10);
  color: #fff;
  border-color: rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
}

.pr-btn-white {
    background: #111827;
    color: var(--bs-white);
    border-color: rgba(0, 0, 0, .08);
}

.pr-champion-wrap{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}

.pr-champion-card{
  border-radius: var(--pr-radius);
  background: radial-gradient(900px 420px at 50% 0%, rgb(243 22 10), transparent 55%), rgb(2 4 6 / 72%);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: var(--pr-shadow);
  backdrop-filter: blur(14px);
  overflow:hidden;
}

.pr-champion-card--empty{
  padding: 18px;
  text-align:center;
}

.pr-champion-top{
  padding: 20px 18px 18px;
  text-align:center;
}

.pr-champ-avatar{
  width: 150px;
  height: 150px;
  border-radius: 999px;
  object-fit: cover;
  display:block;
  margin: 0 auto 12px;
  border: 2px solid rgba(255,255,255,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

.pr-champ-avatar--placeholder{
  background: rgba(255,255,255,.12);
  color:#fff;
  font-weight:1000;
  font-size: 34px;
  display:grid;
  place-items:center;
}

.pr-champ-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12.5px;
  margin-bottom: 10px;

  background: linear-gradient(180deg, #fff3b0 0%, #ffd24a 35%, #c99700 100%);
  -webkit-background-clip: text;
  background-clip:text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.30);
}

.pr-champ-name{
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 1000;
  color: #fff;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.pr-champ-badges{
  display:flex;
  justify-content:center;
  gap: 10px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}

.pr-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f3f4f6, #d1d5db);
  border: 1px solid rgba(255,255,255,.16);
  color:#0e0e0e;
  font-weight: 800;
  font-size: 13px;
}

.pr-pill-muted{
  background: linear-gradient(180deg, #f3f4f6, #d1d5db);
  color: rgb(52 20 20);
}

.pr-pill-diamond{
    color: #1604ff;
    border-color: rgba(59, 130, 246, .35);
}

.pr-champ-quote{
  color: rgba(255,255,255,.78);
  font-size: 13.5px;
  line-height: 1.45;
  margin: 8px auto 12px;
  max-width: 56ch;
}

.pr-champ-link{
  display:inline-flex;
  justify-content:center;
  margin-top: 4px;
  color: rgba(255,255,255,.92);
  font-weight: 900;
  text-decoration:none;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.14);
}
.pr-champ-link:hover{ filter: brightness(1.06); }

.pr-home-main {
  background: linear-gradient(180deg, rgb(20 28 45) 0%, rgb(28 40 67) 100%);
}

.pr-section{
  padding: clamp(34px, 5vw, 70px) 0;
}

.pr-container{
  width: min(1185px, 92vw);
  margin: 0 auto;
}

.pr-section-head{
  text-align:center;
  margin-bottom: 26px;
}
.pr-section-head h2{
  margin: 0 0 8px;
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 1000;
  color: #fff;
  letter-spacing: -0.02em;
}
.pr-section-head p{
  margin: 0;
  color: rgba(255,255,255,.72);
}

.pr-grid-4{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 980px){
  .pr-grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .pr-grid-4{ grid-template-columns: 1fr; }
}

.pr-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
}
.pr-card h3{
  color:#fff;
  font-weight: 1000;
  margin: 10px 0 6px;
  font-size: 18px;
}
.pr-card p{
  margin:0;
  color: rgb(255 255 255);
  line-height: 1.45;
  font-size: 14px;
}

.pr-step{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  font-weight: 1000;
  color:#fff;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
}
.pr-step-red{ background: rgb(187 20 31); border-color: rgba(225,29,46,.35); }
.pr-step-blue{ background: rgb(0 120 255); border-color: rgba(0,120,255,.33); }
.pr-step-gold{ background: var(--poolYellow); border-color: rgba(255,210,74,.28); }
.pr-step-silver{ background: var(--bs-green); border-color: rgba(255,255,255,.20); }

.pr-cta-band{
  padding: clamp(36px, 5vw, 70px) 0;
  background: linear-gradient(90deg, #e11d2e, #b5121c);
}
.pr-cta-inner{
  text-align:center;
}
.pr-cta-inner h2{
  margin:0 0 10px;
  color:#fff;
  font-weight: 900;
  letter-spacing: .05em;
}
.pr-cta-inner p{
  margin: 0 0 16px;
  color: rgba(255,255,255,.9);
  text-shadow: 0 14px 44px rgb(0 0 0 / 24%), 0 2px 0 rgb(61 57 57 / 29%);
}
.pr-cta-actions{
  display:flex;
  justify-content:center;
}

@media (max-width: 520px){
  .pr-btn{ min-width: 150px; padding: 11px 16px; }
  .pr-champion-card{ border-radius: 18px; }
}


.pr-home-hero{
  --hero-img: url('/assets/img/hero_bg.png');
}


/* FIX NAV / CLICS BLOQUÉS: le scrim recouvrait toute la page */
.pr-home-hero{
  position: relative;     /* IMPORTANT: contient les absolute enfants */
  overflow: hidden;
  isolation: isolate;     /* stacking context propre */
}

.pr-hero-scrim{
  z-index: 1;
  pointer-events: none;   /* ne bloque jamais les clics */
}

.pr-home-inner{
  position: relative;
  z-index: 2;             /* contenu au-dessus du scrim */
}


/* =========================================================
   HERO FIX — pas de clipping + centrage solide
   ========================================================= */

/* 1) Ne coupe plus le hero */
.pr-home-hero{
  overflow: visible !important; /* au lieu de hidden */
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
}

/* 2) Le scrim reste contenu (lui peut être "hidden") */
.pr-hero-scrim{
  overflow: hidden;
  border-radius: 0; /* au cas */
}

/* 3) Le container interne garde le centrage */
.pr-home-inner{
  width: min(1080px, 92vw) !important;
  margin: 0 auto !important;
  padding: clamp(18px, 3.2vw, 44px) 0 !important;
  text-align: center !important;
}

/* 4) Champion wrap centré quoi qu’il arrive */
.pr-champion-wrap{
  display: flex !important;
  justify-content: center !important;
}

/* 5) Mobile safety */
@media (max-width: 991.98px){
  .pr-home-inner{ width: min(980px, 92vw) !important; }
}


/* FIX: le kicker (texte au-dessus) est coupé */
.pr-home-hero{
    padding-top: clamp(30px, 7.5vh, 30px) !important; /* plus d'espace sous la navbar */
}

.pr-home-inner{
  padding-top: clamp(18px, 3vw, 40px) !important;  /* assure une marge interne */
}

/* Kicker: hauteur/ligne + marge */
.pr-kicker{
  display: inline-flex !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
    border-radius: var(--pr-radius);
    background: radial-gradient(900px 420px at 50% 0%, rgb(243 22 10), transparent 55%), rgb(2 4 6 / 72%);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: var(--pr-shadow);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

/* Au cas où un parent clip encore: */
.pr-home-hero,
.pr-home-inner{
  overflow: visible !important;
}

/* HERO TITLE split like "VIVEZ LA / PASSION HOCKEY" */
.pr-hero-title--split{
  display: grid;
  gap: 6px;
  margin: 14px 0 10px;
  line-height: .98;
}

.pr-hero-title--split .t1{
  font-size: clamp(40px, 5.2vw, 74px);
  font-weight: 1000;
  letter-spacing: .02em;
  color: #fff;
  text-shadow: 0 12px 40px rgba(0,0,0,.55);
}

.pr-hero-title--split .t2{
  font-size: clamp(46px, 6.4vw, 90px);
  font-weight: 1000;
  letter-spacing: .01em;

  /* red/pink gradient like your example */
  background: linear-gradient(90deg, #ff2a2a 0%, #ff5a66 55%, #ffd0d6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 10px 34px rgba(0,0,0,.35);
}

/* HERO TITLE: extra-thick like screenshot */
.pr-hero-title--split .t1,
.pr-hero-title--split .t2{
  font-family: "Arial Black", Impact, "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 900 !important;
  letter-spacing: .015em;
}

/* Top line thicker */
.pr-hero-title--split .t1{
  font-size: clamp(44px, 6.7vw, 78px) !important;
  text-shadow:
    0 14px 44px rgba(0,0,0,.62),
    0 2px 0 rgba(0,0,0,.35);
  -webkit-text-stroke: 0.6px rgba(0,0,0,.18);
}

.pr-hero-title--split .t2 {
    font-size: clamp(52px, 6.2vw, 93px) !important;
   background: linear-gradient(181deg, #ff1f1f 0%, #ff4b57 45%, #ffd7de 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: 0px 1px 10px rgb(255 0 0), 0px 1px 0 rgb(219 0 0 / 73%);
    -webkit-text-stroke: 0.7px rgba(0, 0, 0, .20);
}

.reward i.fa-hockey-puck{
  font-size: 0.95em;
  transform: translateY(1px);
}

.pr-card h3 {
    color: #fff;
    font-weight: 1000;
    margin: 20px 0 10px;
    font-size: 18px;
}


/* HERO mobile — force la taille responsive pour .t2 */
@media (max-width: 520px){

  .pr-hero-title--split .t2{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: clamp(30px, 9.5vw, 52px) !important;
    line-height: 1.0 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

  .pr-kicker{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(10px);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .02em;
  }

} /* <- ferme le @media */

/* Ultra petit écran */
@media (max-width: 360px){
  .pr-hero-title--split .t2{
    font-size: clamp(22px, 8vw, 44px) !important;
  }
}

/* Ultra petit écran */
@media (max-width: 320px){
  .pr-hero-title--split .t2{
    font-size: clamp(22px, 7vw, 44px) !important;
}
    .pr-kicker{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 14px;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(10px);
    font-weight: 600;
    font-size: 9px;
    letter-spacing: .02em;
  }
}

/* Dernier champion: remplace le texte par le badge argent */
.pr-champ-title--badge{
  background: none !important;
  color: inherit !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  margin: 10px 0 12px !important;
}
.pr-champ-title--badge .pr-champ-ico{ display:none !important; }

.pr-champ-ribbon{
  display:block;
  height: 44px;
  width: auto;
  max-width: 92%;
  margin: 0 auto;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));
}

@media (max-width: 520px){
  .pr-champ-ribbon{ height: 36px; }
}


/* Matchs à venir (entre CTA et footer) */
.pr-upcoming-day{background:#fff;padding:46px 0 58px;}
.pr-upc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;}
.pr-upc-head h2{margin:0;color:#0b1220;font-size:24px;font-weight:900;letter-spacing:.2px;}
.pr-upc-date{margin:0;color:#0b1220;font-weight:800;}
.pr-upc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media (max-width:1100px){.pr-upc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.pr-upc-card{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:12px 12px 10px;box-shadow:0 8px 22px rgba(2,6,23,.08);}
.pr-upc-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.pr-upc-league{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:7px;background:#facc15;color:#111827;font-weight:900;font-size:12px;letter-spacing:.35px;}
.pr-upc-when{color:#334155;font-weight:900;font-size:13px;overflow:hidden;text-overflow:ellipsis;}
.pr-upc-team{display:flex;align-items:center;gap:8px;padding:4px 2px;}
.pr-upc-team + .pr-upc-team{border-top:1px dashed rgba(15,23,42,.18);}
.pr-upc-logo{width:70px;height:70px;object-fit:contain;flex:0 0 auto;}
.pr-upc-abbr{font-size:18px;font-weight:900;letter-spacing:.3px;color:#0f172a;line-height:1;}
.pr-upc-empty{padding:18px;border:1px dashed rgba(15,23,42,.22);border-radius:14px;color:#334155;font-weight:800;background:rgba(2,6,23,.02);}

.pr-upc-league {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 5px;
    border-radius: 7px;
    background: #ff0000;
    color: #ffffff;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .35px;
}


@media (max-width:560px){
  .pr-upc-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
  .pr-upc-card{ padding:10px; }
  .pr-upc-abbr{ font-size:18px; }
}

/* =========================================================
   CTA BAND — admin managed (text or image)
   Placement: footer_cta_band
   ========================================================= */
.pr-cta-inner--dynamic{
  display:grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items:center;
}

.pr-cta-inner--dynamic.has-media{
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  text-align:left;
}

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

.pr-cta-kicker{
  margin: 0 0 8px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pr-cta-media{
  display:block;
  border-radius: 20px;
  overflow:hidden;
  text-decoration:none;
}

.pr-cta-media img{
  display:block;
  width:100%;
  height:100%;
  min-height: 180px;
  object-fit:cover;
}

.pr-cta-inner--dynamic .pr-cta-actions{
  justify-content:flex-start;
}

.pr-cta-inner--dynamic .pr-btn.is-static{
  cursor:default;
  pointer-events:none;
  opacity:.96;
}

@media (max-width: 860px){
  .pr-cta-inner--dynamic.has-media{
    grid-template-columns: 1fr;
    text-align:center;
  }

  .pr-cta-inner--dynamic .pr-cta-actions{
    justify-content:center;
  }

  .pr-cta-media img{
    min-height: 160px;
  }
}

/* =========================================================
   CTA BAND FOOTER PUB — version croquis clean
   ========================================================= */
.pr-cta-band--ad{
  padding: 11px 0;
}

.pr-cta-band--ad .pr-cta-inner--dynamic{
  display:block;
  min-height: 60px;
}

.pr-cta-band--ad .pr-cta-copy{
  display:grid;
  grid-template-columns: 8px minmax(0, 1fr) 250px;
  column-gap: 18px;
  align-items:center;
  min-width:0;
}

.pr-cta-band--ad .pr-cta-copy-main,
.pr-cta-band--ad .pr-cta-kicker-row{
  display:contents;
}

.pr-cta-band--ad .pr-cta-kicker-ico{
  grid-column:1;
  grid-row:1 / span 2;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  width:64px;
  color:#fff;
  font-size:55px;
  line-height:1;
  transform: translateX(-24px);
}

.pr-cta-band--ad .pr-cta-kicker{
  grid-column:2;
  grid-row:1;
  margin:0;
  padding-left:3px;
  color: rgb(255 255 255);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: none;
  text-align:left;
  margin-bottom: 7px;
}

.pr-cta-band--ad .pr-cta-kicker::before{
  content:none !important;
}

.pr-cta-band--ad .pr-cta-copy h2{
  grid-column:2;
  grid-row:2;
  margin:0;
  padding-left:3px;
  color:#fff;
  font-size: clamp(24px, 5vw, 42px);
  line-height:1;
  letter-spacing:.01em;
  text-align:left;
}

.pr-cta-band--ad .pr-cta-actions{
  grid-column:3;
  grid-row:1 / span 2;
  justify-self:start;
  align-self:center;
  justify-content:flex-start;
  margin:0;
  transform: translateX(-46px);
  margin-top: 4px;
}

.pr-cta-band--ad .pr-btn,
.pr-cta-band--ad .pr-btn-white,
.pr-cta-band--ad .is-static{
  min-width:auto;
  white-space:nowrap;
  padding:12px 24px;
  border-radius:999px;
}

.pr-cta-band--ad .pr-cta-inner--dynamic.has-media{
  display:grid;
  grid-template-columns:minmax(0, 160px) minmax(0, 1fr);
  gap:18px;
  align-items:center;
}

.pr-cta-band--ad .pr-cta-media img{
  min-height:96px;
}

@media (max-width: 860px){
  .pr-cta-band--ad{
    padding: 18px 0 20px;
  }

  .pr-cta-band--ad .pr-cta-inner--dynamic,
  .pr-cta-band--ad .pr-cta-inner--dynamic.has-media{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    min-height:0;
    text-align:center;
  }

  .pr-cta-band--ad .pr-cta-copy{
    grid-template-columns:1fr;
    row-gap:10px;
  }

  .pr-cta-band--ad .pr-cta-copy-main,
  .pr-cta-band--ad .pr-cta-actions{
    grid-column:1;
    justify-self:center;
  }

  .pr-cta-band--ad .pr-cta-copy-main{
    display:block;
  }

  .pr-cta-band--ad .pr-cta-kicker-row{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    margin:0 0 6px;
  }

  .pr-cta-band--ad .pr-cta-kicker-ico{
    width:auto;
    justify-content:center;
    font-size:14px;
    margin:0 0 4px;
  }

  .pr-cta-band--ad .pr-cta-kicker{
    font-size:16px;
    text-align:center;
  }

  .pr-cta-band--ad .pr-cta-copy h2{
    padding-left:0;
    font-size:clamp(16px, 8vw, 30px);
    line-height:1.10;
    text-align:center;
    max-width:20ch;
    margin:0 auto;
  }

  .pr-cta-band--ad .pr-cta-actions{
    transform:none;
    margin-top:2px;
  }

  .pr-cta-band--ad .pr-btn,
  .pr-cta-band--ad .pr-btn-white,
  .pr-cta-band--ad .is-static{
    padding:10px 20px;
    font-size:14px;
  }

  .pr-cta-band--ad .pr-cta-media img{
    min-height:140px;
  }
}


/* Swipe mobile — renfort carousel horizontal */
/* =========================================================
   CARROUSEL MATCHS À VENIR — blanc net + mobile propre
   ========================================================= */

.pr-upc-viewport{
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y pinch-zoom;
}

@media (max-width: 991.98px){
  .pr-upc-viewport{
    cursor: grab;
  }
}

/* Fond blanc partout dans la zone du slider */
.pr-upcoming-day,
.pr-upcoming-day .pr-container,
.pr-upcoming-day .pr-upc-carousel,
.pr-upcoming-day .pr-upc-viewport,
.pr-upcoming-day .pr-upc-track,
.pr-upcoming-day .pr-upc-slide{
  background: #ffffff !important;
}

/* Carte desktop/tablet */
.pr-upcoming-day .pr-upc-card{
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 3px 10px rgba(2,6,23,.03) !important;
  background-clip: padding-box;
}

/* Ligne entre les deux équipes */
.pr-upcoming-day .pr-upc-team + .pr-upc-team{
  border-top: 1px dashed rgba(15,23,42,.08) !important;
}

/* MOBILE : on enlève presque totalement l'effet gris */
@media (max-width: 767.98px){
  .pr-upcoming-day{
    background: #ffffff !important;
  }

  .pr-upcoming-day .pr-container,
  .pr-upcoming-day .pr-upc-carousel,
  .pr-upcoming-day .pr-upc-viewport,
  .pr-upcoming-day .pr-upc-track,
  .pr-upcoming-day .pr-upc-slide{
    background: #ffffff !important;
  }

  .pr-upcoming-day .pr-upc-card{
    background: #ffffff !important;
    border: 1px solid rgba(15,23,42,.06) !important;
    box-shadow: none !important;
    background-clip: padding-box;
  }

  .pr-upcoming-day .pr-upc-team + .pr-upc-team{
    border-top: 1px dashed rgba(15,23,42,.06) !important;
  }
}


/* =========================================================
   CTA PUB MOBILE — bullhorn au-dessus du kicker,
   kicker centré au-dessus du titre,
   bouton sous le texte principal
   ========================================================= */
@media (max-width: 860px){
  .pr-cta-inner--dynamic .pr-cta-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    row-gap:12px !important;
  }

  .pr-cta-inner--dynamic .pr-cta-copy-main{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    width:100% !important;
    order:1 !important;
  }

  .pr-cta-inner--dynamic .pr-cta-kicker-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    margin:0 0 8px !important;
  }

  .pr-cta-inner--dynamic .pr-cta-kicker-ico{
    width:auto !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    margin:0 !important;
    transform:none !important;
  }

  .pr-cta-inner--dynamic .pr-cta-kicker{
    margin:0 !important;
    text-align:center !important;
  }

  .pr-cta-inner--dynamic .pr-cta-copy h2{
    margin:0 auto !important;
    text-align:center !important;
  }

  .pr-cta-inner--dynamic .pr-cta-actions{
    order:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    justify-self:center !important;
    align-self:center !important;
    margin-top:10px !important;
    transform:none !important;
  }
}