/* ============================================================
   Carp Enduro Live — Thème sombre premium PARTAGÉ (pages publiques)
   Variables + composants communs. NE PAS utiliser pour l'espace
   organisateur (config) qui reste en clair.
   Les pages déjà sombres (Live, fiche, calendrier) seront migrées
   vers ce thème plus tard ; les variables ci-dessous sont alignées
   sur les leurs pour un rendu identique.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&display=swap');

:root{
  --fond:#0f1115; --or:#C9A24B; --or-clair:#E6C56E; --or-fonce:#cdbb8c;
  --rouge:#ff5b5a; --vert:#7ed492; --bleu:#9cc4f5;
  --texte:#e9e9ee; --texte-doux:#9a9aa5; --texte-faible:#6f6f78;
  --surface:rgba(255,255,255,.05); --surface-2:rgba(255,255,255,.08); --bord:rgba(255,255,255,.08);
  --titre:'Playfair Display',Georgia,'Times New Roman',serif;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#161616;color:var(--texte);line-height:1.5;-webkit-font-smoothing:antialiased;
}
.page{max-width:480px;margin:0 auto;min-height:100vh;background:var(--fond);}

/* ---- Badges de statut (accueil, calendrier, fiche) ---- */
.cel-badge{font-size:11px;font-weight:700;border-radius:20px;padding:4px 10px;white-space:nowrap;display:inline-block;}
.cel-badge.ouvertes{background:rgba(58,155,70,.2);color:var(--vert);}
.cel-badge.fermees{background:rgba(255,255,255,.1);color:var(--texte-doux);}
.cel-badge.direct{background:rgba(226,75,74,.16);color:#ff8a89;}
.cel-badge.termine{background:rgba(255,255,255,.1);color:var(--texte-doux);}

/* ---- Carte enduro (encart accueil + calendrier) ---- */
.cel-enduro{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--bord);border-radius:12px;text-decoration:none;color:inherit;background:var(--surface);}
.cel-enduro.une{border-color:rgba(201,162,75,.55);box-shadow:inset 3px 0 0 var(--or);}
.cel-enduro .cel-date{flex:none;width:48px;text-align:center;}
.cel-enduro .cel-date .j{font-size:21px;font-weight:800;color:var(--or-clair);line-height:1;}
.cel-enduro .cel-date .m{font-size:11px;color:var(--texte-doux);text-transform:uppercase;}
.cel-enduro .cel-info{flex:1;min-width:0;}
.cel-enduro .cel-info .nm{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cel-enduro .cel-info .star{color:var(--or-clair);}
.cel-enduro .cel-info .lieu{font-size:12px;color:var(--texte-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}

/* ---- Pied de page marque (logo produit mis en valeur) ---- */
.cel-footer{text-align:center;padding:20px 12px 18px;border-top:1px solid var(--bord);}
.cel-footer img{height:30px;width:auto;opacity:.85;display:block;margin:0 auto 8px;}
.cel-footer .ppl{font-size:12px;color:var(--or-fonce);}
.cel-footer .ppl a{color:var(--or-clair);text-decoration:none;}
.cel-footer .sep{opacity:.5;margin:0 5px;}