/* Extrait du bloc <style> inline de front-page.php (thème WordPress cauxtt) —
   page d'accueil "OnePage". Voir CLAUDE.md "Conservation du design existant".
   Fichier volumineux (page one-page à ~15 sections) : conservé tel quel plutôt
   que découpé par section, pour rester fidèle au fichier source unique. */

  .picaux-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 6px;
    align-items: stretch;
  }
  .hero-section {
    margin-top: -8px;
  }

  .picaux-card {
    flex: 1;
    min-width: 260px;
    padding: 10px 12px !important;
  }
  .picaux-card h3 {
    margin: 0 0 4px;
    font-size: 0.95rem;
  }

  /* Titre de carte + CTA "SAISIR SCORE" (ellipse verte) */
  .picaux-card-title-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .picaux-card-title-row h3{
    margin:0 !important;
    flex:1;
  }
  .picaux-score-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 11px;
    border-radius:999px;
    font-size:0.72rem;
    font-weight:900;
    letter-spacing:0.14em;
    text-transform:uppercase;
    white-space:nowrap;
    color: rgba(210, 255, 235, 0.98);
    background: rgba(0, 255, 160, 0.16);
    border: 1px solid rgba(0, 255, 160, 0.55);
    box-shadow: 0 0 10px rgba(0, 255, 160, 0.22);
    text-decoration:none;
  }
  .picaux-score-cta:hover{
    background: rgba(0, 255, 160, 0.18);
    border-color: rgba(0, 255, 160, 0.9);
    box-shadow:
      0 0 12px rgba(0, 255, 160, 0.35),
      0 0 22px rgba(0, 255, 160, 0.18);
    transform: translateY(-1px);
    text-decoration:none;
  }

  /* CTA "PRÉSENCES" (ellipse violette) dans la carte "RESULTATS ET PROCHAINS MATCHS" */
  .picaux-presences-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 11px;
    border-radius:999px;
    font-size:0.72rem;
    font-weight:900;
    letter-spacing:0.14em;
    text-transform:uppercase;
    white-space:nowrap;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(155, 88, 255, 0.22);
    border: 1px solid rgba(205, 158, 255, 0.60);
    box-shadow: 0 0 12px rgba(170, 110, 255, 0.20);
    text-decoration:none;
  }
  .picaux-presences-cta:hover{
    background: rgba(155, 88, 255, 0.28);
    border-color: rgba(205, 158, 255, 0.95);
    box-shadow:
      0 0 14px rgba(170, 110, 255, 0.36),
      0 0 26px rgba(170, 110, 255, 0.18);
    transform: translateY(-1px);
    text-decoration:none;
  }


  /* CTA "SALLES" (ellipse orange) sur la ligne du lien "Voir tous les résultats..." */
  .picaux-card-footer-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:8px;
  }
  .picaux-salles-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 11px;
    border-radius:999px;
    font-size:0.72rem;
    font-weight:900;
    letter-spacing:0.14em;
    text-transform:uppercase;
    white-space:nowrap;
    color: rgba(255, 255, 255, 0.96);
    background: rgba(255, 140, 0, 0.18);
    border: 1px solid rgba(255, 186, 80, 0.78);
    box-shadow: 0 0 12px rgba(255, 155, 35, 0.22);
    text-decoration:none;
  }
  .picaux-salles-cta:hover{
    background: rgba(255, 140, 0, 0.24);
    border-color: rgba(255, 210, 140, 0.98);
    box-shadow:
      0 0 14px rgba(255, 165, 55, 0.40),
      0 0 26px rgba(255, 165, 55, 0.20);
    transform: translateY(-1px);
    text-decoration:none;
  }

  /* Actions groupées (plusieurs CTA à droite) */
  .picaux-card-actions{
    display:flex;
    align-items:center;
    gap:8px;
  }

  /* CTA "SCORES LIVE" (ellipse rouge néon) */
