:root{
  --bg:#0b0b0e;
  --card:#131318;
  --text:#f5f6f8;
  --muted:#a6a8b3;
  --red:#e02d2d;
  --red-2:#ff3b30;
  --acc:#ffcc00; /* accent premium */
  --ring:#2a2a33;
  --ok:#56f08a;

  /* vitesse d’animation T&C (60% plus lent que .88s => 1.408s) */
  --tc-speed: 1s;
}

*{box-sizing:border-box}

body{
  background:var(--bg);
  color:var(--text);
  font:16px/1.55 Inter,system-ui,Segoe UI,Roboto,Arial;
}

a{color:var(--acc);text-decoration:none}

.bc-wrap{max-width:1100px;margin:auto;padding:24px}

.bc-hero{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:24px;
  align-items:center;
  margin:12px 0 28px;
}

.bc-hero__txt h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px}

.bc-sub{color:var(--muted)}

.bc-hero__badges span{
  display:inline-block;
  border:1px solid var(--ring);
  border-radius:999px;
  padding:6px 10px;
  margin-right:6px;
  color:#cfd1da;
}

.bc-btn{
  display:inline-block;
  padding:12px 18px;
  border-radius:12px;
  border:0;
  cursor:pointer;
  font-weight:700;
}

.bc-btn--primary{background:var(--red);color:white}

