/* ── Betclic Integration — V22.6.5 + V22.6.6 + V22.6.7 ──
   100% custom Ticketix design. No iframes, no Betclic scripts. */

/* ═══════════════════════════════════════════
   1. STICKY BAR MOBILE (split 50/50)
   ═══════════════════════════════════════════ */

.tx-sticky-mobile{display:none}

@media(max-width:768px){
  .tx-sticky-mobile{
    display:block;
    position:fixed;bottom:0;left:0;right:0;z-index:9999;
    font-family:'DM Sans',sans-serif;
    box-shadow:0 -4px 20px rgba(0,0,0,.15);
  }
  body.has-sticky-mobile{padding-bottom:110px}
}

.tx-sticky-split{display:flex}

.tx-sticky-half{
  flex:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 8px 6px;gap:2px;
  text-decoration:none;color:#fff;
  -webkit-tap-highlight-color:transparent;
}

.tx-sticky-ht{background:linear-gradient(135deg,#7c3aed 0%,#9333ea 100%)}
.tx-sticky-bc{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%)}

.tx-sticky-label{
  font-size:.58rem;font-weight:600;letter-spacing:.03em;
  opacity:.85;
}
.tx-sticky-brand{
  font-family:'Outfit',sans-serif;font-weight:900;font-size:.88rem;
  letter-spacing:.01em;line-height:1.1;
}
.tx-sticky-bc-logo{height:18px;width:auto;display:block;margin:1px 0}
.tx-sticky-sub{font-size:.6rem;font-weight:600;opacity:.85}

.tx-sticky-compliance{
  background:#0d0719;
  text-align:center;
  padding:4px 12px;
  font-size:.6rem;font-weight:500;
  color:rgba(255,255,255,.7);
  font-family:'DM Sans',sans-serif;
}
.tx-sticky-compliance a{color:rgba(255,255,255,.85);text-decoration:underline}


/* ═══════════════════════════════════════════
   1b. HERO BUTTON — EVENT PAGE (V22.6.6)
   ═══════════════════════════════════════════ */

.ev-btn-betclic{
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-family:'DM Sans',sans-serif;font-weight:800;font-size:.92rem;
  color:#fff;
  background:linear-gradient(135deg,#F59E0B,#D97706);
  padding:0 22px;
  height:calc(50% - 2.5px);
  border-radius:11px;
  box-shadow:0 6px 20px rgba(245,158,11,.24);
  transition:all .3s cubic-bezier(.16,1,.3,1);
  text-decoration:none;white-space:nowrap;
}
.ev-btn-betclic:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(245,158,11,.32);
  color:#fff;
}
.ev-btn-betclic svg{
  width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;
  stroke-linecap:round;flex-shrink:0;
}
.ev-btn-betclic:focus-visible{outline:2px solid #D97706;outline-offset:3px}
.ev-btn-betclic-18{
  font-size:.58rem;font-weight:600;color:rgba(255,255,255,.7);
  margin-left:2px;
}

.ev-cta-left.ev-cta-left--triple{width:240px}
.ev-cta-left--triple .ev-btn-partner,
.ev-cta-left--triple .ev-btn-official,
.ev-cta-left--triple .ev-btn-betclic{
  height:calc(33.33% - 3.33px);
}

@media(max-width:768px){
  .ev-cta-left--triple{width:100%!important;flex-direction:column!important}
  .ev-cta-left--triple .ev-btn-partner,
  .ev-cta-left--triple .ev-btn-official,
  .ev-cta-left--triple .ev-btn-betclic{
    flex:none;width:100%;height:auto;
    padding:13px 16px;font-size:.88rem;
    justify-content:center;gap:10px;
  }
}


/* ═══════════════════════════════════════════
   2. BANDEAU EVENT + BLOC PRONOSTIC ARTICLE
      Shared components (V22.6.7 unified)
   ═══════════════════════════════════════════ */

/* Logo container (or rounded pill with white logo) */
.tx-betclic-logo-container{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#F59E0B,#D97706);
  padding:6px 12px;border-radius:8px;
  flex-shrink:0;
}
.tx-betclic-logo-header{
  height:20px;width:auto;display:block;
}

/* Shared header (logo + title) */
.tx-betclic-event-header{
  display:flex;align-items:center;gap:14px;
  margin-bottom:20px;
}
.tx-betclic-event-header h3{
  font-family:'Outfit',sans-serif;font-weight:800;font-size:1.15rem;
  color:#1a0e2e;margin:0;line-height:1.25;
}

/* Cotes row (shared) */
.tx-betclic-cotes-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-bottom:8px;
}
.tx-cote{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:14px 10px;
  background:#fff;
  border:1px solid rgba(245,158,11,.2);
  border-radius:10px;
  text-decoration:none;color:#1a0e2e;
  transition:all .2s ease;
}
.tx-cote:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(245,158,11,.15);
  border-color:rgba(245,158,11,.4);
}
.tx-cote-label{
  font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;color:#5a4a6b;
}
.tx-cote-value{
  font-family:'Outfit',sans-serif;font-weight:900;font-size:1.6rem;
  color:#D97706;line-height:1;
}