.picaux-live-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 11px;
  border-radius:999px;
  font-size:0.72rem;
  font-weight:900;
  letter-spacing:0.14em;
  text-transform:uppercase;
  white-space:nowrap;
  color: rgba(255, 245, 245, 0.98);
  background: rgba(255, 60, 60, 0.16);
  border: 1px solid rgba(255, 60, 60, 0.75);
  box-shadow: 0 0 12px rgba(255, 60, 60, 0.26);
  text-decoration:none;
}
.picaux-live-cta:hover{
  background: rgba(255, 60, 60, 0.22);
  border-color: rgba(255, 60, 60, 0.98);
  box-shadow:
    0 0 14px rgba(255, 60, 60, 0.44),
    0 0 26px rgba(255, 60, 60, 0.20);
  transform: translateY(-1px);
  text-decoration:none;
}


  /* CTA "CALCULATEUR" (ellipse bleue) dans la carte "CALCUL RAPIDE DE PTS FFTT" */
  .picaux-calc-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 11px;
    border-radius:999px;
    font-size:0.72rem;
    font-weight:900;
    letter-spacing:0.14em;
    text-transform:uppercase;
    white-space:nowrap;
    color: rgba(235, 252, 255, 0.98);
    background: rgba(55, 140, 255, 0.24);
    border: 1px solid rgba(55, 140, 255, 0.72);
    box-shadow: 0 0 12px rgba(55, 140, 255, 0.28);
    text-decoration:none;
  }
  .picaux-calc-cta:hover{
    background: rgba(55, 140, 255, 0.28);
    border-color: rgba(55, 140, 255, 0.98);
    box-shadow:
      0 0 14px rgba(55, 140, 255, 0.42),
      0 0 26px rgba(55, 140, 255, 0.22);
    transform: translateY(-1px);
    text-decoration:none;
  }


  @media (max-width: 520px){
    .picaux-score-cta,
    .picaux-presences-cta,
    .picaux-calc-cta,
    .picaux-salles-cta{ font-size:0.7rem; padding:3px 10px; }
  }

  /* CTA "PRÉSENCES" (ellipse violette) dans la carte "Journée passée et à venir" */
  .next-match-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:auto;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .next-match-presences-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 12px;
    border-radius:999px;
    font-size:0.72rem;
    font-weight:900;
    letter-spacing:0.14em;
    text-transform:uppercase;
    white-space:nowrap;
    color: rgba(255, 255, 255, 0.95);
    background: rgba(155, 88, 255, 0.22);
    border: 1px solid rgba(205, 158, 255, 0.60);
    box-shadow: 0 0 12px rgba(170, 110, 255, 0.20);
    text-decoration:none;
  }
  .next-match-presences-cta:hover{
    background: rgba(155, 88, 255, 0.28);
    border-color: rgba(205, 158, 255, 0.95);
    box-shadow:
      0 0 14px rgba(170, 110, 255, 0.36),
      0 0 26px rgba(170, 110, 255, 0.18);
    transform: translateY(-1px);
    text-decoration:none;
  }
  @media (max-width: 520px){
    .next-match-actions{ justify-content:flex-start; }
    .next-match-presences-cta{ font-size:0.70rem; padding:4px 10px; }
  }


  .picaux-card .picaux-sub {
    margin: 0 0 6px;
    font-size: 0.78rem;
    color: var(--text-soft);
  }
  .picaux-box {
    font-size: 0.84rem;
  }
  .picaux-list {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
  }
  .picaux-list li {
    padding: 1px 0;
    line-height:1.1;
    border-bottom: 1px solid rgba(79,216,255,0.15);
  }
  .picaux-list li:last-child {
    border-bottom: none;
  }
  .picaux-match-hour {
    font-size: 0.75rem;
    opacity: 0.75;
    margin-right: 6px;
  }
  .picaux-result-tag {
    font-size: 0.75rem;
    margin-left: 4px;
  }
  .picaux-result-tag.win {
    color: #7df7b0;
    font-weight: 600;
  }
  .picaux-result-tag.loss {
    color: #ff8a8a;
    font-weight: 600;
  }
  
  /* === Derniers matches PICaux (home) : présentation compacte (défi + date + pts sur la même ligne) === */
  .picaux-lastmatch-item{
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 0.78rem;
  }
  .picaux-lastmatch-item{
    cursor: pointer;
  }
  .picaux-lastmatch-item:hover{
    background: rgba(79,216,255,0.06);
  }

  .picaux-lastmatch-date{
    flex: 0 0 auto;
    opacity: 0.92;
        font-size: 0.66rem;
white-space: nowrap;
    margin-right: 8px;
  }

  .picaux-pts-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-weight:700;
    font-size:0.64rem;
    white-space:nowrap;
  }
  .picaux-pts-icon{
    width: 13px;
    height: 13px;
    border-radius: 999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size: 0.62rem;
    line-height:1;
    border: 1px solid rgba(255,255,255,0.18);
  }
  .picaux-pts-badge.gain{ color:#7df7b0; }
  .picaux-pts-badge.loss{ color:#ff8a8a; }
  .picaux-pts-badge.zero{ color:rgba(255,255,255,0.75); }

  .picaux-pts-badge.gain .picaux-pts-icon{ border-color: rgba(125,247,176,0.45); }
  .picaux-pts-badge.loss .picaux-pts-icon{ border-color: rgba(255,138,138,0.45); }
  .picaux-pts-badge.zero .picaux-pts-icon{ border-color: rgba(255,255,255,0.22); }

  .picaux-score-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 1px 7px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    font-size:0.64rem;
    font-weight:700;
    white-space:nowrap;
    background: rgba(0,0,0,0.22);
  }
  .picaux-score-badge.win{ color:#7df7b0; border-color: rgba(125,247,176,0.35); }
  .picaux-score-badge.loss{ color:#ff8a8a; border-color: rgba(255,138,138,0.35); }

  .picaux-lastmatch-line{
    display:flex;
    align-items:baseline;
    gap: 6px;
    min-width:0;
  }

  .picaux-lastmatch-defi{
    flex: 1 1 auto;
    min-width:0;
    font-size: 0.68rem;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .picaux-lastmatch-meta{
    flex: 0 0 auto;
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap: 6px;
    min-width: 90px;
    opacity:0.82;
    font-size: 0.60rem;
    white-space:nowrap;
  }

  .picaux-lastmatch-date{
    opacity:0.92;
      font-size: 0.58rem;
}

  .picaux-lastmatch-pts{
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    opacity: 0.98;
    font-size: 0.72rem;
  
    margin-left:auto;
  }

  .picaux-player-link{
    text-decoration:none;
    border-bottom:1px dotted rgba(255,255,255,0.35);
    cursor:pointer;
    font-weight:700;
    font-size: 0.80rem;
  }
  .picaux-player-link.winner{ color:#7df7b0; }
  .picaux-player-link.loser{ color:#ff8a8a; }

  @media (max-width: 720px){
    .picaux-lastmatch-defi{ white-space: normal; overflow: visible; text-overflow: clip; }
    

  /* === Optimisation mobile : carte "Derniers matches – PICaux" (front-page) === */
  @media (max-width: 560px){
    .picaux-row{
      gap: 10px;
    }
    .picaux-card{
      min-width: 100%;
      padding: 10px 10px !important;
    }
    .picaux-card h3{
      font-size: 0.90rem;
    }
    .picaux-card .picaux-sub{
      font-size: 0.74rem;
    }
    .picaux-box{
      font-size: 0.80rem;
    }

    .picaux-list{
      margin-top: 2px;
    }
    .picaux-lastmatch-item{
      padding: 6px 0;
    }

    /* Grille : date | défi | pts (reste lisible même sur petit écran) */
    .picaux-lastmatch-line{
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      column-gap: 10px;
      row-gap: 2px;
    }
    .picaux-lastmatch-date{
      font-size: 0.62rem;
      opacity: 0.85;
    }
    .picaux-lastmatch-defi{
      white-space: normal;
      overflow: hidden;
      text-overflow: clip;
      line-height: 1.12;
      font-size: 0.70rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .picaux-lastmatch-meta{
      min-width: 72px;
      justify-content: flex-end;
      font-size: 0.58rem;
      opacity: 0.9;
    }
    .picaux-pts-badge{
      font-size: 0.62rem;
    }
    .picaux-pts-icon{
      width: 12px;
      height: 12px;
    }
  }

  @media (max-width: 380px){
    .picaux-lastmatch-line{
      column-gap: 8px;
    }
    .picaux-lastmatch-date{
      font-size: 0.60rem;
    }
    .picaux-lastmatch-defi{
      font-size: 0.68rem;
    }
    .picaux-card h3{
      font-size: 0.86rem;
    }
  }
.picaux-lastmatch-line{
      flex-wrap:wrap;
      gap:6px 10px;
    }
    .picaux-lastmatch-meta{
      width:100%;
      justify-content:flex-start;
    }
  }
.picaux-stats-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
  }
  .picaux-stats-col {
    flex: 1;
    min-width: 160px;
  }
  .picaux-stats-title {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 2px;
    color: var(--accent-light);
  }
  .picaux-stats-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.78rem;
  }
  .picaux-stats-list li {
    padding: 1px 0;
  }
  .picaux-stats-val-plus {
    color: #7df7b0;
    font-weight: 600;
    margin-left: 4px;
  }
  .picaux-stats-val-minus {
    color: #ff8a8a;
    font-weight: 600;
    margin-left: 4px;
  }
  .picaux-link-note {
    margin-top: 4px;
    font-size: 0.75rem;
  }

  
  /* Lien + CTA sur la même ligne (ex: "Voir tous les résultats..." + bouton) */
  .picaux-link-note.picaux-link-with-cta{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .picaux-link-note.picaux-link-with-cta .picaux-link-left{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }
  .picaux-link-note.picaux-link-with-cta .picaux-salles-cta{
    margin-left:auto;
  }
  @media (max-width: 520px){
  .picaux-link-note.picaux-link-with-cta{ flex-wrap:wrap; }
  .picaux-link-note.picaux-link-with-cta .picaux-salles-cta{
    margin-left:auto;      /* garde le bouton à droite */
    align-self:flex-end;   /* le cale à droite même sur sa ligne */
  }
}


  /* ====== CARTE "RÉSULTATS DU WEEK-END" (front) ====== */

  .last-round-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 4px;
    font-size: 0.75rem;
    color: var(--text-soft);
  }

  .last-round-title {
    font-size: 0.70rem;
    font-weight: 600;
    color: var(--accent-light);
    text-transform: uppercase;
  }

  .last-round-meta {
    font-size: 0.7rem;
    opacity: 0.85;
  }

  .last-round-meta strong {
    color: var(--accent-light);
  }

  /* NAVIGATION CARROUSEL DES JOURNÉES */
  .last-round-nav {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    font-size: 0.68rem;
  }

  .last-round-nav button { border-radius: 999px;
    border: 1px solid rgba(79,216,255,0.6);
    background: radial-gradient(circle at top, rgba(79,216,255,0.15), rgba(3,10,20,0.95));
    color: var(--accent-light);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    box-shadow:
      0 0 4px rgba(79,216,255,0.5),
      0 0 10px rgba(79,216,255,0.25);
  }

  .last-round-nav button:hover {
    box-shadow:
      0 0 6px rgba(79,216,255,0.8),
      0 0 14px rgba(79,216,255,0.45);
    transform: translateY(-0.5px);
  }

  .last-round-index {
    padding: 0 4px;
    color: var(--text-soft);
    white-space: nowrap;
  }

  .weekend-results-table { width: 100%;
    border-collapse: collapse;
    margin-top: 2px;
    font-size: 0.56rem;
  }

  .weekend-results-table thead {
    background: rgba(2, 7, 12, 0.95);
  }

  .weekend-results-table th,
  .weekend-results-table td { padding: 1px 2px;
    border-bottom: 1px solid rgba(35, 49, 66, 0.9);
  }

  .weekend-results-table th { font-size: 0.52rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-soft);
    text-align: left;
  }

  .weekend-results-table th.weekend-col-division {
    width: 52px;
    white-space: nowrap;
  }

  .weekend-results-table th.weekend-col-encounter {
    text-align: center;
  }

  .weekend-results-table td.weekend-division { font-weight: 600;
    color: var(--accent-light);
    white-space: nowrap;
    font-size: 0.56rem;
  }

  .weekend-results-table td.weekend-encounter {
    text-align: center;
  }

  .weekend-encounter-inner { display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 4px;
  }

  .weekend-date-mini{
    display:inline-block;
    margin-left:8px;
    font-size:0.72rem;
    color: rgba(207, 218, 230, 0.65);
    white-space: nowrap;
  }

  .weekend-team-left {
    text-align: right;
    justify-self: end;
  }

  .weekend-team-right {
    text-align: left;
    justify-self: start;
  }

  .weekend-score-cell { min-width: 34px;
    text-align: center;
    font-weight: 700;
    font-size: 0.58rem;
    line-height: 1.05;
    justify-self: center;
  }

  .weekend-team { font-weight: 500;
    font-size: 0.55rem;
    white-space: nowrap;
  }

  .weekend-score-cell.score-win {
    color: #7efc9d;
  }

  .weekend-score-cell.score-loss {
    color: #ff8585;
  }

  .weekend-score-cell.score-draw {
    color: #ffd480;
  }

  .last-round-note { margin-top: 3px;
    font-size: 0.58rem;
    color: var(--text-soft);
    opacity: 0.9;
  }


	  
  /* Mini-typo spécifique au bloc (même si du inline-style traîne) */
  #last-round-container .last-round-sub{
    font-size: 0.60rem !important;
    line-height: 1.05 !important;
  }
  #last-round-container .last-round-btn{
    width: 18px;
    height: 18px;
    font-size: 0.70rem;
    line-height: 18px;
  }
  /* Fix hover global: ne pas écraser le centrage (évite que la flèche “descende”) */
  #last-round-container .last-round-btn:hover,
  #last-round-container .last-round-btn:focus,
  #last-round-container .last-round-btn:active{
    transform: translateY(-50%) !important;
  }

/* Dernières actus : point vert clignotant dans le titre */
  .last-news-title{
	    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px;
  }
  .last-news-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
	    background: #ff3535ff;
    box-shadow:
	      0 0 6px rgba(255, 53, 53, 0.95),
	      0 0 14px rgba(255, 53, 53, 0.7);
    flex: 0 0 auto;
    animation: cauxttDotBlink 1.1s ease-in-out infinite;
  }
  @keyframes cauxttDotBlink{
    0%, 100% { opacity: 1; transform: scale(1); filter: brightness(1.1); }
    50%      { opacity: 0.25; transform: scale(1.35); filter: brightness(0.9); }
  }
  @media (prefers-reduced-motion: reduce){
    .last-news-dot{ animation: none; }
  }

  /* Dernières actus : image à la une flottante */
  .last-news-article {
    font-size: 0.82rem;
    position: relative;
  }
  .last-news-thumb-inline {
    float: left;
    width: 90px;
    max-width: 35%;
    margin: 0 10px 6px 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.45);
  }
  .last-news-thumb-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .last-news-article::after {
    content: "";
    display: block;
    clear: both;
  }
  .last-news-post-title {
    margin-top: 0;
  }
  @media (max-width: 600px) {
    .last-news-thumb-inline {
      width: 75px;
      max-width: 30%;
    }
  }

  /* ====== HERO : BADGE NOUVEAU, LISTE & SEGMENTATION ====== */
  .hero-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
  }
  .last-news-box .hero-badge-new {
    display: block;
    margin: 0 auto 6px;
    text-align: center;
    font-size: 0.75rem;
    padding: 2px 5px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.09em;

    border: 1px solid rgba(79, 216, 255, 0.75);
    background: radial-gradient(
      circle at top,
      rgba(79, 216, 255, 0.18),
      rgba(5, 10, 18, 0.98)
    );
    color: var(--accent-light);
    box-shadow:
      0 0 4px rgba(79, 216, 255, 0.6),
      0 0 10px rgba(79, 216, 255, 0.4);
  }

  .hero-list {
    margin: 6px 0 10px;
    padding-left: 18px;
    font-size: 0.9rem;
    color: var(--text-soft);
  }
  .hero-list li {
    margin-bottom: 3px;
  }
  .hero-audience {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 4px 0 10px;
    font-size: 0.8rem;
  }
  .hero-audience-label {
    opacity: 0.8;
  }
  .hero-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(79,216,255,0.55);
    padding: 3px 11px;
    text-decoration: none;
    font-size: 0.78rem;
    color: var(--accent-light);
    background: rgba(5,10,18,0.92);
    box-shadow: 0 0 6px rgba(0,0,0,0.7);
    transition: transform 0.08s ease, box-shadow 0.08s ease, background 0.12s ease;
  }
  .hero-pill:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 6px rgba(79,216,255,0.7),
      0 0 12px rgba(79,216,255,0.4);
  }

  /* ====== CARTE GOOGLE MAP CONTACT (EFFET NÉON) ====== */
  .contact-map-wrapper {
    margin-top: 1.2rem;
  }
  .contact-map-title {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
    color: var(--accent-light);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .contact-map-title::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(79,216,255,0.9), transparent 60%);
    box-shadow:
      0 0 6px rgba(79,216,255,0.9),
      0 0 14px rgba(79,216,255,0.6);
  }
  .contact-map-neon {
    position: relative;
    border-radius: 18px;
    padding: 4px;
    background:
      radial-gradient(circle at top left, rgba(79,216,255,0.22), rgba(2,8,18,0.96));
    box-shadow:
      0 0 12px rgba(79,216,255,0.7),
      0 0 32px rgba(79,216,255,0.45);
    border: 1px solid rgba(79,216,255,0.55);
    overflow: hidden;
  }
  .contact-map-neon iframe {
    display: block;
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 14px;
    filter: grayscale(100%) brightness(0.9) contrast(1.1);
    transition: filter 0.3s ease;
  }
  .contact-map-neon:hover iframe {
    filter: grayscale(0%);
  }

  .contact-rooms {
    margin-top: 1rem;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(79,216,255,0.25);
    font-size: 0.85rem;
  }
  .contact-rooms-title {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
    color: var(--accent-light);
  }
  .contact-rooms-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .contact-rooms-list li {
    background: rgba(5,10,18,0.85);
    border-radius: var(--card-radius);
    border: 1px solid rgba(79,216,255,0.25);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 8px 10px;
    line-height: 1.35;
  }
  .contact-rooms-list strong {
    display: block;
    margin-bottom: 2px;
  }
  .contact-rooms-list a {
    font-size: 0.8rem;
    display: inline-block;
    margin-top: 4px;
  }

  @media (max-width: 960px) {
    .contact-rooms-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 640px) {
    .contact-rooms-list {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 720px) {
    .picaux-row {
      flex-direction: column;
      gap: 10px;
    }
    .contact-map-neon iframe {
      height: 220px;
    }
  }

  /* Lien orange type HelloAsso pour la page planning */
  .planning-link-helloasso {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 12px;
    margin-bottom: 4px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff8a3d, #ffb347);
    color: #1a0a00;
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
    box-shadow:
      0 0 6px rgba(255,138,61,0.7),
      0 0 14px rgba(255,138,61,0.4);
    transition:
      transform 0.08s ease,
      box-shadow 0.08s ease,
      filter 0.08s ease;
    white-space: nowrap;
  }
  .planning-link-helloasso:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 10px rgba(255,138,61,0.9),
      0 0 18px rgba(255,138,61,0.6);
    filter: brightness(1.05);
  }
  .planning-link-helloasso:active {
    transform: translateY(0);
    box-shadow:
      0 0 6px rgba(255,138,61,0.8),
      0 0 12px rgba(255,138,61,0.5);
  }

  /* MINI CALCULATEUR FFTT (dans la carte 1) */
  .fftt-mini-title {
    margin: 0 0 4px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--accent-light);
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .fftt-mini-title span.icon {
    font-size: 1rem;
  }
  .fftt-mini-sub {
    margin: 8px 0 8px;
    font-size: 0.78rem;
    color: var(--text-soft);
  }
  .fftt-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 10px;
    align-items: flex-end;
  }
  @media (max-width: 820px) {
    .fftt-mini-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .fftt-mini-field label {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
    color: var(--text-soft);
  }
  .fftt-mini-field input[type="number"],
  .fftt-mini-field select {
    width: 100%;
    padding: 4px 6px;
    border-radius: 8px;
    border: 1px solid rgba(79,216,255,0.35);
    background: rgba(4,10,18,0.9);
    color: var(--text-main);
    font-size: 0.8rem;
    outline: none;
  }
  .fftt-mini-field input[type="number"]:focus,
  .fftt-mini-field select:focus {
    border-color: rgba(126,235,255,0.9);
    box-shadow: 0 0 6px rgba(79,216,255,0.5);
  }
  .fftt-mini-result-type {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.78rem;
  }
  .fftt-mini-result-type label {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
  }
  .fftt-mini-result-type input[type="radio"] {
    accent-color: var(--accent, #4fd8ff);
  }
  .fftt-mini-actions {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
  }
  .fftt-mini-actions button {
    border-radius: 999px;
    padding: 4px 10px;
    border: 1px solid rgba(79,216,255,0.7);
    background: linear-gradient(135deg, rgba(79,216,255,0.18), rgba(4,18,30,0.98));
    color: var(--accent-light);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.08s ease, box-shadow 0.08s ease, background 0.12s ease;
  }
  .fftt-mini-actions button:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 6px rgba(79,216,255,0.7),
      0 0 12px rgba(79,216,255,0.35);
  }
  .fftt-mini-actions button.fftt-mini-reset {
    border-color: rgba(169,181,199,0.6);
    color: var(--text-soft);
    background: radial-gradient(circle at top, rgba(169,181,199,0.1), rgba(4,10,18,0.95));
  }
  .fftt-mini-output {
    margin-top: 6px;
    display: none;
    align-items: baseline;
    gap: 10px;
    font-size: 0.85rem;
  }
  .fftt-mini-output.active {
    display: flex;
  }
  .fftt-mini-delta {
    font-weight: 700;
    color: var(--accent-light);
  }
  .fftt-mini-delta.positive {
    color: #7df7b0;
  }
  .fftt-mini-delta.negative {
    color: #ff8a8a;
  }
  .fftt-mini-new {
    font-size: 0.82rem;
    color: var(--text-soft);
  }
  .fftt-mini-note {
    margin-top: 4px;
    font-size: 0.7rem;
    color: var(--text-soft);
    opacity: 0.9;
  }

  .contact-cta {
    display: inline-flex;
    margin: 0.4rem 0 1rem;
  }

  /* ===== CARTE STATS CLUB "LE CAUX TT EN UN COUP D’ŒIL" ===== */
  .card-header-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .card-header-line h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 1.2rem;
    color: var(--accent-light);
    text-shadow:
      0 0 6px rgba(79,216,255,0.4),
      0 0 14px rgba(79,216,255,0.2);
  }
  .card-header-line .emoji {
    font-size: 1.3rem;
  }
  .pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    background: rgba(15,30,45,0.9);
    color: var(--accent-light);
    font-weight: 500;
    border: 1px solid rgba(79,216,255,0.5);
  }
  .pill .dot-pill {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 6px rgba(79,216,255,0.7);
  }

  .players-stats-card {
    margin-top: 10px;
    background: radial-gradient(circle at top left, rgba(15,23,42,0.9), rgba(5,10,18,1));
    border: 1px solid rgba(79,216,255,0.45);
    box-shadow:
      0 8px 22px rgba(0,0,0,0.75);
  }

  .players-stats-grid {
    display: grid;
    gap: 12px;
    margin-top: 10px;
  }

  @media (min-width: 1100px) {
    .players-stats-grid {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }

  @media (max-width: 1099px) {
    .players-stats-grid {
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
  }

  .players-stat {
    padding: 10px 12px;
    border-radius: 14px;
    background: radial-gradient(circle at top, rgba(6,40,73,0.95), rgba(3,7,18,1));
    border: 1px solid rgba(79,216,255,0.85);
    text-align: center;
    box-shadow:
      0 0 5px rgba(79,216,255,0.65),
      0 0 14px rgba(79,216,255,0.35),
      0 8px 18px rgba(0,0,0,0.8);
    position: relative;
    overflow: hidden;
  }

  .players-stat-label {
    font-size: 0.74rem;
    color: #cbd5f5;
    margin-bottom: 4px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 600;
  }

  .players-stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #e5f4ff;
    text-shadow:
      0 0 4px rgba(148,163,184,0.9),
      0 0 10px rgba(79,216,255,0.9);
  }

  .players-stat-number--orange {
    color: #ffedd5;
    text-shadow:
      0 0 6px rgba(251,146,60,0.7),
      0 0 14px rgba(251,146,60,0.5);
  }

  /* ===== Panneau admin front-page (en bas) ===== */
  .front-admin-panel {
    max-width: 1100px;
    margin: 26px auto 40px;
    padding: 16px 18px 18px;
    border-radius: 18px;
    border: 1px dashed rgba(79,216,255,0.7);
    background: radial-gradient(circle at top, rgba(79,216,255,0.14), rgba(3,8,15,0.96));
    box-shadow:
      0 0 14px rgba(0,0,0,0.9),
      0 0 24px rgba(79,216,255,0.25);
  }
  .front-admin-panel h2 {
    margin: 0 0 8px;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: var(--accent-light);
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .front-admin-panel h2::before {
    content: "";
    width: 6px;
    height: 20px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--accent-light), var(--accent-strong));
    box-shadow:
      0 0 8px rgba(79,216,255,0.8),
      0 0 18px rgba(79,216,255,0.6);
  }
  .front-admin-small {
    margin: 0 0 8px;
    font-size: 0.78rem;
    color: var(--text-soft);
    opacity: 0.9;
  }
  .front-admin-message {
    font-size: 0.8rem;
    margin: 0 0 8px;
  }
  .front-admin-message.ok {
    color: #7ee1a6;
  }
  .front-admin-message.error {
    color: #ff8a80;
  }
  .front-admin-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px 22px;
    margin-top: 10px;
  }
  .front-admin-block {
    border-radius: 14px;
    border: 1px solid rgba(79,216,255,0.25);
    padding: 10px 10px 12px;
    background: rgba(4,10,18,0.95);
  }
  .front-admin-block-title {
    margin: 0 0 6px;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--accent-light);
  }
  .front-admin-block label {
    font-size: 0.75rem;
    color: var(--text-soft);
    display: block;
    margin-bottom: 4px;
  }
  .front-admin-block textarea {
    width: 100%;
    min-height: 140px;
    border-radius: 10px;
    border: 1px solid rgba(79,216,255,0.35);
    background: rgba(3,9,16,0.96);
    color: var(--text-normal);
    font-size: 0.78rem;
    padding: 6px 7px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  .front-admin-actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }
  .front-admin-hint {
    font-size: 0.76rem;
    color: var(--text-soft);
    opacity: 0.85;
  }
  .front-admin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--accent-light), var(--accent-strong));
    color: #021018;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    border: 1px solid rgba(79,216,255,0.9);
    cursor: pointer;
    box-shadow:
      0 0 8px rgba(79,216,255,0.9),
      0 0 20px rgba(79,216,255,0.6);
    transition: transform 0.08s ease, box-shadow 0.08s ease;
  }
  .front-admin-btn:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 10px rgba(79,216,255,1),
      0 0 26px rgba(79,216,255,0.9);
  }
  .front-admin-btn:active {
    transform: translateY(1px);
    box-shadow:
      0 0 4px rgba(79,216,255,0.6),
      0 0 12px rgba(79,216,255,0.5);
  }
  @media (max-width: 900px) {
    .front-admin-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Grille double : dernière journée à gauche, prochaine à droite */
  .next-match-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 8px;
    align-items: flex-start;
  }

  .next-match-meta-line {
    font-size: 0.8rem;
    color: var(--text-soft);
    margin-bottom: 4px;
  }

  .weekend-results-table-next .weekend-score-cell,
  .weekend-results-table-prev .weekend-score-cell {
    min-width: 42px;
  }
  /* ===== JOUEURS EN FORME – Dégradé néon gauche → droite ===== */

