/* ---- Fiches casino : sommaire depliant et banniere ----
   <details> natif : pas de JavaScript, repliable, et le contenu reste
   dans le DOM donc les ancres restent lisibles par les moteurs. ---------- */
.ccsom{--cc-acc:oklch(var(--p));margin:1.5rem 0 0;border:1px solid rgba(255,255,255,.09);
 border-radius:.25rem;background:oklch(var(--b2));overflow:hidden}
.ccsom[open]{background:oklch(var(--b2))}

.ccsom__h{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;cursor:pointer;
 list-style:none;font-weight:600;font-size:1rem;color:#f2f5f3;
 transition:background .15s ease;user-select:none}
.ccsom__h::-webkit-details-marker{display:none}
.ccsom__h:hover{background:rgba(255,255,255,.04)}
.ccsom__h:focus-visible{outline:2px solid var(--cc-acc);outline-offset:-2px}
.ccsom__ic{flex:none;width:1.1rem;height:1.1rem;color:var(--cc-acc)}
.ccsom__n{margin-left:auto;font-size:.78rem;font-weight:600;color:rgba(242,245,243,.5);
 font-variant-numeric:tabular-nums;white-space:nowrap}
.ccsom__ch{flex:none;width:.45rem;height:.45rem;margin-left:.15rem;
 border-right:2px solid rgba(242,245,243,.45);border-bottom:2px solid rgba(242,245,243,.45);
 transform:rotate(45deg) translate(-1px,-2px);transition:transform .2s ease}
.ccsom[open] .ccsom__ch{transform:rotate(225deg) translate(-1px,-1px)}

.ccsom__l{margin:0;padding:.2rem .6rem 1rem;list-style:none;
 counter-reset:som;border-top:1px solid rgba(255,255,255,.07)}
.ccsom__l li{counter-increment:som}
.ccsom__l a{display:flex;gap:.7rem;padding:.42rem .55rem;border-radius:.25rem;
 color:rgba(232,236,233,.8);text-decoration:none;font-size:.9rem;line-height:1.45;
 transition:background .13s ease,color .13s ease}
.ccsom__l a::before{content:counter(som);flex:none;min-width:1.35rem;
 font-size:.75rem;font-weight:700;color:rgba(242,245,243,.38);
 font-variant-numeric:tabular-nums;text-align:right;padding-top:.1rem}
.ccsom__l a:hover,.ccsom__l a:focus-visible{background:rgba(255,255,255,.05);
 color:#fff;outline:none}
.ccsom__l a:hover::before,.ccsom__l a:focus-visible::before{color:var(--cc-acc)}

/* les titres vises par les ancres ne se collent plus sous la barre */
.prose :is(h2,h3)[id]{scroll-margin-top:1.5rem}

@media (max-width:640px){
 .ccsom__h{padding:.8rem .85rem;font-size:.95rem}
 .ccsom__l a{font-size:.87rem;padding:.4rem .45rem}
}
@media (prefers-reduced-motion:reduce){.ccsom__ch,.ccsom__l a,.ccsom__h{transition:none}}

/* ---- Banniere de la colonne de droite ---- */
.ccban{display:block;margin-bottom:1.5rem;border-radius:.25rem;overflow:hidden;
 border:1px solid rgba(255,255,255,.09);line-height:0;
 transition:border-color .16s ease,transform .16s ease}
.ccban:hover{border-color:var(--cc-acc,oklch(var(--p)));transform:translateY(-2px)}
.ccban img{width:100%;height:auto;display:block}
@media (prefers-reduced-motion:reduce){.ccban{transition:none}.ccban:hover{transform:none}}

html.light .ccsom,:root[data-theme="light"] .ccsom{background:#fff;border-color:rgba(0,0,0,.1)}
html.light .ccsom__h,:root[data-theme="light"] .ccsom__h{color:#15231d}
html.light .ccsom__l a,:root[data-theme="light"] .ccsom__l a{color:#33443c}