.tx-betclic-cotes-date{
  font-size:.72rem;color:#9a8aad;text-align:right;
  margin:0 0 16px;font-family:'DM Sans',sans-serif;
}

/* Bonus box (shared) */
.tx-betclic-bonus-box{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;
  background:rgba(245,158,11,.08);
  border:1px solid rgba(245,158,11,.25);
  border-radius:10px;
  margin-bottom:20px;
}
.tx-bonus-icon{font-size:1.5rem;flex-shrink:0;line-height:1}
.tx-bonus-content strong{
  font-family:'Outfit',sans-serif;font-weight:800;font-size:.95rem;
  color:#1a0e2e;display:block;margin-bottom:4px;
}
.tx-bonus-content p{
  font-family:'DM Sans',sans-serif;font-size:.85rem;
  color:#4a3d5c;line-height:1.5;margin:0;
}

/* CTA primary (or/doré — shared) */
.tx-betclic-cta-primary{
  display:flex;align-items:center;justify-content:center;
  width:100%;
  font-family:'Outfit',sans-serif;font-weight:800;font-size:1rem;
  color:#fff;
  background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);
  padding:14px 28px;
  border-radius:11px;
  box-shadow:0 6px 20px rgba(245,158,11,.3);
  text-decoration:none;
  transition:all .25s ease;
  margin-bottom:14px;
}
.tx-betclic-cta-primary:hover{
  transform:scale(1.02);
  box-shadow:0 8px 28px rgba(245,158,11,.4);
  color:#fff;
}