.hot-players-section {
  margin-top: 16px;
}

.hot-players-intro {
  font-size: 0.85rem;
  color: var(--text-soft);
  margin-bottom: 8px;
}

.hot-players-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

/* Style de base de chaque carte */
.hot-player-card {
  position: relative;
  padding: 8px 10px;
  border-radius: 14px;
  background: radial-gradient(circle at top, rgba(5, 12, 22, 0.96), rgba(2, 6, 14, 1));
  border: 1px solid rgba(79, 216, 255, 0.35);
  box-shadow:
    0 0 4px rgba(0, 0, 0, 0.8),
    0 6px 14px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

.hot-player-name {
  font-weight: 600;
  font-size: 0.92rem;
  margin-bottom: 2px;
  color: #e5f4ff;
  padding-right: 56px;
}

.hot-player-info {
  font-size: 0.8rem;
  color: var(--text-soft);
  margin-bottom: 4px;
}

.hot-player-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: rgba(6, 30, 20, 0.96);
  border: 1px solid rgba(74, 222, 128, 0.8);   /* vert néon */
  color: #7df7b0;                               /* texte vert "Progression officielle FFTT" */
}


/* Badge de classement (1er, 2ème, 3ème...) */
.hot-player-rank{
  position: absolute;
  z-index: 6;
  top: 8px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  color: #f6fbff;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.10);
  background: linear-gradient(135deg, rgba(168, 85, 255, 0.40), rgba(79, 216, 255, 0.16));
  box-shadow: 0 0 10px rgba(79, 216, 255, 0.12);
}