.bc-btn--accent{
  background:linear-gradient(180deg,var(--acc),#a98600);
  color:#121212;
  box-shadow:0 6px 18px rgba(255,204,0,.25);
}

.bc-link{color:#fff;text-decoration:underline dashed 1px}

.bc-table{
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:16px;
  padding:8px;
}

.bc-sec-hd h2{margin:8px 12px 0}

.bc-row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border-top:1px solid var(--ring);
}

.bc-row:first-of-type{border-top:0}

.bc-badge{
  display:inline-block;
  background:#111;
  border:1px solid var(--ring);
  padding:6px 10px;
  border-radius:10px;
}

.bc-wager,.bc-cashout{color:var(--muted);margin-top:6px}

.bc-cta{text-align:right}

.bc-tc{display:block;color:var(--muted);margin-top:6px}

.bc-faq details{
  background:#111;
  border:1px solid var(--ring);
  border-radius:10px;
  padding:10px 12px;
  margin:10px 0;
}

.bc-disclaimer{color:#b6b7c2;font-size:13px;margin-top:16px}

.bc-grid3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:24px 0;
}

.bc-card{
  background:var(--card);
  border:1px solid var(--ring);
  border-radius:16px;
  padding:16px;
}

.bc-checks li{list-style:"✔ ";margin:6px 0;color:#d9dbe6}

@media (max-width:900px){
  .bc-hero{grid-template-columns:1fr}
  .bc-row{grid-template-columns:1.6fr 1fr 1fr}
}

@media (max-width:640px){
  .bc-row{grid-template-columns:1fr}
  .bc-cta{text-align:left}
}

.hl{color:var(--acc)}

/* ===== Background canvas fixed layer ===== */
#bc-bg{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:-1; /* derriere tout */
  background: radial-gradient(1200px 800px at 10% -10%, #12131a 0%, #0b0b0e 40%, #08090d 100%);
  filter: saturate(1.05) contrast(1.02);
}

/* Subtle glass edges for main panels */
.bc-card, .bc-slab, .bc-cta-box, .bc-proof, .bc-faq details, .bc-footer{
  backdrop-filter: blur(2px);
}

/* Headline polish: léger gradient dans le texte */
.bc-hero h1{
  background: linear-gradient(180deg, #ffffff, #d5d7e7 70%, #a9acc2 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}

/* Cards hover + elevation clean */
.bc-card{transition: transform .15s ease, box-shadow .2s ease, border-color .2s}
.bc-card:hover{transform: translateY(-2px); box-shadow:0 14px 40px rgba(0,0,0,.35); border-color:#2f3244}

/* Pills polish */
.bc-pill{border-color:#30324a; box-shadow: inset 0 0 0 1px rgba(255,255,255,.02)}

/* CTA main size + icon spacing */
.bc-btn{font-size:15px}
.bc-btn--accent{font-size:16px; padding:14px 20px}
.bc-btn--accent::after{opacity:.9}

/* Tighten sections spacing */
.bc-wrap{padding:32px 18px}
.bc-cta-box{padding:18px}

/* FAQ polish */
.bc-faq details{transition:border-color .2s;}
.bc-faq details[open]{border-color:#323657}
.bc-faq summary::marker{content:""}
.bc-faq summary:before{
  content:"▸";
  display:inline-block;
  margin-right:10px;
  transform:translateY(-1px);
  transition: transform .2s ease;
  color:#cfd2e6;
}
.bc-faq details[open] summary:before{transform:rotate(90deg) translateX(-1px)}

/* Proof logos tone */
.bc-proof__logo{opacity:.92; filter:grayscale(25%) brightness(1.05)}
.bc-proof__logo:hover{filter:grayscale(0%) brightness(1.12)}

/* === Accueil === */
#bc-home .bc-hero{
  display:grid;
  grid-template-columns:1.2fr;
  gap:18px;
  margin:8px 0 22px;
}

#bc-home .bc-hero__txt h1{font-size:clamp(28px,4.2vw,44px);margin:0 0 10px}

#bc-home .bc-hero__bullets{margin:12px 0 0;padding-left:18px}
#bc-home .bc-hero__bullets li{margin:6px 0;color:#d6d8e4}
#bc-home .bc-hero__cta .bc-btn{margin-top:6px}

.bc-cta-box{text-align:center;margin:24px 0}
.bc-cta-box .bc-btn{min-width:280px}
.bc-muted{color:var(--muted)}

#bc-home .bc-slab{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:16px;margin:18px 0}
#bc-home .bc-slab h2{margin-top:0}

.bc-faq details{background:#111;border:1px solid var(--ring);border-radius:10px;padding:10px 12px;margin:10px 0}
.bc-faq summary{cursor:pointer}

@media (min-width:900px){
  #bc-home .bc-hero{grid-template-columns:1fr}
}

/* === Footer === */
.bc-footer{
  background:#0b0b0e;
  border-top:1px solid var(--ring);
  padding:32px 20px;
  color:var(--muted);
  text-align:center;
}

.bc-footer__cta{margin-bottom:32px}
.bc-footer__title{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--text)}

.bc-footer__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:24px;
  margin:0 auto 24px;
  max-width:900px;
  text-align:left;
}

.bc-footer__col h4{margin-bottom:10px;color:var(--text)}
.bc-footer__col ul{list-style:none;padding:0;margin:0}
.bc-footer__col ul li{margin:6px 0}
.bc-footer__col ul a{color:var(--muted);text-decoration:none}
.bc-footer__col ul a:hover{color:var(--acc)}

.bc-footer__disclaimer{font-size:13px;line-height:1.5;margin-top:20px;color:#aaa}
.bc-footer__disclaimer a{color:#aaa;text-decoration:underline}
.bc-footer__disclaimer a:hover{color:var(--acc)}

/* (2e bloc :root conservé) */
:root{
  --bg:#0b0b0e;
  --surface:#101117;
  --surface-2:#0d0e14;
  --text:#f5f6f8;
  --muted:#a7a9b6;
  --ring:#232533;
  --ok:#53e08d;
  --warn:#ffce4a;
  --err:#ff5c5c;
  --gold-1:#ffe089;
  --gold-2:#f2bb2e;
  --gold-3:#c89014;
  --acc-1:#6b6ce6;
  --acc-2:#5a5ccc;
}

html,body{background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial}
a{color:var(--acc-1);text-decoration:none}
a:hover{color:#fff}
.bc-wrap{max-width:1120px;margin:auto;padding:28px 18px}

/* ===== HERO ===== */
.bc-hero{margin:6px 0 18px}

.bc-hero--home .bc-sub{
  color:var(--muted);
  max-width:920px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* garder les puces à l’intérieur du panneau */
#bc-home .bc-slab .bc-checks{
  margin-left:0;        /* remplace l’ancienne valeur */
  padding-left:0;
  list-style-position: inside;
}
#bc-home .bc-slab .bc-checks li{list-style-position: inside;}

.bc-hero h1{
  font-size:clamp(30px,4.6vw,48px);
  letter-spacing:.2px;
  margin:0 0 10px;
}

.bc-hero__cta .bc-btn{margin-top:10px}

/* ===== BUTTONS (niveau pro) ===== */
.bc-btn{
  display:inline-block;
  padding:13px 18px;
  border-radius:14px;
  font-weight:800;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .08s ease,filter .2s;
}
.bc-btn:active{transform:translateY(1px)}

.bc-btn--primary{
  background:linear-gradient(180deg,var(--acc-1),var(--acc-2));
  color:#fff;
  border-color:#4950d4;
  box-shadow:0 10px 24px rgba(90,92,204,.25);
}
.bc-btn--primary:hover{filter:brightness(1.08)}

.bc-btn--accent{
  position:relative;
  color:#131313;
  background:linear-gradient(180deg,var(--gold-1),var(--gold-2));
  border-color:var(--gold-3);
  box-shadow:0 10px 26px rgba(242,187,46,.28);
  overflow:hidden;
}
.bc-btn--accent::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.35) 45%,transparent 60%);
  transform:translateX(-120%);
  transition:transform .9s ease;
}
.bc-btn--accent:hover::after{transform:translateX(120%)}

/* ===== BADGE STRIP (confiance) ===== */
.bc-trust{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 18px;}
.bc-pill{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(180deg,#0f1016,#0a0b10);
  border:1px solid var(--ring); border-radius:999px;
  color:#cfd1da; padding:8px 12px; font-weight:600;
}
.bc-pill svg{width:16px;height:16px;opacity:.9}

/* ===== GRID 3 cartes ===== */
.bc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}
.bc-card{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border:1px solid var(--ring);
  border-radius:18px; padding:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.bc-card h3{margin:0 0 6px}
.bc-card p{color:var(--muted)}
.bc-card .bc-link{display:inline-block;margin-top:8px;color:#fff;text-decoration:underline dashed 1px}

/* ===== CTA block central ===== */
.bc-cta-box{
  margin:20px 0; text-align:center;
  padding:14px; border-radius:16px;
  background:linear-gradient(180deg,#12131a,#0e0f15);
  border:1px dashed #2a2b38;
}

/* ===== SLABS ===== */
#bc-home .bc-slab{
  background:linear-gradient(180deg,var(--surface),#0d0e14);
  border:1px solid var(--ring); border-radius:16px; padding:16px; margin:18px 0;
}
.bc-checks li{list-style:"✔ "; color:#cfead9; margin:6px 0}

/* ===== FAQ ===== */
.bc-faq h2{margin:10px 0}
.bc-faq details{
  background:#0e0f15;border:1px solid var(--ring);border-radius:12px;margin:10px 0;overflow:hidden
}
.bc-faq summary{cursor:pointer;padding:12px 14px;font-weight:700}
.bc-faq details[open] summary{background:#0f1320}
.bc-faq details p{padding:0 14px 12px;color:#d8dae5}

/* ===== PROOF ===== */
.bc-proof{
  margin:22px 0; padding:12px 14px;
  border:1px solid var(--ring); border-radius:16px;
  background:linear-gradient(180deg,#0e0f15,#0b0c12);
}
.bc-proof__row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.bc-proof__logo{height:28px; width:auto; filter:grayscale(10%) brightness(1.1); opacity:.95}

/* ===== FOOTER ===== */
.bc-footer{background:#0b0b0e;border-top:1px solid var(--ring);padding:32px 20px;color:var(--muted);text-align:center}

/* Headings secondaires */
h2{font-size:clamp(20px,2.6vw,24px); letter-spacing:.2px}

/* Séparateurs */
section + section{scroll-margin-top:80px}

/* Petits icônes list-check plus nets */
.bc-checks li{color:#cfead9; font-weight:600}

/* Barre CTA centrale plus premium */
.bc-cta-box{
  border:1px solid #2e3144;
  background: linear-gradient(180deg,#12131a 0%, #0e1016 100%);
  box-shadow: 0 12px 36px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);
}

/* Trust pills spacing wrap fix */
.bc-trust{gap:10px}

/* Responsive */
@media (max-width:880px){
  .bc-grid3{grid-template-columns:1fr;gap:14px}
  .bc-hero h1{font-size:clamp(26px,7vw,36px)}
}

/* ===== Force le fond transparent ===== */
html, body,
#page, #content, .site, .site-content, .content-area, .entry-content,
.ast-container, .wp-site-blocks{
  background: transparent !important;
  box-shadow: none !important;
}

/* Canvas full */
#bc-bg{
  position: fixed; inset: 0;
  width: 100vw; height: 100vh;
  z-index: 0 !important;
  pointer-events: none;
  background: radial-gradient(1200px 800px at 10% -10%, #12131a 0%, #0b0b0e 40%, #08090d 100%);
  filter: saturate(1.05) contrast(1.02);
}

/* Contenu au-dessus */
#bc-root{ position: relative; z-index: 1; }

/* Pas de repaint blanc */
body *[style*="background:#fff"],
body *[style*="background: #fff"]{ background: transparent !important; }

/* Espacements et largeur max */
.bc-wrap{max-width:1180px}

/* H1 polish */
.bc-hero h1{
  letter-spacing: .1px;
  text-shadow: 0 1px 0 rgba(0,0,0,.35), 0 8px 30px rgba(0,0,0,.45);
}

/* Pills polish */
.bc-pill{
  border-color:#2d3043;
  background: linear-gradient(180deg,#12131a,#0d0e14);
  color:#d7d9e6;
  padding:9px 12px;
}

/* Cartes : contour + hover subtil */
.bc-card, .bc-slab, .bc-proof, .bc-faq details{
  border-radius:20px;
  border-color:#2b2e40;
  box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
}
.bc-card:hover{ transform: translateY(-2px); border-color:#353957 }

/* CTA or */
.bc-btn--accent{
  padding:14px 22px;
  box-shadow: 0 14px 34px rgba(242,187,46,.28), 0 3px 0 rgba(190,140,20,.35);
}
.bc-btn--accent:hover{ filter:brightness(1.06) }

/* Bloc CTA */
.bc-cta-box{
  margin-top:18px;
  background:linear-gradient(180deg,#11121a,#0d0f16);
  border:1px solid #2c2f42;
}

h2{color:#e9eaf4}
.bc-checks li{font-weight:600;color:#d9ecd9}

.bc-card .bc-link{
  margin-top:10px;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}

.bc-faq summary{
  font-weight:700;
  padding:14px 16px;
  color:#e8eaf6;
  background:linear-gradient(180deg,#12131a,#0e0f15);
  border-bottom:1px solid #272a3a;
}
.bc-faq details[open] summary{background:#131627}
.bc-faq details p{color:#cfd2e3}

.bc-proof__row{gap:18px}
.bc-proof__logo{height:26px}
.bc-footer__col h4{font-size:16px}

/***** ===== Module Cartes Casinos (BonusCashout) ===== *****/
/***** ===== Cartes casinos (row fixe = 3 sur une ligne) ===== *****/
.bc-affcards-row{
  display:flex;
  flex-wrap:nowrap;           /* jamais de retour à la ligne */
  gap:16px;
  align-items:stretch;
  justify-content:center;     /* centre le bloc dans la largeur dispo */
  margin:18px 0;
  overflow-x:auto;            /* secours mobile : scroll horizontal si étroit */
  -webkit-overflow-scrolling: touch;
  padding-bottom:6px;
}

/* Chaque carte occupe 1/3, sans wrap */
.bc-affcards-wrap{
  --border-size:1.6px;
  flex: 0 0 calc((100% - 32px) / 3);   /* 3 colonnes exactes (32px = 2 * gap) */
  max-width: calc((100% - 32px) / 3);
  min-width: 280px;                    /* lisible, sinon on scrolle */
  padding:var(--border-size);
  border-radius:20px;
  background:linear-gradient(135deg,#3d4658,#212936) border-box;
  box-shadow:0 10px 28px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.03) inset;
}

/* Carte interne */
.bc-affcards-card{
  position:relative; overflow:hidden; border:0; outline:0;
  border-radius:18px; padding:18px;
  background: linear-gradient(160deg, var(--card,#151229), #0c0a17);
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
  color: var(--text, #f5f6f8);
  height:100%;
}
.bc-affcards-card::before{
  content:""; position:absolute; inset:-20%;
  background:
    radial-gradient(140px 140px at 20% 25%, #7c5cff22, transparent 60%),
    radial-gradient(200px 200px at 85% 70%, #00d1ff18, transparent 65%),
    radial-gradient(180px 180px at 50% -10%, #ff5ccb1f, transparent 70%);
  filter: blur(10px); pointer-events:none; z-index:-1;
}
.bc-affcards-card::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background: radial-gradient(120% 80% at 50% -10%, rgba(153,69,255,.22), transparent 60%);
  mix-blend-mode:screen; opacity:.3; pointer-events:none;
}

/* En-tête marque */
.bc-affcards-head{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  margin-bottom:12px; text-align:center;
}
.bc-affcards-logo{
  height:36px; width:auto; object-fit:contain;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.25));
}
.bc-affcards-brand{
  font-weight:900; letter-spacing:.04em;
  font-size: clamp(20px, 2vw, 28px);
  text-shadow:0 6px 30px rgba(0,0,0,.35)
}

/* Key values */
.bc-affcards-kv{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px; margin:10px 0 14px; justify-items:center; text-align:center;
}
.bc-affcards-box{
  width:100%; max-width:240px; padding:10px 10px; border-radius:12px; text-align:center;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), linear-gradient(180deg,#0f0c20,#0b0a17);
  border:1px solid #2b2148; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.18);
}
.bc-affcards-k{ display:block; font-size:12px; color:#bdb6e2; letter-spacing:.04em; text-transform:uppercase; }
.bc-affcards-v{ display:block; font-size:13.5px; font-weight:800; margin-top:2px }

/* Features */
.bc-affcards-features{ display:flex; flex-wrap:wrap; gap:10px 14px; margin:6px 0 12px; justify-content:center; text-align:center; }
.bc-affcards-f{ display:flex; align-items:center; gap:8px; opacity:.96; font-size:14px }
.bc-affcards-i{
  inline-size:14px; block-size:14px; border-radius:4px; background:#1e2a26; display:grid; place-items:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset;
}
.bc-affcards-i::before{
  content:""; inline-size:10px; block-size:10px; background:var(--ok,#56f08a);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M9.5 16.2 5.8 12.5 4.2 14.1l5.3 5.3L20 9.9l-1.6-1.6z"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M9.5 16.2 5.8 12.5 4.2 14.1l5.3 5.3L20 9.9l-1.6-1.6z"/></svg>') no-repeat center / contain;
}

/* CTA */
.bc-affcards-cta{ display:flex; justify-content:center; margin-top:4px }
.bc-affcards-btn{
  --pad-x:20px;
  display:inline-flex; align-items:center; gap:10px; padding:12px var(--pad-x);
  border-radius:999px; border:0; background:#ffffff; color:#15102b; text-decoration:none;
  font-weight:900; letter-spacing:.06em;
  box-shadow:0 10px 22px rgba(255,255,255,.10), 0 0 0 1px rgba(0,0,0,.05) inset;
  transition: transform .14s ease, box-shadow .2s ease, filter .2s ease;
  white-space:nowrap;
}
.bc-affcards-btn:hover{ transform:translateY(-1px); box-shadow:0 14px 32px rgba(255,255,255,.16) }
.bc-affcards-arr{ inline-size:16px; block-size:16px; background:#15102b; border-radius:6px; display:grid; place-items:center }
.bc-affcards-arr::before{
  content:""; inline-size:10px; block-size:10px; background:#fff;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M7 4l6 6-6 6"/></svg>') no-repeat center / contain;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M7 4l6 6-6 6"/></svg>') no-repeat center / contain;
}

.bc-affcards-legal{ margin-top:8px; text-align:center; color:#a99fe0; font-size:12px; opacity:.9 }

/* Variantes par marque */
.bc-celsius{
  background:
    radial-gradient(220px 160px at 85% 10%, #ff5ccb22, transparent 70%),
    linear-gradient(150deg, #2a1e4a 0%, #4c2260 55%, #261433 100%) !important;
}
.bc-gamdom{
  background:
    radial-gradient(220px 160px at 15% 15%, #56f08a22, transparent 70%),
    linear-gradient(150deg, #0f1f1a 0%, #123a2b 55%, #0a1210 100%) !important;
}
.bc-stake{
  background:
    radial-gradient(220px 160px at 80% 20%, #00d1ff22, transparent 70%),
    linear-gradient(145deg, #0b1d33 0%, #0f3a4d 55%, #090f1d 100%) !important;
}

/***** ===== Ligne d’offre BonusCashout ===== *****/
:root{
  --bc-bg: #0b0c12;
  --bc-surface: #11131b;
  --bc-surface-2:#0d0f16;
  --bc-text: #f2f1ff;
  --bc-muted:#bfbfe0;
  --bc-ring:#2e3144;
  --bc-ok:#56f08a;
  --bc-grad-1:#6b6ce6;
  --bc-grad-2:#585bd4;
  --bc-gold-1:#ffe089;
  --bc-gold-2:#f2bb2e;
  --bc-gold-3:#c89014;
}

/* Conteneur de la ligne */
.bc-offerline{
  display:grid;
  grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(120px, .7fr)) minmax(260px, 1fr);
  gap:16px;
  align-items:center;
  padding:10px 12px;
  border-radius:18px;
  background:linear-gradient(180deg, var(--bc-surface), var(--bc-surface-2));
  border:1px solid var(--bc-ring);
  box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  color:var(--bc-text);

}

/* Marque */
.bc-ol-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
.bc-ol-logo{
  width:40px; height:40px; border-radius:10px; object-fit:cover;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.06);
  background:#1a1a24;
}
.bc-ol-meta{display:flex; flex-direction:column; line-height:1.15}

/* Titre "Celsius" un peu plus grand */
.bc-ol-name{ font-size: clamp(18px, 1.2vw, 20px); line-height: 1.1; }
.bc-ol-domain{font-size:12px; color:var(--bc-muted)}

/* Petits blocs (KV) plus bas */
.bc-ol-kv{ padding: 6px 10px; /* était 10px 8px */ border-radius: 10px; /* coins un peu plus secs */ }
.bc-ol-kv-v{ /* valeur (550%, 300, x40) */ font-size: 15px; /* était 16px */ line-height: 1.1; }
.bc-ol-kv-k{ /* libellé (réparti…, tours…, wager) */ font-size: 11px; /* était 12px */ margin-top: 1px; /* était 2px */ }

/* CTAs */
.bc-ol-cta{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap }
.bc-ol-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:38px; padding:0 16px;
  border-radius:999px; border:1px solid transparent;
  font-weight:900; letter-spacing:.02em; text-decoration:none; white-space:nowrap;
  transition:filter .2s ease, transform .08s ease, box-shadow .2s ease;
}
.bc-ol-btn:active{ transform:translateY(1px) }
.bc-ol-btn--claim{
  color:#1a1337;
  background:linear-gradient(180deg, var(--bc-gold-1), var(--bc-gold-2));
  border-color:var(--bc-gold-3);
  box-shadow: 0 6px 18px rgba(242,187,46,.22); /* était 0 10px 26px rgba(242,187,46,.28) */
  margin-right: 130px;
}
.bc-ol-btn--claim:hover{ filter:brightness(1.06) }
.bc-ol-btn--ghost{
  color:#e8eaff;
  background:linear-gradient(180deg,#141725,#0f1220);
  border-color:#2f3350;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  opacity:.88;
}
.bc-ol-btn--ghost:hover{ opacity:1 }

/* (Ancien style "T&C section optionnelle" : gardé comme base visuelle) */
.bc-ol-tc{
  margin:10px 0 0; padding:12px 14px;
  border:1px dashed var(--bc-ring);
  border-radius:12px;
  background:linear-gradient(180deg,#10121b,#0c0f18);
}
.bc-ol-tc h4{ margin:0 0 6px; font-size:14px }
.bc-ol-tc ul{ margin:0; padding-left:18px; color:var(--bc-muted) }

/* Responsive */
@media (max-width:960px){
  /* Ligne d’offre plus fine (baisse de la hauteur globale) */
  .bc-offerline{
    padding: 6px 12px; /* était 10px 12px */
    border-radius: 16px; /* un poil plus fin que 18px */
    gap: 14px; /* était 16px */
      overflow: hidden; /* empêche le bouton et ses ombres de dépasser */
  }
  .bc-ol-brand{ grid-area: brand }
  .bc-ol-cta{ grid-area: ctas; justify-content:flex-end }
  .bc-offerline > .bc-ol-kv:nth-of-type(1){ grid-area: kv1 }
  .bc-offerline > .bc-ol-kv:nth-of-type(2){ grid-area: kv2 }
  .bc-offerline > .bc-ol-kv:nth-of-type(3){ grid-area: kv3 }
}

@media (max-width:640px){
  .bc-offerline{
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "kv1"
      "kv2"
      "kv3"
      "ctas";
    gap:12px;
  }
  .bc-ol-cta{ justify-content:stretch }
  .bc-ol-btn{ flex:1 1 auto; text-align:center }
}

/* ===== Wrapper qui gère l'ouverture au hover ===== */
.bc-ol{
  position: relative;
  width:70%;
  margin: 14px auto;
}

/* Panneau T&C — état replié par défaut (avec vitesses pilotées par --tc-speed) */
.bc-ol-tc{
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  padding: 0 14px;               /* on animera le padding quand ouvert */
  margin-top: 10px;
  border: 1px dashed var(--bc-ring, #2e3144);
  border-radius: 12px;
  background: linear-gradient(180deg,#10121b,#0c0f18);
  transition:
    max-height var(--tc-speed) cubic-bezier(.2,.7,.2,1),
    opacity calc(var(--tc-speed) * .64) ease,
    transform calc(var(--tc-speed) * .82) cubic-bezier(.2,.7,.2,1),
    padding calc(var(--tc-speed) * .64) ease;
  will-change: max-height, opacity, transform;
}
.bc-ol-tc h4{ margin: 10px 0 6px; font-size: 14px; color: var(--text,#f2f1ff) }
.bc-ol-tc ul{ margin: 0 0 10px; padding-left: 18px; color: var(--bc-muted,#bfbfe0) }

/* Ouverture au HOVER/FOKUS (accessibilité) */
.bc-ol:hover .bc-ol-tc,
.bc-ol:focus-within .bc-ol-tc,
.bc-ol.is-open .bc-ol-tc{
  max-height: 420px;
  opacity: 1;
  transform: none;
  padding: 12px 14px;
}

/* Alignements ligne d’offre */
.bc-offerline{ align-items: center; }
.bc-ol-cta{ align-items: center; }

/* Bouton ghost discret */
.bc-ol-btn--ghost{
  color:#e8eaff;
  background:linear-gradient(180deg,#141725,#0f1220);
  border-color:#2f3350;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  opacity:.86;
}
.bc-ol-btn--ghost:hover{ opacity:1 }

/* Motion-safe : désactive la transition si l’utilisateur préfère moins d’animations */
@media (prefers-reduced-motion: reduce){
  .bc-ol-tc{ transition: none !important; }
}

/* 1) Le panneau T&C n’a plus d’espace ni de bordure en haut */
.bc-ol-tc{
  margin-top: 0;                 /* au lieu de 10px */
  border-top: 0;                 /* pas de ligne entre les deux blocs */
  border-top-left-radius: 0;     /* joint propre */
  border-top-right-radius: 0;
}

/* 2) Quand le wrapper est ouvert (hover/focus/mobile .is-open),
      on “désarrondit” le bas du bloc principal + on cache sa bordure basse */
.bc-ol:hover .bc-offerline,
.bc-ol:focus-within .bc-offerline,
.bc-ol.is-open .bc-offerline{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent; /* évite une ligne de joint */
}


/* ===== MOBILE/TABLET: kill animations & transitions ===== */
@media (max-width:1024px){
  /* stop animations CSS + transitions */
  *,:before,:after{
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  /* pas de scroll “smooth” */
  html{ scroll-behavior: auto !important; }

  /* neutralise les petits lifts/hover */
  .kpi:hover,
  .btn-claim:hover,
  .btn-claim:active,
  .btn-info:hover,
  .btn-info:active,
  .bc-line.show-tip .btn-info{
    transform: none !important;
    box-shadow: none !important;
  }

  /* coachmark/tooltip figés et invisibles */
  .bc-line .btn-info::after,
  .bc-line .btn-info::before{
    display:none !important;
  }

  /* déjà fait : pas de parallax/canvas, on répète pour robustesse */
  #plx, #plx-coins, #plx-dots,
  #bgfx-canvas{ display:none !important; }
}







/* 3) (déjà présent) état ouvert du panneau T&C – garde-le :
.bc-ol:hover .bc-ol-tc,
.bc-ol:focus-within .bc-ol-tc,
.bc-ol.is-open .bc-ol-tc{
  max-height: 420px;
  opacity: 1;
  transform: none;
  padding: 12px 14px;
}
*/














/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/
/* Style premium commun aux pages légales avec .bc-legal */

/* =============================
   STYLE PREMIUM BONUSCASHOUT
   POUR LES PAGES LÉGALES
   ============================= */



/* POLICES MONTSERRAT HEBERGÉES SUR LE SERVEUR POUR GAIN DE TEMPS */

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-Regular.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-Bold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-ExtraBold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/montserrat/subset-Montserrat-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}



/* --- Apparence globale (fond + typographie + contenu encadré) --- */
.page-id-12 .entry-content,
.page-id-13 .entry-content,
.page-id-15 .entry-content {
  background: linear-gradient(180deg, #0b0b0e, #1c1b25);
  color: #f2f2f2;
  padding: 60px 28px;
  border-radius: 20px;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.08);
  max-width: 920px;
  margin: 64px auto;
  line-height: 1.7;
  font-family: 'Poppins', system-ui, sans-serif;
}

.page-id-12 .entry-content h1,
.page-id-13 .entry-content h1,
.page-id-15 .entry-content h1,
.page-id-12 .entry-content h2,
.page-id-13 .entry-content h2,
.page-id-15 .entry-content h2,
.page-id-12 .entry-content h3,
.page-id-13 .entry-content h3,
.page-id-15 .entry-content h3 {
  color: #ffd700;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin: 36px 0 12px;
  font-weight: 600;
}

.page-id-12 .entry-content a,
.page-id-13 .entry-content a,
.page-id-15 .entry-content a {
  color: #9c8eff;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

.page-id-12 .entry-content a:hover,
.page-id-13 .entry-content a:hover,
.page-id-15 .entry-content a:hover {
  color: #fff;
}

.page-id-12 .entry-content ul,
.page-id-13 .entry-content ul,
.page-id-15 .entry-content ul {
  list-style-type: "💎 ";
  margin-left: 24px;
}

.page-id-12,
.page-id-13,
.page-id-15 {
  background: radial-gradient(circle at 50% -20%, #181628 0%, #0b0b0e 100%);
}

/* =============================
   SUPPRESSION COMPLÈTE DU HEADER
   ============================= */

.page-id-12 header,
.page-id-12 #masthead,
.page-id-12 .main-header,
.page-id-12 .ast-header-break-point,
.page-id-12 .site-header,
.page-id-12 .bc-header,
.page-id-12 .elementor-location-header,
.page-id-13 header,
.page-id-13 #masthead,
.page-id-13 .main-header,
.page-id-13 .ast-header-break-point,
.page-id-13 .site-header,
.page-id-13 .bc-header,
.page-id-13 .elementor-location-header,
.page-id-15 header,
.page-id-15 #masthead,
.page-id-15 .main-header,
.page-id-15 .ast-header-break-point,
.page-id-15 .site-header,
.page-id-15 .bc-header,
.page-id-15 .elementor-location-header {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Supprime tout décalage vers le bas du contenu */
.page-id-12 .site-content,
.page-id-13 .site-content,
.page-id-15 .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== MOBILE/TABLET: désactive pièces + parallax + canvas BG ===== */
@media (max-width:1024px){
  /* couche parallax (pièces + points) */
  #plx,
  #plx-coins,
  #plx-dots { display:none !important; }

  /* canvas des blobs de fond */
  #bgfx-canvas { display:none !important; }

  /* sécurité : pas de scroll horizontal dû aux layers */
  html{ min-width:0 !important; }
  body{ overflow-x:hidden !important; }
}





/* Page /tous-les-bonus = page-id-63 */
.page-id-63 .bc-card,
.page-id-63 .bc-slab,
.page-id-63 .bc-proof,
.page-id-63 .bc-faq {
  backdrop-filter: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02) !important;
}

.page-id-63 .bc-affcards-card,
.page-id-63 .bc-offerline {
  box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

/* Option temporaire pour réduire les recalc */
@media (min-width:0){
  .page-id-63 * { transition: none !important; }
}


/* Page /tous-les-bonus = page-id-63 */
.page-id-63 .bc-affcards-row > *:nth-child(n+5){display:none}
.page-id-63 .bc-affcards-row.is-open > *{display:initial}

/* style bouton voir plus */
.page-id-63 .bc-more{text-align:center;margin:12px 0 4px}
.page-id-63 .bc-more .bc-show-more{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 18px;border-radius:999px;border:1px solid #2f3350;
  background:linear-gradient(180deg,#141725,#0f1220);color:#e8eaff;
  font-weight:900;cursor:pointer;transition:filter .2s,transform .08s,box-shadow .2s
}
.page-id-63 .bc-more .bc-show-more:hover{filter:brightness(1.06)}




/* === Patch global pages : fond premium + header visible === */
html, body { min-height: 100%; }

body.page,
body.page .site,
body.page #page,
body.page .site-container {
  background: linear-gradient(180deg,#2b274a 0%, #1d1834 100%) !important;
  background-attachment: fixed;
}

body.page .site-header {
  position: relative;
  z-index: 10;
}

body.page .site-content,
body.page .ast-container,
body.page .entry-content {
  background: transparent !important;
}


.bc-container { max-width: 1080px; margin: 0 auto; padding: 24px; }
.bc-title { font-size: 32px; margin: 0 0 8px; }
.bc-h2 { font-size: 24px; margin: 24px 0 12px; }
.bc-h3 { font-size: 18px; margin: 12px 0; }

.bc-hero { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; margin-bottom: 16px; }
.bc-rating { background: #4b2a7b; color: #fff; padding: 6px 10px; border-radius: 10px; font-weight: 700; display: inline-block; }
.bc-lastupdate { font-size: 14px; opacity: 0.8; }

.bc-btn { display: inline-block; padding: 12px 18px; border-radius: 12px; text-decoration: none; font-weight: 700; }
.bc-btn-primary { background: linear-gradient(135deg, #6a00ff, #b08d57); color: #fff; }
.bc-btn-outline { border: 2px solid #6a00ff; color: #6a00ff; background: #fff; }
.bc-disclaimer { font-size: 12px; opacity: 0.7; margin-top: 6px; }

.bc-bonus-card { display: grid; grid-template-columns: 220px 1fr; gap: 20px; padding: 16px; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; margin: 16px 0 24px; background: #fff; }
.bc-casino-logo { width: 100%; height: auto; object-fit: contain; }
.bc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px 14px; margin: 10px 0 16px; }
.bc-kpis li { list-style: none; }

.bc-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; }
.bc-pros ul, .bc-cons ul { padding-left: 18px; }

.bc-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.bc-card { border: 1px solid rgba(0,0,0,.08); border-radius: 16px; overflow: hidden; background: #fff; }
.bc-card img { width: 100%; height: 160px; object-fit: cover; }
.bc-card-link { display: block; padding: 12px; color: inherit; text-decoration: none; }
@media (max-width: 1024px) {
  .bc-hero { grid-template-columns: 1fr; }
  .bc-bonus-card { grid-template-columns: 1fr; }
  .bc-proscons { grid-template-columns: 1fr; }
  .bc-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .bc-grid { grid-template-columns: 1fr; }
}



/* =============================
   OPTIONNEL : SUPPRESSION DU FOOTER
   (Décommente si tu veux vraiment une page minimaliste)
   ============================= */
/*
.page-id-12 footer,
.page-id-13 footer,
.page-id-15 footer {
  display: none !important;
  visibility: hidden !important;
}
*/