/* Compliance (shared) */
.tx-betclic-compliance{
  font-family:'DM Sans',sans-serif;font-size:.72rem;
  color:#9a8aad;text-align:center;margin:0;
}
.tx-betclic-compliance a{color:#7c3aed;text-decoration:underline}


/* ═══════════════════════════════════════════
   2a. BANDEAU DESKTOP+MOBILE — PAGE EVENT
   ═══════════════════════════════════════════ */

.tx-betclic-event{
  background:#fff;
  border:1px solid rgba(124,58,237,.15);
  border-radius:14px;
  padding:28px 32px;
  margin:32px 0;
}

/* V22.6.7: bandeau visible on mobile too (compact) */
@media(max-width:768px){
  .tx-betclic-event{
    padding:18px 16px;margin:24px 0;
  }
  .tx-betclic-event .tx-betclic-event-header{gap:10px;margin-bottom:14px}
  .tx-betclic-event .tx-betclic-logo-container{padding:4px 8px;border-radius:6px}
  .tx-betclic-event .tx-betclic-logo-header{height:16px}
  .tx-betclic-event .tx-betclic-event-header h3{font-size:1rem}
  .tx-betclic-event .tx-betclic-cotes-row{gap:6px}
  .tx-betclic-event .tx-cote{padding:10px 6px}
  .tx-betclic-event .tx-cote-value{font-size:1.2rem}
  .tx-betclic-event .tx-cote-label{font-size:.62rem}
  .tx-betclic-event .tx-betclic-bonus-box{padding:12px 14px;margin-bottom:14px}
  .tx-betclic-event .tx-bonus-content p{font-size:.8rem}
  .tx-betclic-event .tx-betclic-cta-primary{padding:13px 20px;font-size:.92rem}
}


/* ═══════════════════════════════════════════
   2b. BLOC PRONOSTIC ARTICLE (shortcode)
       V22.6.7: aligned with event bandeau design
   ═══════════════════════════════════════════ */

.tx-betclic-pronostic{
  background:#fff;
  border:1px solid rgba(124,58,237,.15);
  border-radius:14px;
  padding:24px 28px;
  margin:32px 0;
}

/* Analyse section (pronostic-only) */
.tx-pronostic-analyse{
  margin-bottom:16px;
  padding:14px 16px;
  background:rgba(124,58,237,.03);
  border:1px solid rgba(124,58,237,.08);
  border-radius:8px;
}
.tx-pronostic-analyse p{
  font-family:'DM Sans',sans-serif;font-size:.88rem;
  color:#1a0e2e;line-height:1.55;margin:0;
}


/* ═══════════════════════════════════════════
   3. SIDEBAR ARTICLE — Mini encart Betclic
   ═══════════════════════════════════════════ */

.tx-sidebar-betclic{
  margin-top:16px;
  background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(245,158,11,.02));
  border:1px solid rgba(245,158,11,.2);
  border-radius:14px;
  padding:18px 20px;
  text-align:center;
  font-family:'DM Sans',sans-serif;
}
.tx-sidebar-bc-header{
  display:flex;justify-content:center;margin-bottom:10px;
}
.tx-sidebar-bc-logo-wrap{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#F59E0B,#D97706);
  padding:5px 12px;border-radius:8px;
}
.tx-sidebar-bc-logo{height:17px;width:auto;display:block}
.tx-sidebar-bc-offer{
  font-family:'Outfit',sans-serif;font-weight:800;font-size:.88rem;
  color:#1a0e2e;margin:0 0 12px;line-height:1.3;
}
.tx-sidebar-bc-cta{
  display:block;width:100%;
  font-family:'Outfit',sans-serif;font-weight:800;font-size:.88rem;
  color:#fff;
  background:linear-gradient(135deg,#F59E0B,#D97706);
  padding:11px 16px;border-radius:10px;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(245,158,11,.25);
  transition:all .25s ease;
  margin-bottom:10px;
}
.tx-sidebar-bc-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(245,158,11,.35);
  color:#fff;
}
.tx-sidebar-bc-compliance{
  font-size:.65rem;color:#9a8aad;margin:0;
}
.tx-sidebar-bc-compliance a{color:#7c3aed;text-decoration:underline}

@media(max-width:1023px){
  .tx-sidebar-betclic{display:none}
}


/* ═══════════════════════════════════════════
   4. BANNIÈRE ANJ
   ═══════════════════════════════════════════ */

.tx-anj-warning{
  width:100%;max-width:1200px;
  margin:24px auto;display:block;
}
.tx-anj-warning img{
  width:100%;height:auto;display:block;border-radius:4px;
}


/* ═══════════════════════════════════════════
   5. RESPONSIVE
   ═══════════════════════════════════════════ */

@media(max-width:600px){
  .tx-betclic-pronostic{padding:18px 20px;margin:24px 0}
  .tx-betclic-pronostic .tx-betclic-event-header{gap:10px;margin-bottom:14px}
  .tx-betclic-pronostic .tx-betclic-logo-container{padding:4px 8px;border-radius:6px}
  .tx-betclic-pronostic .tx-betclic-logo-header{height:16px}
  .tx-betclic-pronostic .tx-betclic-event-header h3{font-size:.95rem}
  .tx-pronostic-analyse{padding:12px 14px}
  .tx-pronostic-analyse p{font-size:.84rem}
  .tx-betclic-pronostic .tx-betclic-cotes-row{gap:8px}
  .tx-betclic-pronostic .tx-cote{padding:10px 6px}
  .tx-betclic-pronostic .tx-cote-value{font-size:1.2rem}
  .tx-betclic-pronostic .tx-cote-label{font-size:.58rem}
  .tx-betclic-pronostic .tx-betclic-bonus-box{padding:12px 14px}
  .tx-betclic-pronostic .tx-bonus-content p{font-size:.78rem}
  .tx-betclic-cta-primary{padding:12px 20px;font-size:.92rem}
  .tx-anj-warning{margin:16px 0}
}