.hot-player-rank-num{
  position: relative;
  display: inline-block;
  font-weight: 900;
  font-size: 0.72rem;
  line-height: 1;
  padding-right: 0; /* suffixe retiré */
}

.hot-player-rank-suffix{
  display:none;
}

/* Badge : violet (1er) -> bleu/turquoise (10ème) */
.hot-player-card:nth-child(1)  .hot-player-rank{ background: linear-gradient(135deg, rgba(168, 85, 255, 0.58), rgba(148, 114, 255, 0.20)); box-shadow: 0 0 10px rgba(168, 85, 255, 0.18), 0 0 16px rgba(168, 85, 255, 0.12); border-color: rgba(168, 85, 255, 0.35); }
.hot-player-card:nth-child(2)  .hot-player-rank{ background: linear-gradient(135deg, rgba(158, 100, 255, 0.56), rgba(148, 114, 255, 0.20)); box-shadow: 0 0 10px rgba(158, 100, 255, 0.17), 0 0 16px rgba(158, 100, 255, 0.11); border-color: rgba(158, 100, 255, 0.34); }
.hot-player-card:nth-child(3)  .hot-player-rank{ background: linear-gradient(135deg, rgba(148, 114, 255, 0.54), rgba(138, 129, 255, 0.20)); box-shadow: 0 0 10px rgba(148, 114, 255, 0.16), 0 0 16px rgba(148, 114, 255, 0.11); border-color: rgba(148, 114, 255, 0.34); }
.hot-player-card:nth-child(4)  .hot-player-rank{ background: linear-gradient(135deg, rgba(138, 129, 255, 0.52), rgba(128, 143, 255, 0.20)); box-shadow: 0 0 10px rgba(138, 129, 255, 0.15), 0 0 16px rgba(138, 129, 255, 0.10); border-color: rgba(138, 129, 255, 0.33); }
.hot-player-card:nth-child(5)  .hot-player-rank{ background: linear-gradient(135deg, rgba(128, 143, 255, 0.50), rgba(119, 158, 255, 0.20)); box-shadow: 0 0 10px rgba(128, 143, 255, 0.14), 0 0 16px rgba(128, 143, 255, 0.10); border-color: rgba(128, 143, 255, 0.32); }
.hot-player-card:nth-child(6)  .hot-player-rank{ background: linear-gradient(135deg, rgba(119, 158, 255, 0.48), rgba(109, 172, 255, 0.20)); box-shadow: 0 0 10px rgba(119, 158, 255, 0.14), 0 0 16px rgba(119, 158, 255, 0.10); border-color: rgba(119, 158, 255, 0.32); }
.hot-player-card:nth-child(7)  .hot-player-rank{ background: linear-gradient(135deg, rgba(109, 172, 255, 0.46), rgba(99, 187, 255, 0.20)); box-shadow: 0 0 10px rgba(109, 172, 255, 0.13), 0 0 16px rgba(109, 172, 255, 0.09); border-color: rgba(109, 172, 255, 0.31); }
.hot-player-card:nth-child(8)  .hot-player-rank{ background: linear-gradient(135deg, rgba(99, 187, 255, 0.44), rgba(89, 201, 255, 0.20)); box-shadow: 0 0 10px rgba(99, 187, 255, 0.13), 0 0 16px rgba(99, 187, 255, 0.09); border-color: rgba(99, 187, 255, 0.30); }
.hot-player-card:nth-child(9)  .hot-player-rank{ background: linear-gradient(135deg, rgba(89, 201, 255, 0.42), rgba(79, 216, 255, 0.20)); box-shadow: 0 0 10px rgba(89, 201, 255, 0.12), 0 0 16px rgba(89, 201, 255, 0.09); border-color: rgba(89, 201, 255, 0.30); }
.hot-player-card:nth-child(10) .hot-player-rank{ background: linear-gradient(135deg, rgba(79, 216, 255, 0.40), rgba(74, 222, 128, 0.12)); box-shadow: 0 0 10px rgba(79, 216, 255, 0.12), 0 0 16px rgba(79, 216, 255, 0.08); border-color: rgba(79, 216, 255, 0.30); }

