/* ==========================================================================
   BD678 bets (bd678bets.com) — gen-2 brand layer. Loaded AFTER theme.css.
   Base: ck777 dark navy (#0f172a) with orange (#f97316) accent.
   BD678 re-accents to deep-blue / cyan / gold and adds brand modules.
   English (Bangladesh) betting + casino site.
   ========================================================================== */
:root{
  --bd-blue:#1d4ed8;--bd-cyan:#0ea5e9;--bd-cyan-light:#38bdf8;--bd-gold:#f5c518;--bd-navy:#0f172a;
  /* re-map ck777's single accent (orange) to BD678 cyan/blue */
  --primary:#0ea5e9;--primary-dark:#0284c7;--accent:#0ea5e9;--blue:#0ea5e9;--gold:#f5c518;
  /* vars referenced by cross-sourced game CSS (4777bet/bk444/参考模板-1) but missing
     from ck777 theme — defined here (navy-dark-correct) so undefined-var text is not black */
  --text-primary:#e5e7eb;--text-secondary:#cbd5e1;--bg-primary:#0f172a;--bg-secondary:#111827;
  --bg-alt:#1f2937;--accent-hover:#0284c7;--accent-soft:rgba(14,165,233,.12);
  --radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,.45);--border:rgba(255,255,255,.10);
  --white:#ffffff;--gray:#cbd5e1;--gray-light:#9ca3af;--text-main:#e5e7eb;--text-mid:#cbd5e1;
  --secondary:#f5c518;--secondary-dark:#d4a913;--primary-light:#38bdf8;
  --ocean:#0ea5e9;--ocean-dark:#0284c7;--green-main:#22c55e;--green-dark:#16a34a;
  --dragon-red:#ef4444;--dragon-red-dark:#b91c1c;--tiger-orange:#f59e0b;
  --brown-light:#334155;--border-teal:rgba(14,165,233,.3);--bg-card:#1e293b;
  --bg-main:#0f172a;--gold-light:#ffe066;--green:#22c55e;--green-dim:rgba(34,197,94,.12);
  --green-light:#4ade80;--purple:#8b5cf6;--purple-light:#c4b5fd;--red:#ef4444;--red-light:#f87171;--sand-dark:#b45309;
}
body{font-family:Poppins,"Segoe UI",system-ui,-apple-system,sans-serif;letter-spacing:.1px;}

/* Defensive: neutralise any leftover inline ck777 orange -> BD678 cyan/gold */
[style*="color:#f97316"],[style*="color: #f97316"]{color:var(--bd-cyan)!important;}
[style*="background:#f97316"],[style*="background-color:#f97316"]{background:var(--bd-cyan)!important;}
[style*="border:1px solid #f97316"],[style*="border-color:#f97316"]{border-color:var(--bd-cyan)!important;}

/* Brand accents (blue/cyan/gold, official betting feel) */
.cta-button{background:linear-gradient(135deg,#0ea5e9,#1d4ed8)!important;color:#fff!important;border:none!important;font-weight:700;}
.cta-button:hover{background:linear-gradient(135deg,#0284c7,#1e40af)!important;color:#fff!important;}
.section-title{color:var(--text-light);}
.section-title::after,.section-title:after{background:var(--bd-cyan)!important;}
.feature-title{color:var(--bd-cyan-light);}
.feature-icon{color:var(--bd-cyan)!important;}
.nav-link.active{color:var(--bd-cyan)!important;}
a{color:var(--bd-cyan);}
.pricing-title{color:var(--bd-gold)!important;}
.navbar-brand img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));}

/* Local-payment strip */
.bd-pay-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}
.bd-pay-strip .bd-pay{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:8px;
  background:rgba(255,255,255,.05);border:1px solid rgba(14,165,233,.3);font-size:.85rem;color:var(--text-light);}
.bd-pay-strip .bd-pay i{color:var(--bd-cyan);}

