/* ========================================================================== BD678 coms (bd678coms.com) — gen-2 brand layer. Loaded AFTER theme.css. Base: bk666 dark + gold(#f59e0b) + green(#22c55e). BD678 adds crimson pop + pay-strip / winners-board modules. Bangla mobile-first. ========================================================================== */ :root{ --bd-red:#d11a2a;--bd-red-dark:#a5121f;--bd-gold:#f59e0b;--bd-gold-light:#ffe066;--bd-green:#22c55e; } /* Bengali-friendly system font stack (no external load) */ body{font-family:"Hind Siliguri","Noto Sans Bengali","Nirmala UI","SolaimanLipi",Poppins,system-ui,sans-serif;} /* Brand identity accents (distinct from gen-1 red site + from bk666) */ .hero-badge{background:linear-gradient(90deg,rgba(209,26,42,.16),rgba(245,158,11,.16));border:1px solid rgba(245,158,11,.4);color:var(--bd-gold-light);} .section-label{color:var(--bd-gold)!important;letter-spacing:.05em;} h1 span,.hero-section h1 span{color:var(--bd-gold-light)!important;} .icon-circle{background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(34,197,94,.14))!important;color:var(--bd-gold)!important;border:1px solid rgba(245,158,11,.28);} .card-dark{transition:border-color .2s,transform .2s;} .card-dark:hover{border-color:var(--bd-gold)!important;transform:translateY(-3px);} a{color:var(--bd-gold);} .btn-amber{background:linear-gradient(135deg,#f59e0b,#f7b733)!important;border:none!important;color:#1a1005!important;font-weight:700;} .btn-amber:hover{background:linear-gradient(135deg,#d97706,#f59e0b)!important;color:#1a1005!important;} .btn-outline-amber{border:1.5px solid var(--bd-gold)!important;color:var(--bd-gold)!important;} .btn-outline-amber:hover{background:var(--bd-gold)!important;color:#1a1005!important;} .ticker-wrap{background:linear-gradient(90deg,#1a1005,#22180f);border-top:1px solid rgba(245,158,11,.25);border-bottom:1px solid rgba(245,158,11,.25);} .ticker-text{color:var(--bd-gold-light);} /* Local-payment strip (BD678 signature) */ .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:999px; background:rgba(255,255,255,.04);border:1px solid rgba(245,158,11,.28);font-size:.85rem;color:var(--text-light);} .bd-pay-strip .bd-pay i{color:var(--bd-green);} /* Winners / jackpot board (BD678 KB real data) */ .bd-winboard{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;} .bd-winboard th{background:linear-gradient(90deg,var(--bd-red),#e23a48);color:#fff;padding:11px 13px;text-align:left;font-size:.9rem;} .bd-winboard td{padding:10px 13px;border-top:1px solid rgba(255,255,255,.07);font-size:.9rem;color:var(--text-light);} .bd-winboard tr:nth-child(even) td{background:rgba(255,255,255,.02);} .bd-winboard .bd-amt{color:var(--bd-gold-light);font-weight:700;white-space:nowrap;} /* Author box brand ring */ .author-box .author-avatar img{border:2px solid var(--bd-gold);border-radius:50%;} .author-box-role{color:var(--bd-gold)!important;} /* Nav active + register button brand */ .nav-link.active{color:var(--bd-gold)!important;} .navbar-brand img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));} @media (max-width:991px){ .hero-section h1{font-size:1.7rem;} .btn-amber,.btn-outline-amber{width:100%;text-align:center;} .hero-stats{flex-wrap:wrap;gap:14px;} } /* ========================================================================== Readability fix for game pages sourced from ck777 / bk444 templates. Those page-CSS files were authored for a LIGHT body theme and reference vars missing from bk666's theme (--white/--ocean/--gray/--dark/--text-dark used as DARK text, and cards using var(--text-light) as a LIGHT background). Scoped to so the homepage / gk444 / bk666 pages are untouched. Fixes dark-on-dark and white-text-on-white-card. ========================================================================== */ /* GLOBAL: define variables the imported game-page CSS references but bk666's theme.css does not provide. These names are never used by the homepage or bk666 components, so defining them here only affects the game pages that reference them (fixes undefined-var -> black/invisible text everywhere). */ :root{ --text-primary:#f3f4f6;--text-secondary:#cbd5e1;--bg-primary:#140f0a;--bg-secondary:#22180f; --bg-alt:#1a1005;--accent-hover:#d97706;--accent-soft:rgba(245,158,11,.12); --radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,.4); --white:#ffffff;--gray:#cbd5e1;--gray-light:#9ca3af;--text-main:#f3f4f6;--text-mid:#cbd5e1; --secondary-dark:#16a34a;--primary-light:#fbbf24; --ocean:#38bdf8;--ocean-dark:#0ea5e9;--green-main:#22c55e;--green-dark:#16a34a; --dragon-red:#ef4444;--dragon-red-dark:#b91c1c;--tiger-orange:#f59e0b; --brown-light:#3b2a1a;--border-teal:rgba(56,189,248,.3); } /* SCOPED: only the ck777/bk444 pages need these — they used --text-dark/--dark as DARK text (bk666 defines them as WHITE). Flip to light on the dark page. */ .gp-dark-fix{ --text-dark:#f3f4f6; --dark:#f3f4f6; } .gp-dark-fix main{color:var(--text-light);} /* base readable text inside content */ .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);} /* light "island" content cards -> dark cards that match the site */ .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 .dvt-wrap, .gp-dark-fix .ib-gold,.gp-dark-fix .ib-red,.gp-dark-fix .resp-note,.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 .fish-card, .gp-dark-fix .breadcrumb-section,.gp-dark-fix .faq-accordion,.gp-dark-fix .tips-table, .gp-dark-fix .info-box,.gp-dark-fix .related-card{ background:var(--bg-card)!important;border:1px solid rgba(245,158,11,0.16); } /* tables inside these pages: readable header + cells on dark */ .gp-dark-fix .tips-table th,.gp-dark-fix table thead th{background:rgba(245,158,11,.14)!important;color:var(--text-light)!important;} .gp-dark-fix .tips-table td,.gp-dark-fix table td{color:var(--text-light);} /* breadcrumb on dark */ .gp-dark-fix .breadcrumb-section{border:none;} /* safety net: 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"]{background:transparent!important;} /* keep intentionally-light UI bits light, with readable dark text */ .gp-dark-fix .btn-white{background:var(--amber)!important;color:#1a1005!important;border:none!important;} .gp-dark-fix .accordion-button{background:var(--bg-card)!important;color:var(--text-light)!important;} .gp-dark-fix .accordion-body{color:var(--text-light);} /* section-title accent underline uses --primary (blue) in some files -> brand gold */ .gp-dark-fix .section-title::after{background:var(--amber)!important;}