/* Dégradé de gauche → droite : violet → turquoise (Top 10) */

.hot-player-card:nth-child(1) {
  border-color: rgba(168, 85, 255, 0.92);
  box-shadow:
    0 0 8px rgba(168, 85, 255, 0.75),
    0 0 22px rgba(168, 85, 255, 0.45);
}

.hot-player-card:nth-child(2) {
  border-color: rgba(158, 100, 255, 0.92);
  box-shadow:
    0 0 8px rgba(158, 100, 255, 0.75),
    0 0 22px rgba(158, 100, 255, 0.45);
}

.hot-player-card:nth-child(3) {
  border-color: rgba(148, 114, 255, 0.92);
  box-shadow:
    0 0 8px rgba(148, 114, 255, 0.75),
    0 0 22px rgba(148, 114, 255, 0.45);
}

.hot-player-card:nth-child(4) {
  border-color: rgba(138, 129, 255, 0.92);
  box-shadow:
    0 0 8px rgba(138, 129, 255, 0.75),
    0 0 22px rgba(138, 129, 255, 0.45);
}

.hot-player-card:nth-child(5) {
  border-color: rgba(128, 143, 255, 0.92);
  box-shadow:
    0 0 8px rgba(128, 143, 255, 0.75),
    0 0 22px rgba(128, 143, 255, 0.45);
}