/* Winners / markets board */
.bd-winboard,.bd-markets{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;}
.bd-winboard th,.bd-markets th{background:linear-gradient(90deg,#1d4ed8,#0ea5e9);color:#fff;padding:11px 13px;text-align:left;font-size:.9rem;}
.bd-winboard td,.bd-markets td{padding:10px 13px;border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;color:var(--text-light);}
.bd-winboard tr:nth-child(even) td,.bd-markets tr:nth-child(even) td{background:rgba(255,255,255,.02);}
.bd-winboard .bd-amt,.bd-markets .bd-amt{color:var(--bd-gold);font-weight:700;white-space:nowrap;}

/* Author box brand ring */
.author-box .author-avatar img{border:2px solid var(--bd-cyan);border-radius:50%;}
.author-box-role{color:var(--bd-cyan)!important;}

/* ---- Readability layer for cross-sourced game pages (4777bet/bk444/参考模板-1) ----
   Scoped to <body class="gp-dark-fix">. Flips their light "island" cards to dark
   navy cards + forces readable light text; inline #fff -> transparent.       */
.gp-dark-fix{ --text-dark:#e5e7eb; --dark:#e5e7eb; }
.gp-dark-fix main{color:var(--text-light);}
.gp-dark-fix main p,.gp-dark-fix main li,.gp-dark-fix main td,.gp-dark-fix main th,
.gp-dark-fix main h2,.gp-dark-fix main h3,.gp-dark-fix main h4,.gp-dark-fix main h5,.gp-dark-fix main h6,
.gp-dark-fix .section-title,.gp-dark-fix .page-hero h1,.gp-dark-fix .hero h1{color:var(--text-light);}
.gp-dark-fix .feature-card,.gp-dark-fix .bet-card,.gp-dark-fix .step-card,.gp-dark-fix .info-box,
.gp-dark-fix .fish-card,.gp-dark-fix .mechanic-card,.gp-dark-fix .strategy-card,.gp-dark-fix .how-step,
.gp-dark-fix .related-card,.gp-dark-fix .tip-item,.gp-dark-fix .pay-table-wrap,.gp-dark-fix .symbol-card,
.gp-dark-fix .prize-table,.gp-dark-fix .payline-row,.gp-dark-fix .stat-box,.gp-dark-fix .rule-card,
.gp-dark-fix .breadcrumb-section,.gp-dark-fix .faq-accordion,.gp-dark-fix .tips-table,
.gp-dark-fix .how-section,.gp-dark-fix .weapon-section,.gp-dark-fix .bonus-section,
.gp-dark-fix .related-section,.gp-dark-fix .bet-section,.gp-dark-fix .faq-section,
.gp-dark-fix .hand-card,.gp-dark-fix .joker-highlight,.gp-dark-fix .odds-table,.gp-dark-fix .mode-card,
.gp-dark-fix .sidebar-card,.gp-dark-fix .step-content,.gp-dark-fix .odds-table-wrap,.gp-dark-fix .accordion-body{
  background:var(--bg-card)!important;border:1px solid rgba(14,165,233,.16);
}
/* full-width light section wrappers -> transparent so the dark body shows through */
.gp-dark-fix .content-section,.gp-dark-fix .features-section,.gp-dark-fix .hands-section,
.gp-dark-fix .tips-section,.gp-dark-fix .weapon-section,.gp-dark-fix .bonus-section{background:transparent!important;}
/* joker-poker decorative playing-card visuals stay light with dark pips/text */
.gp-dark-fix .play-card{color:#1a1a2e;}
.gp-dark-fix .joker-highlight td{color:var(--gold-light)!important;}
.gp-dark-fix .btn-white{background:var(--bd-cyan)!important;color:#04283a!important;border:none!important;}
.gp-dark-fix .accordion-button{background:var(--bg-card)!important;color:var(--text-light)!important;}
.gp-dark-fix table thead th{background:rgba(14,165,233,.16)!important;color:var(--text-light)!important;}
.gp-dark-fix table td{color:var(--text-light);}
/* any inline light background on these pages -> transparent (dark body shows) */
.gp-dark-fix [style*="background:#fff"],.gp-dark-fix [style*="background: #fff"],
.gp-dark-fix [style*="background:#FFF"],.gp-dark-fix [style*="background:white"],
.gp-dark-fix [style*="background-color:#fff"]{background:transparent!important;}

@media (max-width:991px){
  .hero-section h1,.page-hero h1{font-size:1.75rem;}
  .cta-button{width:100%;text-align:center;}
}