/* Coin des Joueurs — Glossaire Poker */
:root{
--fond:#050807;--bloc:#0b1512;--bloc2:#10231c;--vert:#37b44a;--vert-clair:#65d778;
--or:#f2c34a;--texte:#f5f7f5;--texte-doux:#cdd7d1;--bordure:rgba(101,215,120,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;color:var(--texte);
background:
radial-gradient(circle at 15% 10%,rgba(32,128,75,.16),transparent 28%),
radial-gradient(circle at 85% 20%,rgba(242,195,74,.09),transparent 24%),
linear-gradient(180deg,#040706 0%,#07110d 52%,#030504 100%);
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--vert-clair);text-decoration:none}
a:visited{color:var(--vert-clair)}
a:hover{color:var(--or)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#111;padding:10px 14px}
.banner{background:#030504;border-bottom:2px solid var(--or);overflow:hidden}
.banner img{width:100%;max-height:330px;object-fit:cover;object-position:center}
.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;background:rgba(3,7,5,.97);border-bottom:1px solid rgba(242,195,74,.2);position:sticky;top:0;z-index:50}
.main-nav a{padding:9px 14px;border-radius:9px;color:#fff;background:linear-gradient(180deg,#163728,#0b2118);border:1px solid rgba(101,215,120,.2);font-weight:750}
.main-nav a:hover,.main-nav a.active,.main-nav a[aria-current="page"]{color:#111;background:linear-gradient(180deg,#f8d76d,#d8a82a)}
.page-glossaire{width:min(1160px,calc(100% - 28px));margin:0 auto}
.fil-ariane{margin:18px 0;color:var(--texte-doux)}
.fil-ariane span{margin:0 6px}
.hero-glossaire,.sommaire,.glossaire-section,.bloc-premium,.faq-section,.bloc-liens,.responsable-box{
margin:22px 0;padding:28px;border-radius:18px;border:1px solid var(--bordure);
background:linear-gradient(145deg,rgba(14,35,27,.97),rgba(6,18,13,.98));
box-shadow:0 16px 36px rgba(0,0,0,.34)
}
.hero-glossaire{text-align:center}
.hero-glossaire h1{
    max-width:860px;
    margin:10px auto;
    font-size:clamp(1.35rem,2.15vw,2.15rem);
    line-height:1.16;
    letter-spacing:-.3px;
}
.hero-glossaire p{max-width:900px;margin:12px auto;color:var(--texte-doux)}
.intro-lead{font-size:1.1rem;color:#fff!important;font-weight:700}
.badge{display:inline-block;padding:7px 13px;border-radius:999px;background:linear-gradient(180deg,#f8d76d,#d8a82a);color:#111;font-weight:900}
.date-maj{font-size:.95rem;opacity:.82}
h2{color:var(--or);margin-top:0}
.alphabet{display:flex;flex-wrap:wrap;gap:9px}
.alphabet a{display:inline-flex;align-items:center;justify-content:center;min-width:45px;padding:8px 11px;border-radius:8px;color:#fff;background:#153d2a;border:1px solid rgba(101,215,120,.28);font-weight:800}
.alphabet a:hover{color:#111;background:var(--or)}
.glossaire-section dl{display:grid;grid-template-columns:minmax(160px,220px) 1fr;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}
.glossaire-section dt,.glossaire-section dd{margin:0;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.glossaire-section dt{color:var(--vert-clair);font-weight:900;background:rgba(55,180,74,.08)}
.glossaire-section dd{color:var(--texte-doux);background:rgba(255,255,255,.02)}
.table-wrap{overflow-x:auto;border-radius:14px}
.table-premium{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:#07130f}
.table-premium th{padding:14px;color:#111;background:linear-gradient(180deg,#f8d76d,#d8a82a);text-align:left}
.table-premium td{padding:13px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--texte-doux)}
.table-premium tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.conseils-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.conseils-grid article{padding:18px;border:1px solid rgba(101,215,120,.18);border-radius:12px;background:rgba(55,180,74,.06)}
.conseils-grid h3{color:var(--vert-clair);margin-top:0}
.faq-section details{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.faq-section summary{cursor:pointer;color:var(--vert-clair);font-weight:850}
.faq-section p{color:var(--texte-doux)}
.liens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.liens-grid a{display:block;padding:14px;border-radius:10px;color:#fff!important;text-align:center;font-weight:750;background:linear-gradient(180deg,#1c5539,#103524);border:1px solid rgba(101,215,120,.2)}
.liens-grid a:hover{color:#111!important;background:var(--or)}
.responsable-box{border-color:rgba(242,195,74,.35)}
.footer{margin-top:36px;padding:28px 18px;text-align:center;background:#020403;border-top:1px solid rgba(242,195,74,.22)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
@media(max-width:760px){
.banner img{min-height:180px;object-fit:cover}
.main-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;white-space:nowrap}
.glossaire-section dl{grid-template-columns:1fr}
.glossaire-section dt{border-bottom:0}
.liens-grid,.conseils-grid{grid-template-columns:1fr}
.hero-glossaire,.sommaire,.glossaire-section,.bloc-premium,.faq-section,.bloc-liens,.responsable-box{padding:20px 15px}
}


/* Logo transparent intégré au header */
.banner{
    position:relative;
}

.banner-image{
    width:100%;
    max-height:330px;
    object-fit:cover;
    object-position:center;
}

.logo-glossaire{
    position:absolute;
    left:18px;
    top:50%;
    z-index:3;
    width:clamp(92px,12vw,170px);
    transform:translateY(-50%);
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.65));
}

.logo-glossaire img{
    width:100%;
    height:auto;
    display:block;
}

/* Logos de conformité du footer */
.footer-logos{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin:22px 0;
}

.footer-logos a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.footer-logos img{
    width:auto;
    max-width:170px;
    max-height:62px;
    object-fit:contain;
}

.footer-logos .logo18{
    max-height:58px;
}

@media(max-width:760px){
    .logo-glossaire{
        left:8px;
        width:82px;
    }

    .banner-image{
        min-height:175px;
        object-position:center;
    }

    .hero-glossaire h1{
        font-size:1.38rem;
    }

    .footer-logos{
        gap:15px;
    }

    .footer-logos img{
        max-width:125px;
        max-height:50px;
    }
}


.banniere-affiliation{
display:flex;
justify-content:center;
align-items:center;
margin:22px auto 28px;
overflow:hidden;
max-width:100%;
}

.banniere-affiliation iframe,
.banniere-affiliation img{
max-width:100%;
height:auto;
display:block;
}


/* Centrage forcé de la bannière d'affiliation */
.banniere-affiliation{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    margin:22px auto 28px !important;
    padding:0 !important;
    text-align:center !important;
    overflow:hidden;
}

.banniere-affiliation > *{
    margin-left:auto !important;
    margin-right:auto !important;
}

.banniere-affiliation iframe,
.banniere-affiliation img,
.banniere-affiliation object,
.banniere-affiliation embed{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:100% !important;
}