.hot-player-card:nth-child(6) {
  border-color: rgba(119, 158, 255, 0.92);
  box-shadow:
    0 0 8px rgba(119, 158, 255, 0.75),
    0 0 22px rgba(119, 158, 255, 0.45);
}

.hot-player-card:nth-child(7) {
  border-color: rgba(109, 172, 255, 0.92);
  box-shadow:
    0 0 8px rgba(109, 172, 255, 0.75),
    0 0 22px rgba(109, 172, 255, 0.45);
}

.hot-player-card:nth-child(8) {
  border-color: rgba(99, 187, 255, 0.92);
  box-shadow:
    0 0 8px rgba(99, 187, 255, 0.75),
    0 0 22px rgba(99, 187, 255, 0.45);
}

.hot-player-card:nth-child(9) {
  border-color: rgba(89, 201, 255, 0.92);
  box-shadow:
    0 0 8px rgba(89, 201, 255, 0.75),
    0 0 22px rgba(89, 201, 255, 0.45);
}

.hot-player-card:nth-child(10) {
  border-color: rgba(79, 216, 255, 0.92);
  box-shadow:
    0 0 8px rgba(79, 216, 255, 0.75),
    0 0 22px rgba(79, 216, 255, 0.45);
}


/* Clic + survol néon */
.hot-player-clickable{
  display:block;
  text-decoration:none !important;
  color:inherit;
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, filter .14s ease;
  will-change: transform;
}
.hot-player-clickable:hover,
.hot-player-clickable:active,
.hot-player-clickable:focus{
  text-decoration:none !important;
}
.hot-player-clickable *{
  text-decoration:none !important;
}

