/*
Theme Name: 123GA Black Gold
Theme URI: https://example.com/
Author: OpenAI
Description: Giao diện đen - vàng dành cho 123GA với trang chủ dài, Đá Gà, Casino, Thể Thao, Nổ Hũ, Bắn Cá, Xổ Số và Tin Tức.
Version: 3.0.0
Text Domain: ga123
*/
:root{--bg:#070707;--panel:#111;--panel2:#171717;--gold:#f2b632;--gold2:#ffdc73;--text:#f7f7f7;--muted:#bbb;--red:#bd1d12;--line:#2a2a2a;--radius:18px;--shadow:0 18px 55px rgba(0,0,0,.4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#191309 0,#080808 30%,#050505 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.94);backdrop-filter:blur(14px);border-bottom:1px solid #332507}.header-inner{display:flex;align-items:center;gap:28px;min-height:82px}.brand img{width:82px;height:82px;object-fit:contain}.main-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex:1}.main-nav a{padding:10px 12px;border-radius:9px;color:#eee;font-weight:700;font-size:14px}.main-nav a:hover,.main-nav .current-menu-item>a{background:#231b0b;color:var(--gold2)}.header-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-weight:800;border:1px solid #5c3b06;background:linear-gradient(180deg,#ffc83c,#b66b00);color:#140d00;box-shadow:0 8px 24px rgba(242,182,50,.15)}.btn.secondary{background:#171717;color:#fff;border-color:#3e3e3e}.hero{padding:18px 0 10px}.hero-card{overflow:hidden;border-radius:22px;border:1px solid #5d3d08;background:#111;box-shadow:var(--shadow)}.hero-card img{width:100%;aspect-ratio:2/1;object-fit:cover}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:34px 0}.circle-card{text-align:center}.circle-card .circle{aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:4px solid #9c6411;box-shadow:0 0 0 5px #211807,0 14px 35px rgba(0,0,0,.5);transition:.25s}.circle-card:hover .circle{transform:translateY(-5px);border-color:#ffd35c}.circle-card h3{margin:14px 0 0;color:#ffe08b;font-size:21px}.section{padding:34px 0}.section-head{text-align:center;max-width:860px;margin:0 auto 24px}.eyebrow{color:#f4bc3e;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:13px}.section h1,.section h2,.section h3{line-height:1.25}.section h1{font-size:clamp(30px,4vw,54px);margin:10px 0}.section h2{font-size:clamp(26px,3vw,38px);color:#ffd764;margin:12px 0}.section h3{color:#ffde83}.lead{font-size:18px;color:#ddd}.content-card{background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid #282828;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#121212;border:1px solid #2b2619;border-radius:15px;padding:21px}.feature strong{display:block;color:#ffd868;font-size:18px;margin-bottom:6px}.banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.banner-grid a{display:block;border-radius:18px;overflow:hidden;border:1px solid #4a3008;box-shadow:var(--shadow);background:#111}.banner-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.article p{color:#d6d6d6}.article ul{padding-left:22px}.article li{margin:7px 0}.toc{position:sticky;top:104px;background:#101010;border:1px solid #2d271b;border-radius:14px;padding:18px;height:max-content}.toc a{display:block;padding:7px 0;color:#ddd}.toc a:hover{color:#ffd669}.table-wrap{overflow-x:auto}.info-table{width:100%;border-collapse:collapse;background:#0e0e0e}.info-table th,.info-table td{border:1px solid #2b2b2b;padding:13px 15px;text-align:left}.info-table th{background:#1d1609;color:#ffd76b}.faq details{background:#111;border:1px solid #292929;border-radius:12px;margin:10px 0;padding:15px 18px}.faq summary{cursor:pointer;font-weight:800;color:#ffe08a}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#111;border:1px solid #292929;border-radius:15px;overflow:hidden}.post-card .body{padding:18px}.post-card h3{margin:0 0 8px}.post-card p{color:#c8c8c8}.notice{border-left:4px solid #e2a62a;background:#18140d;padding:16px 18px;border-radius:8px;color:#e9e2d3}.site-footer{margin-top:48px;border-top:1px solid #332507;background:#050505}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:42px 0}.footer-brand{display:flex;gap:18px;align-items:flex-start}.footer-brand img{width:90px}.site-footer h3{color:#ffd566}.site-footer a{color:#ccc}.copyright{border-top:1px solid #1c1c1c;text-align:center;padding:16px;color:#888;font-size:14px}.breadcrumbs{font-size:14px;color:#aaa;padding:16px 0}.page-content{max-width:900px;margin:auto}.page-content h1{color:#ffd664}.page-content h2{color:#f3bf4b;margin-top:34px}@media(max-width:980px){.main-nav{display:none}.header-actions{margin-left:auto}.seo-layout{grid-template-columns:1fr}.toc{position:static}.feature-grid,.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.container{width:min(100% - 20px,1180px)}.header-inner{min-height:68px}.brand img{width:64px;height:64px}.header-actions .secondary{display:none}.quick-links{grid-template-columns:1fr 1fr;gap:14px}.circle-card h3{font-size:17px}.banner-grid,.feature-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.content-card{padding:20px}.hero{padding-top:10px}.hero-card{border-radius:13px}}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.tag-pill,.post-tags a{display:inline-block;border:1px solid #5f4812;background:#17130b;color:#ffd76b;border-radius:999px;padding:7px 12px;margin:3px;text-decoration:none}.post-meta{font-size:14px;color:#a9a9a9;margin:8px 0 12px}.post-meta a{color:#ffd76b}.post-tags{margin:8px 0 18px}.related-box{margin-top:40px;padding-top:28px;border-top:1px solid #4a3912}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-grid a{display:block;padding:14px;border:1px solid #4a3912;border-radius:12px;background:#121212;color:#ffd76b;text-decoration:none}.related-grid a:hover{border-color:#e8b72f}.post-card h2{font-size:21px;margin:8px 0}.post-card h2 a{color:#fff;text-decoration:none}.post-card h2 a:hover{color:#ffd76b}@media(max-width:700px){.related-grid{grid-template-columns:1fr}}

/* 123GA V3 polish */
.main-nav{gap:2px}.main-nav a{white-space:nowrap}.header-actions .btn{white-space:nowrap}
.intro-section{padding-bottom:10px}.promo-section{padding-top:18px}.feature{display:flex;flex-direction:column;gap:8px;min-height:180px}.feature span{color:#d7d7d7}.feature a{color:#ffd76b;font-weight:800;margin-top:auto}.feature a:hover{color:#fff}
.toc strong{display:block;color:#ffd76b;margin-bottom:8px}.article a{color:#ffd76b;text-decoration:underline;text-underline-offset:3px}.article a.btn{text-decoration:none}.article h2{scroll-margin-top:110px}.article h3{margin-top:24px}.center-action{text-align:center;margin-top:30px}
.responsible-box{display:flex;gap:18px;align-items:center;border:1px solid #4d3b12;background:linear-gradient(90deg,#161109,#0d0d0d);border-radius:14px;padding:18px 22px}.responsible-box strong{color:#ffd76b;white-space:nowrap}.responsible-box span{color:#d5d5d5}
.footer-note{border-top:1px solid #222;padding:18px 0;color:#aaa;font-size:14px}.footer-note strong{color:#ffd76b}.site-footer p{margin:7px 0}.site-footer a:hover{color:#ffd76b}
.post-thumb{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #30240d}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card:hover .post-thumb img{transform:scale(1.035)}.post-card{display:flex;flex-direction:column}.post-card .body{display:flex;flex-direction:column;flex:1}.post-card .btn{align-self:flex-start;margin-top:auto}.post-card h2,.post-card h3{line-height:1.35}.post-card h3 a,.post-card h2 a{color:#ffe084}.post-card h3 a:hover,.post-card h2 a:hover{color:#fff}
.tag-pill span{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#2c2109;margin-left:5px}.single-layout{max-width:960px}.single-cover{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:14px;margin-bottom:22px;border:1px solid #4b3710}.single-article h1{font-size:clamp(30px,4vw,48px);line-height:1.18;color:#fff}.single-article h2{margin-top:38px}.single-article ul{background:#0c0c0c;border:1px solid #2d2618;border-radius:12px;padding:16px 18px 16px 38px}.single-article li::marker{color:#f2b632}
.page-content ul{padding-left:22px}.page-content a{color:#ffd76b}.page-content p{color:#d6d6d6}.page-content h1{font-size:clamp(30px,4vw,46px)}
@media(max-width:1100px){.main-nav a{padding:9px 7px;font-size:13px}.header-inner{gap:14px}.header-actions .btn{padding:11px 12px}}
@media(max-width:980px){.main-nav{display:none}.responsible-box{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:700px){.header-actions{gap:6px}.header-actions .secondary{display:inline-flex}.header-actions .btn{font-size:12px;padding:9px 10px}.brand img{width:58px;height:58px}.hero-card img{aspect-ratio:16/9}.single-cover{aspect-ratio:16/9}.responsible-box strong{white-space:normal}}