/* results — feuille dédiée de la page publique de résultats /fr/results et
   /en/results (request-2026-07-10-1139 item-002). Vient EN COMPLÉMENT de
   critical-legal (header/footer/container/lang-switcher réutilisés) et ne
   fait qu'ajouter la mise en forme du palmarès + du bloc de retrait des lots.
   Palette PSG stricte (charte : Bleu #004070, Bleu nuit #1A2B4C, Rouge
   #E30613, Or #CEAB5D, Blanc, gris clair #F7F7F8) — aucune couleur hors charte. */

/* --- En-tête de palmarès -------------------------------------------------- */
.results-intro{margin:0 0 40px}
.results-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.12em;color:var(--psg-blue);background:rgba(206,171,93,0.16);border:1px solid rgba(206,171,93,0.55);border-radius:999px;padding:6px 14px;margin:0 0 18px}
.results-badge::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--psg-gold)}

/* --- Liste des lots gagnants — présentation premium avec visuel de lot ----- */
.results-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:22px}
.result-card{position:relative;display:grid;grid-template-columns:clamp(160px,34%,340px) 1fr;gap:22px 30px;align-items:center;padding:20px 26px 20px 22px;border:1px solid rgba(0,64,112,0.16);border-left:4px solid var(--psg-gold);border-radius:16px;background:var(--white);transition:border-color .15s ease,box-shadow .15s ease}
.result-card:hover{border-color:rgba(0,64,112,0.32);box-shadow:0 20px 44px -24px rgba(0,64,112,0.34)}
/* Lots d'exception (Maillot, Médaille, Sisley, Dior) — mise en vedette : visuel plus large + halo Or */
.result-card--featured{grid-template-columns:clamp(200px,42%,460px) 1fr;box-shadow:0 12px 34px -26px rgba(0,64,112,0.4)}

/* --- Visuel du lot -------------------------------------------------------- */
.result-card__media{position:relative;border-radius:13px;overflow:hidden;background:var(--white);border:1px solid rgba(0,64,112,0.1);box-shadow:0 10px 30px -20px rgba(0,64,112,0.5),inset 0 0 0 1px rgba(206,171,93,0.16)}
.result-card__media picture{display:block}
.result-card__media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--white)}
.result-card--featured .result-card__media{box-shadow:0 16px 44px -22px rgba(0,64,112,0.55),inset 0 0 0 1px rgba(206,171,93,0.32)}
.result-card__body{min-width:0}

.result-card__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin:0 0 14px}
.result-card__name{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:clamp(18px,2.2vw,22px);line-height:1.25;color:var(--psg-blue);letter-spacing:-0.01em;margin:0}
.result-card__count{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--psg-red);background:rgba(227,6,19,0.08);border-radius:999px;padding:3px 10px;white-space:nowrap}

/* --- Ligne « ticket gagnant » --------------------------------------------- */
.result-winners{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.result-winner{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:12px 14px;background:var(--light-bg);border-radius:9px}
.result-winner__ticket{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:16px;letter-spacing:0.06em;color:var(--white);background:var(--psg-blue-premium);border-radius:6px;padding:5px 12px;font-variant-numeric:tabular-nums}
.result-winner__label{font-family:'Virage',Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--psg-blue);opacity:0.6;margin-left:auto}
.result-winner__rank{font-family:'Virage',Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--psg-blue);opacity:0.6}
.result-winner__initials{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:16px;color:var(--psg-blue);letter-spacing:0.04em}

/* --- Bloc de retrait des lots --------------------------------------------- */
.collect-box{margin:48px 0 0;padding:28px 28px 30px;background:var(--psg-blue-premium);color:var(--white);border-radius:14px;border-top:3px solid var(--psg-gold)}
.collect-box h2{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--white);margin:0 0 14px;letter-spacing:-0.01em}
.collect-box p{color:var(--white);opacity:0.92;max-width:60ch;margin:0 0 14px;line-height:1.6}
.collect-box p:last-child{margin-bottom:0}
.collect-contacts{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.collect-contacts li{display:flex;align-items:center;gap:12px;font-size:16px}
.collect-contacts .collect-contacts__key{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--psg-gold);min-width:96px}
.collect-contacts a{color:var(--white);font-weight:700;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(206,171,93,0.65)}
.collect-contacts a:hover{color:var(--psg-gold)}

/* --- Don au fonds de dotation (HelloAsso) — CTA post-tirage --------------- */
.results-donate{margin:26px 0 0;padding:28px 28px 30px;background:var(--light-bg);border:1px solid rgba(0,64,112,0.16);border-radius:14px;border-top:3px solid var(--psg-red)}
.results-donate h2{font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--psg-blue);margin:0 0 12px;letter-spacing:-0.01em}
.results-donate p{color:var(--psg-blue);opacity:0.9;max-width:60ch;margin:0 0 20px;line-height:1.6}
.results-donate__btn{display:inline-flex;align-items:center;gap:10px;font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:0.06em;color:var(--white);background:var(--psg-red);border-radius:999px;padding:14px 30px;text-decoration:none;box-shadow:0 12px 30px -14px rgba(227,6,19,0.6);transition:transform .15s ease,box-shadow .15s ease}
.results-donate__btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px -14px rgba(227,6,19,0.72)}
.results-donate__btn:focus-visible{outline:3px solid var(--psg-gold);outline-offset:3px}

/* --- Note RGPD + lien fonds de dotation ----------------------------------- */
.results-note{margin-top:40px;padding-top:22px;border-top:1px solid rgba(0,64,112,0.16);font-size:14px;line-height:1.6;opacity:0.78}
.results-cta-fdd{margin-top:26px}
.results-cta-fdd a{display:inline-flex;align-items:center;gap:8px;font-family:'Virage',Arial,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;color:var(--psg-blue);text-decoration:none;border-bottom:2px solid var(--psg-gold);padding-bottom:3px}
.results-cta-fdd a:hover{color:var(--psg-red);border-bottom-color:var(--psg-red)}

/* Empilement du visuel au-dessus du palmarès sur mobile — image pleine largeur */
@media (max-width:680px){
  .result-card,.result-card--featured{grid-template-columns:1fr;gap:16px;padding:16px 18px 18px}
  .result-card__media img{aspect-ratio:4/3}
}

@media (max-width:520px){
  .result-winner__label{margin-left:0;width:100%}
  .collect-contacts .collect-contacts__key{min-width:0;display:block}
  .collect-contacts li{flex-wrap:wrap;gap:4px 12px}
}