.hot-player-clickable:hover{
  transform: translateY(-2px);
  filter: saturate(1.15) brightness(1.06);
  border-color: rgba(79, 216, 255, 0.92);
  box-shadow:
    0 0 10px rgba(79, 216, 255, 0.30),
    0 0 20px rgba(168, 85, 255, 0.25),
    0 10px 18px rgba(0, 0, 0, 0.65);
}
.hot-player-clickable:hover .hot-player-name{
  text-shadow: 0 0 10px rgba(79, 216, 255, 0.40), 0 0 18px rgba(168, 85, 255, 0.25);
}
.hot-player-clickable:focus-visible{
  outline: 2px solid rgba(79, 216, 255, 0.85);
  outline-offset: 2px;
}

/* Mini CTA "Voir stats" */
.hot-player-cta{
  position:absolute;
  bottom:8px;
  right:10px;
  z-index:7;
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:0.66rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#e5f4ff;
  background: rgba(79, 216, 255, 0.10);
  border: 1px solid rgba(79, 216, 255, 0.35);
  box-shadow: 0 0 10px rgba(79, 216, 255, 0.14);
  opacity:0.78;
  transform: translateY(1px);
  transition: opacity .14s ease, transform .14s ease, box-shadow .14s ease, filter .14s ease;
  pointer-events:none;
}
.hot-player-clickable:hover .hot-player-cta{
  opacity:1;
  transform: translateY(0);
  box-shadow: 0 0 14px rgba(79, 216, 255, 0.22), 0 0 18px rgba(168, 85, 255, 0.16);
  filter: brightness(1.08);
}
/* === PATCH UI: bloc "RESULTATS ET PROCHAINS MATCHS" style screenshot (sans toucher au JS) === */
#last-round-container .last-round-meta strong{ display:none !important; }

#last-round-container .last-round-header{
  position:relative !important;
  margin-bottom:10px !important; /* espace entre la ligne (flèches + meta) et le tableau des résultats */
  padding-right:92px !important; /* place pour les 2 boutons à droite */
}

#last-round-container .last-round-meta{
  text-align:left !important;
  line-height:1.08 !important;
}

#last-round-container .last-round-sub{
  font-size:0.90rem !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color: var(--accent-light) !important;
}

#last-round-container .last-round-btn{
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  border:1px solid rgba(79,216,255,.6) !important;
  background: rgba(79,216,255,.12) !important;
  box-shadow: 0 0 10px rgba(79,216,255,.25) !important;
  color: var(--accent-light) !important;
}

