/* ==========================================================================
   Fox Poker — dark theme for legal pages (cgu, cgv, informations-legales).
   Shared by all three since they use identical .legal/.legal-card markup.
   ========================================================================== */

:root{
	--lg-red:#e21b2e;
	--lg-red-deep:#7a0d14;
	--lg-gold:#f0c667;
	--lg-bg:#0a0b10;
	--lg-card:#151824;
	--lg-border:rgba(255,255,255,.08);
	--lg-ink:#f4f5fa;
	--lg-dim:#b7bacb;
	--lg-faint:#7d8299;
}
body{background:var(--lg-bg);margin:0}
.legal{max-width:820px;margin:0 auto;padding:40px 20px 60px;color:var(--lg-ink)}
.legal{column-count:1 !important;column-gap:normal !important}
.legal *{column-count:initial;column-gap:normal}
.legal h1{font-size:clamp(24px,3.4vw,30px);font-weight:800;margin:0 0 22px;text-align:center;color:#fff}
.legal .legal-logo{display:block;margin:0 auto 16px auto;width:150px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.legal .legal-card{
	background:var(--lg-card);border:1px solid var(--lg-border);border-radius:14px;
	box-shadow:0 1px 2px rgba(0,0,0,.3);padding:18px 20px;margin:12px 0;
	display:block !important;width:auto !important;max-width:100% !important;
}
.legal .legal-title{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:10px;color:var(--lg-gold);font-size:15px}
.legal .legal-title .legal-i{width:18px;height:18px;flex-shrink:0;color:var(--lg-gold)}
.legal p{margin:6px 0;color:var(--lg-dim);font-size:14.5px;line-height:1.65}
.legal ul{margin:6px 0 6px 18px;color:var(--lg-dim)}
.legal li{margin:4px 0}
.legal strong{color:var(--lg-ink)}
.legal a{color:var(--lg-gold);text-decoration:none;border-bottom:1px solid rgba(240,198,103,.35)}
.legal a:hover{border-color:var(--lg-gold)}

@media (max-width:600px){
	.legal{padding:28px 16px 48px}
}