/* Composants interactifs des pages pronostics : graphiques, sondage, partage */
.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:18px 0 10px;}
.chart-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:16px;padding:18px 20px;}
.chart-card h3{margin:0 0 12px;font-size:1rem;font-weight:700;}
.chart-wrap{position:relative;height:250px;}
[data-theme="light"] .chart-card{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);}

/* Sondage */
.poll{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:16px;padding:22px;margin:14px 0 24px;}
[data-theme="light"] .poll{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);}
.poll-options{display:flex;flex-wrap:wrap;gap:10px;}
.poll-opt{flex:1;min-width:130px;cursor:pointer;padding:14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.04);color:inherit;font-weight:600;font-size:0.95rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,border-color .15s,background .15s;}
.poll-opt:hover:not([disabled]){border-color:var(--gold,#f5a623);background:rgba(245,166,35,0.10);transform:translateY(-2px);}
.poll-opt[disabled]{cursor:default;opacity:.9;}
[data-theme="light"] .poll-opt{border-color:rgba(0,0,0,0.14);background:rgba(0,0,0,0.03);}
.poll-results{margin-top:18px;display:flex;flex-direction:column;gap:12px;}
.poll-bar .pb-head{display:flex;justify-content:space-between;font-size:0.9rem;font-weight:600;margin-bottom:5px;}
.pb-track{height:14px;border-radius:7px;background:rgba(255,255,255,0.10);overflow:hidden;}
[data-theme="light"] .pb-track{background:rgba(0,0,0,0.08);}
.pb-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#64748b,#94a3b8);width:0;transition:width .7s cubic-bezier(.2,.8,.2,1);}
.poll-bar.win .pb-fill{background:linear-gradient(90deg,var(--gold,#f5a623),#ff6b35);}
.poll-total{margin-top:14px;font-size:0.85rem;opacity:.7;}

/* Tableau comparatif (face-a-face) */
.vs-table{width:100%;border-collapse:collapse;margin-top:4px;}
.vs-table th{font-size:0.85rem;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,0.12);}
[data-theme="light"] .vs-table th{border-color:rgba(0,0,0,0.1);}
.vs-table th:first-child{text-align:right;}
.vs-table th:last-child{text-align:left;}
.vs-table td{padding:9px 8px;font-size:0.92rem;border-bottom:1px solid rgba(255,255,255,0.06);}
[data-theme="light"] .vs-table td{border-color:rgba(0,0,0,0.05);}
.vs-table .vs-h{text-align:right;width:25%;}
.vs-table .vs-a{text-align:left;width:25%;}
.vs-table .vs-l{text-align:center;opacity:.7;font-size:0.82rem;}
.vs-table .b{font-weight:800;color:var(--gold,#f5a623);}

/* Tableau codes promo */
.promo-table-wrap{overflow-x:auto;margin:20px 0 8px;-webkit-overflow-scrolling:touch;}
.promo-table{width:100%;border-collapse:collapse;min-width:560px;}
.promo-table th,.promo-table td{padding:14px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.09);vertical-align:middle;}
[data-theme="light"] .promo-table th,[data-theme="light"] .promo-table td{border-color:rgba(0,0,0,0.08);}
.promo-table thead th{font-size:0.82rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7;}
.promo-table .pt-bk{font-weight:800;font-family:'Poppins',sans-serif;font-size:1.02rem;}
.promo-table .pt-bonus{color:var(--gold,#f5a623);font-weight:700;white-space:nowrap;}
.promo-code-tag{display:inline-block;font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:8px;border:1px dashed rgba(245,166,35,.6);background:rgba(245,166,35,.08);}
.promo-code-none{opacity:.6;font-size:0.9rem;}
.pt-go{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:10px;font-weight:700;font-size:0.88rem;color:#1a1305;background:linear-gradient(90deg,var(--gold,#f5a623),#ff6b35);cursor:pointer;white-space:nowrap;user-select:none;}
.pt-go:hover{filter:brightness(1.06);}
.pt-go:focus-visible{outline:2px solid #fff;outline-offset:2px;}

/* (Le style .top-promo-banner est defini globalement dans style.css) */

/* CTA paris visible sur les pages pronostic */
.match-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 28px;padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,rgba(245,166,35,0.16),rgba(255,107,53,0.12));border:1px solid rgba(245,166,35,0.45);}
.match-cta .mc-txt{font-weight:600;font-size:1rem;}
.match-cta .mc-txt strong{color:var(--gold,#f5a623);}
.match-cta .mc-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;font-weight:800;font-size:0.95rem;color:#1a1305;background:linear-gradient(90deg,var(--gold,#f5a623),#ff6b35);text-decoration:none;white-space:nowrap;transition:transform .15s,filter .15s;}
.match-cta .mc-btn:hover{transform:translateY(-2px);filter:brightness(1.06);}

/* Section bookmakers (liens obfusques) */
.bk-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:16px 0 12px;}
.bk-card{display:flex;flex-direction:column;gap:4px;padding:18px 18px 20px;border-radius:16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);text-align:center;}
[data-theme="light"] .bk-card{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08);}
.bk-card .bk-name{font-weight:800;font-size:1.15rem;font-family:'Poppins',sans-serif;}
.bk-card .bk-label{font-size:0.78rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-top:6px;}
.bk-card .bk-bonus{font-weight:800;font-size:1.4rem;color:var(--gold,#f5a623);margin:2px 0;}
.bk-card .bk-note{font-size:0.85rem;opacity:.8;margin-bottom:12px;}
.bk-card .bk-note strong{color:inherit;}
.bk-go{margin-top:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-weight:700;font-size:0.95rem;color:#1a1305;background:linear-gradient(90deg,var(--gold,#f5a623),#ff6b35);transition:transform .15s,filter .15s;user-select:none;}
.bk-go:hover{transform:translateY(-2px);filter:brightness(1.06);}
.bk-go:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.bk-more{font-weight:600;margin:6px 0 14px;}
.bk-more a{color:var(--gold,#f5a623);}
.bk-legal{font-size:0.8rem;opacity:.7;border-left:3px solid rgba(245,166,35,.5);padding:8px 12px;margin-bottom:26px;}

/* Partage */
.share-row{display:flex;align-items:center;gap:12px;margin:6px 0 32px;flex-wrap:wrap;}
.share-label{font-weight:600;opacity:.85;}
.share-btn{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.05rem;transition:transform .15s,filter .15s;}
.share-btn:hover{transform:translateY(-3px);filter:brightness(1.08);}
.share-btn.wa{background:#25d366;}
.share-btn.x{background:#111;}
.share-btn.fb{background:#1877f2;}