#last-round-container .last-round-btn:hover{
  background: rgba(79,216,255,.18) !important;
  box-shadow: 0 0 14px rgba(79,216,255,.35) !important;
}

/* met les 2 flèches à droite (comme sur ton screenshot) */
#last-round-container .last-round-btn-prev{
  position:absolute !important;
  right:50px !important;
  left:auto !important;
  top:50% !important;
  transform: translateY(-50%) !important;
}
#last-round-container .last-round-btn-next{
  position:absolute !important;
  right:8px !important;
  left:auto !important;
  top:50% !important;
  transform: translateY(-50%) !important;
}

/* Interlignes bleus façon site */
#last-round-container table.weekend-table tr{
  border-bottom: 1px solid rgba(79,216,255,.16) !important;
}
#last-round-container table.weekend-table tr:last-child{
  border-bottom: none !important;
}

#last-round-container table.weekend-table td{
  padding:3px 4px !important;
  line-height:1.05 !important;
}

#last-round-container .weekend-team{
  font-size:0.72rem !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
}

#last-round-container .weekend-division{
  font-size:0.70rem !important;
  font-weight:800 !important;
}

#last-round-container .weekend-score-cell{
  font-size:0.78rem !important;
  font-weight:900 !important;
  padding:2px 6px !important;
  border-radius:8px !important;

  /* Centrage parfait du texte (score / "vs") */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;

  /* Colonne "score" fixe pour que tout reste aligné */
  min-width: var(--lr-score-w) !important;
  width: var(--lr-score-w) !important;
}

#last-round-container{ --lr-score-w: 3rem; }

/* Centre le score/"vs" au MILIEU de la carte (on compense la colonne équipe D1/D2/... à gauche) */
#last-round-container{ --lr-division-w: 48px; }
#last-round-container table.weekend-table{ width:100% !important; table-layout:fixed !important; }
#last-round-container td.weekend-division{ width: var(--lr-division-w) !important; }
#last-round-container td.weekend-encounter{ padding-right: var(--lr-division-w) !important; }


/* Empêche les noms longs de décaler le centre + colonne centrale fixe */
#last-round-container .weekend-encounter-inner{
  width:100% !important;
  grid-template-columns: minmax(0,1fr) var(--lr-score-w) minmax(0,1fr) !important;
}

#last-round-container .weekend-team-left,
#last-round-container .weekend-team-right{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#last-round-container .last-round-note{
  font-size:0.66rem !important;
  line-height:1.25 !important;
  margin-top:6px !important;
  opacity:.85 !important;
}
/* ===============================
   UI COMPACTE – RESULTATS SMARTPING
   =============================== */

/* Supprime le titre 📅 */
#last-round-container h2,
#last-round-container .card-title{
  display:none !important;
}

/* Ligne meta (saison / phase / journée + date) */
#last-round-container .last-round-sub{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  font-size:0.7rem !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
}

/* Date très petite à droite */
#last-round-container .last-round-sub span:last-child{
  font-size:0.55rem !important;
  opacity:.8 !important;
  white-space:nowrap !important;
}

/* Tableau ultra compact */
#last-round-container table.weekend-table td{
  padding:1px 2px !important;
  line-height:0.98 !important;
  font-size:0.7rem !important;
}

/* Séparateurs bleus */
#last-round-container table.weekend-table tbody tr{
  border-bottom:1px solid rgba(79,216,255,.35) !important;
}

/* === FLÈCHES NÉON BLEU (navigation journées) === */
#last-round-container .last-round-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  background: rgba(79,216,255,0.14) !important;
  color: #ffffff !important;

  border-radius: 999px !important; /* ellipse */
  width: 40px !important;
  height: 24px !important;

  font-size: 0.95rem !important;
  line-height: 1 !important;
  border: 1px solid rgba(79,216,255,0.75) !important;

  /* Effet néon CauxTT */
  box-shadow:
    0 0 10px rgba(79,216,255,0.35),
    0 0 18px rgba(79,216,255,0.18) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease !important;
}

/* Hover = néon plus punchy */
#last-round-container .last-round-btn:hover{
  background: rgba(79,216,255,0.22) !important;
  border-color: rgba(79,216,255,0.95) !important;
  transform: translateY(-1px) scale(1.03);
  box-shadow:
    0 0 12px rgba(79,216,255,0.55),
    0 0 24px rgba(79,216,255,0.25) !important;
}

#last-round-container .last-round-btn:active{
  transform: translateY(0) scale(0.98);
}

/* Focus clavier propre */
#last-round-container .last-round-btn:focus{
  outline: none !important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.85),
    0 0 14px rgba(79,216,255,0.65),
    0 0 26px rgba(79,216,255,0.28) !important;
}

@media (max-width: 520px){
  #last-round-container .last-round-btn{
    width: 44px !important;
    height: 26px !important;
    font-size: 1.0rem !important;
  }
}

/* Dégradé DIV. : R2 → D4 */
#last-round-container tbody tr:nth-child(1) .weekend-division{color:#8b5cf6;}
#last-round-container tbody tr:nth-child(2) .weekend-division{color:#7c6cf3;}
#last-round-container tbody tr:nth-child(3) .weekend-division{color:#6b7cf0;}
#last-round-container tbody tr:nth-child(4) .weekend-division{color:#5a8cec;}
#last-round-container tbody tr:nth-child(5) .weekend-division{color:#4a9ce7;}
#last-round-container tbody tr:nth-child(6) .weekend-division{color:#3aacdf;}
#last-round-container tbody tr:nth-child(7) .weekend-division{color:#2abbd6;}
#last-round-container tbody tr:nth-child(8) .weekend-division{color:#22d3ee;}

/* === FIX : flèches qui ne doivent pas chevaucher le bouton "PRÉSENCES" ===
   Les flèches ont une hauteur plus grande que la ligne (JS) : on crée un petit espace en haut
   pour qu'elles restent DANS la carte et on aligne à droite comme le CTA. */
#last-round-container{
  padding-top: 16px !important; /* décale tout vers le bas (petite marge avant le contour) */
}

/* Alignement sur le bord droit du CTA "PRÉSENCES" (même ligne à droite) */
#last-round-container .last-round-btn-next{ right: 0 !important; }
#last-round-container .last-round-btn-prev{ right: 44px !important; }