/* ==========================================================================
 * ลอตเตอรี่พลัส — ธีมขาว-แดง (สเปก user 29 ต.ค. 2026)
 * ค่าทางการจาก ลอตเตอรี่พลัส.com (Tailwind tokens):
 * แดง #E32321 · แดงเข้ม #B91C1C · แดงเข้มสุด #7F1D1D · หัวเว็บไล่เฉด #E32321→#B51E23
 * พื้น #FFFFFF · section #F5F5F5 · การ์ด #262626 · ขอบ #E5E5E5 · ตัวหนังสือ #171717 · ปุ่มไม่ได้เลือก #F0F0F0
 *
 * ไฟล์นี้ = ชั้นทับเฉพาะ component ที่สเปกระบุ (สีส่วนที่เหลือแปลงในไฟล์ต้นทางแล้ว)
 * โหลดจาก head.php หลัง style.css — ใช้ "html body" นำหน้า + !important
 * เพราะ <style> ของแต่ละหน้ามาทีหลัง head และใช้ !important เยอะ
 * ========================================================================== */

/* ---------- หัวเว็บ (สมาชิก): แดง #E32321 ตัวหนังสือ/ไอคอนขาว ---------- */
html body .lt-topnav { color: #FFFFFF !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important; }
html body .lt-topnav::before { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; }
html body .lt-topnav-item,
html body .lt-topnav-item .label,
html body .lt-topnav-item i { color: #FFFFFF !important; }
html body .lt-topnav-item:hover { background: rgba(255, 255, 255, 0.14) !important; color: #FFFFFF !important; }
html body .lt-topnav-item.active { background: rgba(255, 255, 255, 0.22) !important; box-shadow: none !important; }
/* ไอคอนเมนูเป็นรูปสีแดง → บนหัวแดงต้องเป็นสีขาว */
html body .lt-topnav-item .lt-topnav-icon,
html body .lt-topnav-item:hover:not(.active) .lt-topnav-icon,
html body .lt-topnav-item.active .lt-topnav-icon { filter: brightness(0) invert(1) !important; }
html body .lt-topnav-burger,
html body .lt-topnav-burger i { color: #FFFFFF !important; }
html body .lt-topnav-burger:hover { background: rgba(255, 255, 255, 0.14) !important; }
/* ยอดเงิน: แคปซูลขาว ตัวเลขแดงเข้ม */
html body .lt-balance { background: #FFFFFF !important; border: none !important; }
html body .lt-balance-amount { color: #B91C1C !important; }

/* ---------- หัวเว็บ (หน้าแรก / ล็อกอิน / สมัคร) ---------- */
html body .appbar { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; border-bottom: none !important; color: #FFFFFF !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important; }
html body .appbar-hamburger,
html body .appbar-hamburger i { color: #FFFFFF !important; }
html body .appbar-hamburger svg [fill]:not([fill="none"]) { fill: #FFFFFF !important; }
html body .appbar-hamburger svg [stroke]:not([stroke="none"]) { stroke: #FFFFFF !important; }
html body .appbar-btn-login,
html body .appbar-btn-login:link,
html body .appbar-btn-login:visited { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.85) !important; color: #FFFFFF !important; }
html body .appbar-btn-login i { color: #FFFFFF !important; }
html body .appbar-btn-register,
html body .appbar-btn-register:link,
html body .appbar-btn-register:visited { background: #FFFFFF !important; border: 1px solid #FFFFFF !important; color: #B91C1C !important; }
html body .appbar-btn-register i { color: #B91C1C !important; }
html body .appbar-btn-login:hover { background: rgba(255, 255, 255, 0.14) !important; }
html body .appbar-btn-register:hover { background: #F5F5F5 !important; color: #B91C1C !important; }
/* ปุ่ม "เข้าสู่ระบบ" บนหัวเว็บหน้าสมัคร (.appbar-login-btn — คนละคลาสกับ .appbar-btn-login ของหน้าแรก)
 * เดิมพื้นแดง #B91C1C บนหัวเว็บแดง → กลืนกัน; ให้เป็นปุ่มขาว ตัวแดงเข้ม แบบปุ่ม "สมัคร" หน้าแรก */
html body .appbar-login-btn,
html body .appbar-login-btn:link,
html body .appbar-login-btn:visited { background: #FFFFFF !important; color: #B91C1C !important; border: none !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important; }
html body .appbar-login-btn i { color: #B91C1C !important; }
html body .appbar-login-btn:hover { background: #F5F5F5 !important; color: #B91C1C !important; filter: none !important; }

/* ---------- การ์ดลอตเตอรี่: ดำ #262626 ---------- */
html body .lt-card { background: #262626 !important; border: 1px solid #262626 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10) !important; }
html body .lt-card-bot { background: #2E2E2E !important; border-color: #2E2E2E !important; }
html body .lt-card-date { border-right-color: rgba(255, 255, 255, 0.18) !important; }
html body .lt-card-date,
html body .lt-card-date-row,
html body .lt-card-date-row i { color: #D4D4D4 !important; }
html body .lt-card-rule { background: rgba(255, 255, 255, 0.10) !important; color: #FFFFFF !important; border-color: rgba(255, 255, 255, 0.16) !important; }
html body .lt-card-status { color: #4ADE80 !important; }
html body .lt-card-status.unavail { color: rgba(255, 255, 255, 0.45) !important; }
/* ชื่อหวยเป็นแคปซูลสีตามกลุ่ม (ฟ้า/ชมพู/เขียว/แดง) → ตัวหนังสือต้องขาว */
html body .lt-card-name,
html body .lt-mb-th-name-pill { color: #FFFFFF !important; }
html body .pill-yiki-dark { background: #3A3A3A !important; }
/* ปุ่มแทง = ปุ่มหลัก แดงเข้ม #B91C1C */
html body .lt-card-bet-btn,
html body .lt-card-bet-btn:link,
html body .lt-card-bet-btn:visited { background: #B91C1C !important; color: #FFFFFF !important; }
html body .lt-card-bet-btn:hover { background: #E32321 !important; color: #FFFFFF !important; filter: none !important; }
html body .lt-card-bet-btn.disabled { background: #5A5A5A !important; color: #D4D4D4 !important; }

/* ---------- กล่อง "ผลหวยออนไลน์" หน้าแรก (.lt-results-col): พื้นแดง ตัวขาว (user สั่ง 29 ต.ค.) ----------
 * จำกัดใน .lt-results-col เท่านั้น — คลาสลูก (.lt-result-row ฯลฯ) ตั้งสีไว้สำหรับพื้นขาวในหน้า index.php */
html body .lt-results-col { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; border-color: #B91C1C !important; color: #FFFFFF !important; }
html body .lt-results-col .lt-section-head { background: #FFFFFF !important; color: #B91C1C !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; border-color: #FFFFFF !important; }
html body .lt-results-col .lt-section-head-icon { background: #B91C1C !important; border-color: #B91C1C !important; }
html body .lt-results-col .lt-section-head-icon i { color: #FFFFFF !important; }
html body .lt-results-col .lt-group-title { background: rgba(255, 255, 255, 0.16) !important; color: #FFFFFF !important; border-color: rgba(255, 255, 255, 0.28) !important; box-shadow: none !important; }
html body .lt-results-col .lt-th-card { background: #FFFFFF !important; border-color: #FFFFFF !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; }
html body .lt-results-col .lt-th-period { color: #171717 !important; border-bottom-color: rgba(0, 0, 0, 0.08) !important; }
html body .lt-results-col .lt-th-cell .lt-th-label { color: #444444 !important; }
html body .lt-results-col .lt-th-cell .lt-th-num,
html body .lt-results-col .lt-th-cell .lt-th-num-sm { background: #7F1D1D !important; color: #FFFFFF !important; }
html body .lt-results-col .lt-result-cols-head { color: rgba(255, 255, 255, 0.9) !important; }
html body .lt-results-col .lt-result-row { color: #FFFFFF !important; border-top-color: rgba(255, 255, 255, 0.16) !important; }
html body .lt-results-col .lt-result-row:first-child { border-top: none !important; }
html body .lt-results-col .lt-result-row .lt-rr-3,
html body .lt-results-col .lt-result-row .lt-rr-2 { color: #FFFFFF !important; }
html body .lt-results-col .lt-result-row.lt-rr-empty .lt-rr-3,
html body .lt-results-col .lt-result-row.lt-rr-empty .lt-rr-2 { color: rgba(255, 255, 255, 0.7) !important; }
html body .lt-results-col .lt-results-body::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.45) !important; }

/* ---------- ปุ่ม "สมัครสมาชิก" ใน hero หน้าแรก: ขอบ + ตัวหนังสือแดงเข้ม (เดิมขอบขาว 3px บนพื้นขาว ตัวดำ) ---------- */
html body .lt-hero-btn-register,
html body .lt-hero-btn-register:link,
html body .lt-hero-btn-register:visited { border-color: #B91C1C !important; color: #B91C1C !important; }
html body .lt-hero-btn-register i { color: #B91C1C !important; }
html body .lt-hero-btn-register:hover { background: rgba(185, 28, 28, 0.06) !important; border-color: #B91C1C !important; color: #B91C1C !important; }

/* ---------- กล่อง "เกมส์ใหม่มาแรง" หน้าแรก (.lt-games-col): พื้นแดง ตัวขาว — ชุดเดียวกับกล่องผลหวย ---------- */
html body .lt-games-col { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; border-color: #B91C1C !important; color: #FFFFFF !important; }
html body .lt-games-col .lt-section-head { background: #FFFFFF !important; color: #B91C1C !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; border-color: #FFFFFF !important; }
html body .lt-games-col .lt-section-head-icon { background: #B91C1C !important; border-color: #B91C1C !important; }
html body .lt-games-col .lt-section-head-icon i { color: #FFFFFF !important; }
html body .lt-games-col .lt-game-card { background: #7F1D1D !important; border-color: rgba(255, 255, 255, 0.2) !important; }
html body .lt-games-col .lt-game-card:hover { border-color: rgba(255, 255, 255, 0.65) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important; }
html body .lt-games-col .lt-game-thumb { background: #7F1D1D !important; }
html body .lt-games-col .lt-game-name { background: #7F1D1D !important; color: #FFFFFF !important; border-top-color: rgba(255, 255, 255, 0.16) !important; }
html body .lt-games-col .lt-games-body::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.45) !important; }

/* ---------- ผลหวยไทยบนมือถือ (.lt-mb-results-wrap) — ชุดเดียวกับกล่องผลหวยบนจอคอม ----------
 * กรอบรวมแดง · หัวข้อแคปซูลขาวตัวแดง · การ์ดหวยพื้นขาว · เลขผลช่องแดงเข้มตัวขาว · ปุ่มย้อนหลังแดงเข้ม */
html body .lt-mb-results-wrap { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; }
html body .lt-mb-results-wrap::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.45) !important; }
html body .lt-mb-results-wrap .lt-mb-section-title { background: #FFFFFF !important; border-color: #FFFFFF !important; color: #B91C1C !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; }
html body .lt-mb-results-wrap .lt-mb-th-card { background: #FFFFFF !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important; }
html body .lt-mb-results-wrap .lt-mb-th-history { background: #F5F5F5 !important; border-color: #E5E5E5 !important; }
html body .lt-mb-results-wrap .lt-mb-th-history-date { color: #171717 !important; }
html body .lt-mb-results-wrap .lt-mb-th-history-btn { background: #B91C1C !important; color: #FFFFFF !important; }
html body .lt-mb-results-wrap .lt-mb-th-cell { background: #F5F5F5 !important; border-color: #E5E5E5 !important; }
html body .lt-mb-results-wrap .lt-mb-th-cell-label { color: #444444 !important; }
html body .lt-mb-results-wrap .lt-mb-th-cell-num { background: #7F1D1D !important; border-color: #7F1D1D !important; color: #FFFFFF !important; }

/* ---------- หัวกล่อง/หัวกลุ่มหน้าแรก: ไม่เอาเงาตัวหนังสือ (user สั่ง 29 ต.ค.) ---------- */
html body .lt-section-head,
html body .lt-section-head *,
html body .lt-group-title { text-shadow: none !important; }

/* ---------- การ์ดฟอร์มเข้าสู่ระบบบนมือถือ (.lt-mobile-form-card): พื้นขาวเดิม ขอบแดงเข้ม (user สั่ง 29 ต.ค.) ---------- */
html body .lt-mobile-form-card { border-color: #B91C1C !important; }

/* ---------- แถบรายการฝาก-ถอนล่าสุด (.txn-compact หน้าแรก + หน้าสมาชิก): การ์ดขาว ขอบแดงเข้ม (user สั่ง 29 ต.ค.) ----------
 * เดิม border: 0 บนการ์ดขาว วางบนหน้าขาว → มองไม่เห็นขอบการ์ด · box-sizing: border-box ของ bootstrap → ขนาดการ์ดไม่เปลี่ยน */
html body .txn-compact { border: 1px solid #B91C1C !important; }

/* ---------- ไอคอนเมนู (29 ต.ค.) — แบบแอปลอตเตอรี่พลัส: ปกติเส้นขอบดำ · เลือกอยู่/กด ทึบแดง ---------- */
html body .lt-footer-item .icon i { color: #171717 !important; font-size: 22px !important; line-height: 1; filter: none !important; }
html body .lt-footer-item.active .icon i,
html body .lt-footer-item:hover .icon i { color: #E32321 !important; }
html body .lt-footer-item .name { color: #171717 !important; }
html body .lt-footer-item.active .name,
html body .lt-footer-item:hover .name { color: #E32321 !important; }
/* ปุ่มกลาง "แทงหวย": วงกลมแดง ไอคอนขาว (เดิมเป็นรูป) */
html body .lt-footer-center-btn { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; }
html body .lt-footer-center-btn i { display: inline-block !important; color: #FFFFFF !important; font-size: 26px; line-height: 1; }
/* หัวเว็บแดง: เส้นขอบขาว · เลือกอยู่ทึบขาว */
html body .lt-topnav-item i { font-size: 24px !important; line-height: 1; }
/* เมนูลัด: เส้นขอบดำ · ชี้/กด ทึบแดง */
html body .ql-grid a i { color: #404040 !important; font-size: 26px !important; } /* ดำไม่สุด (neutral-super-darker ทางการ) */
html body .ql-grid a:hover i,
html body .ql-grid a:active i { color: #E32321 !important; }
/* ไอคอนเมนูลัด: ไล่ดำอ่อน → ดำเข้ม (user สั่ง 29 ต.ค.) · ชี้/กด = ไล่แดงทางการ
 * ฟอนต์ไอคอนวาดใน ::before → เติมไล่สีด้วย background-clip: text ที่ ::before (สี #404040 ข้างบนเป็นสำรอง) */
html body .ql-grid a i::before { background: linear-gradient(180deg, #525252 0%, #0F0F0F 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html body .ql-grid a:hover i::before,
html body .ql-grid a:active i::before { background: linear-gradient(180deg, #E32321 0%, #B51E23 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* ---------- การ์ดยอดเงิน (หน้าสมาชิก): พื้นขาวทึบ ไม่ไล่สี ขอบแดงเข้ม (user สั่ง 29 ต.ค.) ---------- */
html body .balance-card { background: #FFFFFF !important; border: 1px solid #B91C1C !important; }
html body .balance-card-status { background: #B91C1C !important; }
/* ปุ่มฝากเงิน: เขียวสด ตัวขาว (เขียวสว่างกว่านี้ตัวขาวจะอ่านไม่ออก) */
html body .dw-actions a.deposit { background: #16A34A !important; border-color: #16A34A !important; color: #FFFFFF !important; text-shadow: none !important; }
html body .dw-actions a.deposit i { color: #FFFFFF !important; }

/* ---------- ปุ่ม + ในแคปซูลยอดเงิน (หัวเว็บ): ไอคอนแดงเข้มบนแคปซูลขาว ---------- */
html body .lt-balance-plus i { color: #B91C1C !important; font-size: 20px; line-height: 1; }
html body .lt-balance-plus:hover i { color: #E32321 !important; }

/* ---------- รายการหวยใกล้ปิด: "ปิดรับ" + ปุ่ม "แทงเลย" ตัวขาว (user สั่ง 29 ต.ค.) ---------- */
html body .near-close-time,
html body .near-close-btn { color: #FFFFFF !important; }

/* ---------- การ์ดค่ายเกม: เอาเฟดขาวใต้ชื่อออก (user สั่ง 29 ต.ค.) ----------
 * ไม่มีเฟดแล้วชื่อวางบนรูปตรงๆ → ตัวขาว + เงาบาง ให้อ่านได้ทั้งรูปสว่างและมืด */
html body .provider-card .provider-footer,
html body .provider-banner-item .provider-footer { background: none !important; }
html body .provider-card .provider-name,
html body .provider-banner-item .provider-name,
html body .provider-card .provider-online,
html body .provider-banner-item .provider-online { color: #FFFFFF !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75) !important; }

/* ---------- กล่องค้นหาเกม (.gp-games-search หน้าสมาชิก): ขอบแดงเข้ม · ตอนพิมพ์แดงสด + วงจาง (user สั่ง 29 ต.ค.) ---------- */
html body .gp-games-search { border: 1px solid #B91C1C !important; background: #FFFFFF !important; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
html body .gp-games-search:focus-within { border-color: #E32321 !important; box-shadow: 0 0 0 3px rgba(227, 35, 33, 0.15) !important; }

/* ---------- หน้าแทงหวย (_play.php): เอาไล่สีที่จบด้วยขาวออก (user สั่ง 29 ต.ค.) ----------
 * ต้นเหตุ: ดีไซน์เดิมไล่ "สีเข้ม → ดำ" ตอนแปลงธีมขาวสีดำกลายเป็นขาว → ตัวหนังสือขาวจมช่วงล่าง */
/* ปุ่มประเภทการแทง: แดงเข้มทึบ · เลือกอยู่ = แดงสด + วงรอบ */
html body .lt-bet-type-btn { background: #7F1D1D !important; border-color: #7F1D1D !important; color: #FFFFFF !important; }
html body .lt-bet-type-btn:hover { border-color: #E32321 !important; }
html body .lt-bet-type-btn.active { background: #E32321 !important; border-color: #E32321 !important; color: #FFFFFF !important; box-shadow: 0 0 0 3px rgba(227, 35, 33, 0.25) !important; }
/* รายการที่เลือก: ดำเทาทึบ ตัวขาว */
html body .lt-selected-bar { background: #262626 !important; border-color: #262626 !important; }
html body .lt-selected-bar-title { color: #FFFFFF !important; }
/* เงื่อนไขการแทง: พื้นเทาอ่อน · การ์ดขาวขอบแดง · หัวการ์ดแดงทึบ */
html body .lt-rules-section { background: #F5F5F5 !important; border: 1px solid #E5E5E5 !important; }
html body .lt-rules-title { color: #171717 !important; }
html body .lt-rules-title i { color: #B91C1C !important; }
html body .lt-rule-card { background: #FFFFFF !important; border-color: #B91C1C !important; }
html body .lt-rule-card-head { background: #B91C1C !important; color: #FFFFFF !important; }
html body .lt-rule-card-body { color: #171717 !important; }
/* แถบรายการซ้าย / กล่องเวลา: ขาวทึบ */
html body .lt-sidebar { background: #FFFFFF !important; border: 1px solid #E5E5E5 !important; }
html body .lt-sidebar-head { background: #F5F5F5 !important; }
html body .lt-head-time { background: #FFFFFF !important; }
/* แท็บย่อยในหน้า "จับวิน": เทาอ่อน ตัวดำ (เดิมตัวดำบนเทาเข้ม 2:1) */
html body .lt-win-subtab { background: #F0F0F0 !important; color: #171717 !important; }
html body .lt-hot-add:disabled { color: #8A8A8A !important; }

/* ---------- หัวกลุ่มหน้าผลรางวัล (.rs-group-title): พื้นแดงทึบ ตัวขาว (user สั่ง 29 ต.ค.) ---------- */
html body .rs-group-title { background: #B91C1C !important; border-color: #B91C1C !important; color: #FFFFFF !important; box-shadow: none !important; text-shadow: none !important; }

/* ---------- แท็บที่เลือกอยู่ (.pr-tab.active — อัตราจ่าย / ป๊อปอัปอัตราจ่ายหน้าแรก / โปรโมชั่น): แดงทึบ ตัวขาว ----------
 * อัตราจ่ายเดิมตัวดำบนแดง · โปรโมชั่นเดิมพื้นขาว → ให้เหมือนกันทุกหน้า */
html body .pr-tab.active { background: #B91C1C !important; border-color: #B91C1C !important; color: #FFFFFF !important; }
html body .pr-tab.active i,
html body .pr-tab.active iconify-icon { color: #FFFFFF !important; }

/* ---------- หน้าแนะนำเพื่อน: แถบ "ส่วนแบ่งรายได้สูงสุด" — เดิมไล่เทาลงเกือบขาว ตัวขาวจม (1.1:1) → แดงทึบ ตัวขาว ---------- */
html body .af-stats-share { background: #B91C1C !important; color: #FFFFFF !important; }
html body .af-stats-share .pct { color: #FFFFFF !important; }

/* ---------- เมนูลัด (.ql-grid): เส้นขอบชัดขึ้น (user สั่ง 29 ต.ค.) — เดิมเส้นคั่น rgba(0,0,0,.06) ไม่มีกรอบนอก ----------
 * เปลี่ยนแค่สีเส้น ไม่แตะความหนา → กติกา nth-child ที่เอาเส้นขวาสุด/แถวล่างสุดออกยังทำงาน */
html body .ql-grid { border: 1px solid #D4D4D4 !important; }
html body .ql-grid a { border-right-color: #D4D4D4 !important; border-bottom-color: #D4D4D4 !important; }