/* =========================================================
   LAMON GAME — LIGHT THEME & THEME TOGGLE STYLES
   File: assets/css/components/theme-light.css
   Phong cách: Xám Tro Dịu Mắt & Khử Chói Toàn Diện (Anti-Glare Eye-Comfort Soft Matte)
   Tuân thủ: AI_RULES_PHP_MVC.md (Rule 8)
   ========================================================= */

/* -------------------------------------------------------------
   1. THEME TOGGLE BUTTON (Áp dụng cho cả Dark & Light)
   ------------------------------------------------------------- */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Nút ở Dark Mode */
[data-theme="dark"] .theme-toggle-btn,
:root:not([data-theme="light"]) .theme-toggle-btn {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.85), rgba(15, 23, 42, 0.85));
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #f1f5f9;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .theme-toggle-btn:hover,
:root:not([data-theme="light"]) .theme-toggle-btn:hover {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(234, 88, 12, 0.25));
    border-color: rgba(245, 158, 11, 0.5);
    color: #fcd34d;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(245, 158, 11, 0.2);
}

/* Nút ở Light Mode (Chống chói: Xám ngà lì mềm, viền xám êm) */
[data-theme="light"] .theme-toggle-btn {
    background: #f1f4f8 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .theme-toggle-btn:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08) !important;
}

.theme-toggle-btn .theme-icon {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    transition: transform 0.35s ease;
}

.theme-toggle-btn:hover .theme-icon {
    transform: rotate(20deg) scale(1.15);
}

.theme-toggle-btn:active {
    transform: scale(0.96);
}

/* -------------------------------------------------------------
   2. LIGHT THEME OVERRIDES (NỀN XÁM TRO TRẦM ẤM & CHỐNG CHÓI TUYỆT ĐỐI)
   ------------------------------------------------------------- */
[data-theme="light"] {
    --tmgt-dark: #eaedf2;
    --tmgt-surface: #f4f6f9;
    --tmgt-surface-hover: #e8ecf2;
    --tmgt-card-border: #cbd5e1;
    --tmgt-card-border-glow: transparent;
    --tmgt-text-main: #0f172a;
    --tmgt-text-muted: #475569;
}

/* Khử chói nền chính: Thay nền trắng chói bằng màu xám êm dịu mắt */
[data-theme="light"],
[data-theme="light"] html,
[data-theme="light"] body,
body.light-theme {
    background: #eaedf2 !important;
    background-color: #eaedf2 !important;
    background-image: none !important;
    color: #0f172a !important;
}

[data-theme="light"] body::before,
[data-theme="light"] body::after {
    display: none !important;
}

/* Tắt các hiệu ứng phát sáng lóa mắt */
[data-theme="light"] .portal-live-dot,
[data-theme="light"] .tmgt-live-dot,
[data-theme="light"] .pulse-circle {
    box-shadow: none !important;
    animation: none !important;
    opacity: 0.9 !important;
}

/* -------------------------------------------------------------
   3. HEADER & TOPBAR (XÁM MỊN LÌ, KHÔNG BÓNG LÓA)
   ------------------------------------------------------------- */
[data-theme="light"] .portal-header,
[data-theme="light"] .tmgt-topbar,
[data-theme="light"] .event-nav-bar {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .portal-brand-name,
[data-theme="light"] .portal-logo-link {
    color: #0f172a !important;
}

/* Nút trên Header: Gam màu xám lì dịu mắt */
[data-theme="light"] .portal-header-btn.event-btn,
[data-theme="light"] .portal-header-btn.support-btn,
[data-theme="light"] .tmgt-top-event-btn {
    background: #e8ecf2 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: none !important;
}

[data-theme="light"] .portal-header-btn.event-btn:hover,
[data-theme="light"] .portal-header-btn.support-btn:hover,
[data-theme="light"] .tmgt-top-event-btn:hover {
    background: #dfe4ec !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

[data-theme="light"] .portal-badge-live,
[data-theme="light"] .event-live-badge {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #166534 !important;
    box-shadow: none !important;
}

[data-theme="light"] .tmgt-back-btn,
[data-theme="light"] .event-back-btn {
    background: #e8ecf2 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: none !important;
}

[data-theme="light"] .tmgt-back-btn:hover,
[data-theme="light"] .event-back-btn:hover {
    background: #dfe4ec !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* -------------------------------------------------------------
   4. THẺ NỘI DUNG TRANG CHỦ & CỔNG GAME (PORTAL CARDS)
   - Chống chói: Thay nền trắng tinh #ffffff bằng xám trắng ngà dịu #f4f6f9
   ------------------------------------------------------------- */
[data-theme="light"] .portal-quick-item,
[data-theme="light"] .portal-game-card,
[data-theme="light"] .portal-news-card,
[data-theme="light"] .portal-feature-item,
[data-theme="light"] .portal-benefit-box {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    color: #0f172a !important;
}

[data-theme="light"] .portal-quick-item:hover,
[data-theme="light"] .portal-game-card:hover,
[data-theme="light"] .portal-news-card:hover {
    background: #edf1f6 !important;
    border-color: #94a3b8 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.07) !important;
}

/* Quick Menu Icons dịu mắt */
[data-theme="light"] .portal-quick-icon.flame,
[data-theme="light"] .portal-quick-icon.gold,
[data-theme="light"] .portal-quick-icon.blue,
[data-theme="light"] .portal-quick-icon.green {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: none !important;
}

[data-theme="light"] .portal-quick-text h4,
[data-theme="light"] .portal-game-title,
[data-theme="light"] .portal-news-title,
[data-theme="light"] .portal-section-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .portal-section-header {
    border-bottom: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .portal-section.apps-section .portal-section-header {
    border-bottom: none !important;
}

[data-theme="light"] .portal-game-desc,
[data-theme="light"] .portal-news-desc,
[data-theme="light"] .portal-quick-text p,
[data-theme="light"] .portal-section-subtitle {
    color: #475569 !important;
}

[data-theme="light"] .portal-game-badge-hot {
    background: #fee2e2 !important;
    border: 1px solid #fca5a5 !important;
    color: #b91c1c !important;
    box-shadow: none !important;
}

/* Lưới Game Đề Xuất (App Store Style theo mẫu ảnh) ở Light Mode */
[data-theme="light"] .portal-app-thumb-wrap {
    background: #ffffff !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .portal-app-item:hover .portal-app-thumb-wrap {
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14) !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .portal-app-name {
    color: #0f172a !important;
}

[data-theme="light"] .portal-app-item:hover .portal-app-name {
    color: #2563eb !important;
}

[data-theme="light"] .portal-app-tag {
    color: #64748b !important;
}

/* Thẻ Giftcode Tân Thủ ở Light Mode */
[data-theme="light"] .portal-giftcode-card {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .portal-giftcode-card:hover {
    background: #edf1f6 !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .portal-giftcode-info h4 {
    color: #0f172a !important;
}

[data-theme="light"] .portal-giftcode-stat {
    color: #475569 !important;
}

[data-theme="light"] .portal-btn-giftcode {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    box-shadow: 0 3px 10px rgba(124, 58, 237, 0.25) !important;
    color: #ffffff !important;
}

/* Nút Chơi Ngay (Portal Play Button): Khử chói neon, dùng tone xanh hoàng gia sang trọng */
[data-theme="light"] .portal-btn-play {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.25) !important;
}

[data-theme="light"] .portal-btn-play:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
}

[data-theme="light"] .portal-btn-play.psm {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    box-shadow: 0 3px 10px rgba(124, 58, 237, 0.25) !important;
}

[data-theme="light"] .portal-btn-play.tbtt {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    box-shadow: 0 3px 10px rgba(2, 132, 199, 0.25) !important;
}

[data-theme="light"] .portal-btn-sub {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

[data-theme="light"] .portal-btn-sub:hover {
    background: #cbd5e1 !important;
    color: #0f172a !important;
}

/* -------------------------------------------------------------
   5. BỎ HOÀN TOÀN CHỮ LOAN MÀU & CHỮ CHÓI Ở LIGHT MODE
   ------------------------------------------------------------- */
[data-theme="light"] .tmgt-main-title,
[data-theme="light"] .portal-section-title,
[data-theme="light"] .tmgt-section-title,
[data-theme="light"] .tmgt-event-title,
[data-theme="light"] .event-main-title,
[data-theme="light"] .portal-slide-title,
[data-theme="light"] .bg-clip-text,
[data-theme="light"] .text-transparent {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* Tiêu đề chính game: Màu Xanh Đen Than Chì Sang Trọng, chống chói 100% */
[data-theme="light"] .tmgt-main-title,
[data-theme="light"] .event-main-title,
[data-theme="light"] h1.bg-clip-text,
[data-theme="light"] h1.text-transparent {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    text-shadow: none !important;
}

/* Tiêu đề phụ: Màu than trầm, dịu êm cho mắt */
[data-theme="light"] .tmgt-sub-title,
[data-theme="light"] .portal-section-subtitle,
[data-theme="light"] .portal-section-link,
[data-theme="light"] .event-banner-tag {
    color: #334155 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* Văn bản mô tả: Dịu mắt, êm ái khi đọc lâu */
[data-theme="light"] .tmgt-desc,
[data-theme="light"] .portal-game-desc,
[data-theme="light"] .portal-news-desc,
[data-theme="light"] .event-main-desc,
[data-theme="light"] .tmgt-event-desc,
[data-theme="light"] .tmgt-feature-desc,
[data-theme="light"] .portal-quick-text p {
    color: #475569 !important;
    line-height: 1.65 !important;
}

[data-theme="light"] .tmgt-stat-item span,
[data-theme="light"] .event-stat-label {
    color: #64748b !important;
}

[data-theme="light"] .tmgt-stat-item strong {
    color: #0f172a !important;
}

/* -------------------------------------------------------------
   6. LANDING PAGE THẦN MA GIÁNG THẾ (CARDS & BUTTONS CHỐNG CHÓI)
   ------------------------------------------------------------- */
[data-theme="light"] .tmgt-hero-card,
[data-theme="light"] .tmgt-stats-bar,
[data-theme="light"] .tmgt-features-grid > div,
[data-theme="light"] .tmgt-class-card,
[data-theme="light"] .tmgt-giftcode-card,
[data-theme="light"] .tmgt-event-card,
[data-theme="light"] .tmgt-step-item {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
    color: #0f172a !important;
}

/* Tắt tia quét sáng chói mắt trên các nút CTA */
[data-theme="light"] .tmgt-btn::after,
[data-theme="light"] .portal-btn-play::after {
    display: none !important;
}

/* Nút Tải Game Thần Ma: Khử hoàn toàn neon chói mắt, dùng tone màu mờ sang trọng */
[data-theme="light"] .tmgt-btn-android {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    border-color: #059669 !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.25) !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-ios {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-code {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    border-color: #7c3aed !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25) !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-event {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%) !important;
    border-color: #c2410c !important;
    box-shadow: 0 4px 12px rgba(194, 65, 12, 0.25) !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-fanpage {
    background: #334155 !important;
    border-color: #1e293b !important;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.2) !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-badge {
    box-shadow: none !important;
    background: #b91c1c !important;
    color: #ffffff !important;
}

[data-theme="light"] .tmgt-btn-icon-wrap {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Tags & Badges: Gam màu trầm dịu nhẹ */
[data-theme="light"] .tmgt-tag-primary,
[data-theme="light"] .tmgt-tag-gold {
    background: #e2e8f0 !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .tmgt-tag-cyan {
    background: #e0f2fe !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}

[data-theme="light"] .portal-slide-badge {
    background: #334155 !important;
    color: #ffffff !important;
}

/* Hero Carousel Slide */
[data-theme="light"] .portal-slide-overlay {
    background: linear-gradient(0deg, rgba(234, 237, 242, 0.96) 0%, rgba(234, 237, 242, 0.65) 50%, transparent 100%) !important;
}

[data-theme="light"] .portal-slider-btn {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .portal-slider-btn:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

[data-theme="light"] .portal-slider-dots {
    background: rgba(244, 246, 249, 0.9) !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .portal-dot {
    background: #cbd5e1 !important;
}

[data-theme="light"] .portal-dot.active {
    background: #334155 !important;
}

/* Chuyển các màu text gaming neon sang tông màu trầm, rõ ràng */
[data-theme="light"] .text-amber-300,
[data-theme="light"] .text-amber-400,
[data-theme="light"] .text-yellow-300 {
    color: #b45309 !important;
}

[data-theme="light"] .text-emerald-300,
[data-theme="light"] .text-emerald-400 {
    color: #047857 !important;
}

[data-theme="light"] .text-cyan-300 {
    color: #0e7490 !important;
}

[data-theme="light"] .text-blue-300,
[data-theme="light"] .text-blue-400 {
    color: #1d4ed8 !important;
}

[data-theme="light"] .text-purple-300,
[data-theme="light"] .text-purple-400 {
    color: #7e22ce !important;
}

[data-theme="light"] .text-red-300 {
    color: #b91c1c !important;
}

/* Secondary Action Buttons in Light Mode */
[data-theme="light"] .tmgt-btn-secondary {
    background: #f4f6f9 !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .tmgt-btn-secondary:hover {
    background: #e8ecf2 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

[data-theme="light"] .tmgt-btn-secondary .tmgt-btn-subtitle {
    color: #475569 !important;
}

/* Code Copy Box */
[data-theme="light"] .tmgt-code-box,
[data-theme="light"] .event-code-display {
    background: #e8ecf2 !important;
    border: 1.5px dashed #94a3b8 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* -------------------------------------------------------------
   7. SỰ KIỆN ĐUA TOP TÍNH NĂNG (DUA TOP TINH NANG KHỬ CHÓI)
   ------------------------------------------------------------- */
[data-theme="light"] .event-hero-card {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .event-hero-body {
    background: #f4f6f9 !important;
}

[data-theme="light"] .info-pill-box {
    background: #e8ecf2 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

[data-theme="light"] .info-pill-box:hover {
    background: #dfe4ec !important;
    border-color: #94a3b8 !important;
}

[data-theme="light"] .info-pill-title {
    color: #64748b !important;
}

[data-theme="light"] .info-pill-text {
    color: #0f172a !important;
}

[data-theme="light"] .event-scope-card {
    background: #fef3c7 !important;
    border: 1px solid #fde68a !important;
    border-left: 5px solid #d97706 !important;
    color: #78350f !important;
    box-shadow: none !important;
}

[data-theme="light"] .event-scope-card strong,
[data-theme="light"] .event-scope-card li {
    color: #78350f !important;
}

[data-theme="light"] .section-heading {
    color: #0f172a !important;
    text-shadow: none !important;
}

[data-theme="light"] .view-mode-toggle {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .view-mode-btn {
    color: #475569 !important;
}

[data-theme="light"] .view-mode-btn.active {
    background: #1e293b !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

[data-theme="light"] .timeline-tab-item {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .timeline-tab-item:hover {
    background: #e8ecf2 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

[data-theme="light"] .timeline-tab-item.active {
    background: #1e293b !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

[data-theme="light"] .tab-day-number {
    color: #64748b !important;
}

[data-theme="light"] .timeline-tab-item.active .tab-day-number {
    color: #cbd5e1 !important;
}

[data-theme="light"] .day-feature-card {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .day-header {
    background: #e8ecf2 !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .day-badge-title {
    color: #0f172a !important;
}

[data-theme="light"] .day-timer-tag {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

[data-theme="light"] .rank-line-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="light"] .rank-line-row:hover {
    background: #f1f4f8 !important;
}

[data-theme="light"] .reward-tag-item {
    background: #e8ecf2 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
}

/* -------------------------------------------------------------
   8. BẢNG BIỂU & DANH SÁCH (TABLES)
   ------------------------------------------------------------- */
[data-theme="light"] table thead tr {
    background: #e8ecf2 !important;
    color: #334155 !important;
    border-bottom: 2px solid #cbd5e1 !important;
}

[data-theme="light"] table tbody tr {
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] table tbody tr:hover {
    background: #edf1f6 !important;
}

[data-theme="light"] table td {
    color: #0f172a !important;
}

/* -------------------------------------------------------------
   9. FOOTER VÀ THANH ĐIỀU HƯỚNG DƯỚI (MOBILE BOTTOM BAR)
   ------------------------------------------------------------- */
[data-theme="light"] .portal-footer,
[data-theme="light"] .tmgt-footer {
    background: #f4f6f9 !important;
    border-top: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

[data-theme="light"] .portal-footer a,
[data-theme="light"] .tmgt-footer a {
    color: #1e3a8a !important;
}

[data-theme="light"] .sidebottom.fixed-bottom,
[data-theme="light"] .tmgt-download-bar {
    background: #f4f6f9 !important;
    border-top: 1px solid #cbd5e1 !important;
    box-shadow: 0 -3px 14px rgba(15, 23, 42, 0.05) !important;
}

/* -------------------------------------------------------------
   10. ĐỔI ĐIỂM (POINT EXCHANGE) LIGHT THEME
   ------------------------------------------------------------- */
[data-theme="light"] .glass-panel {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .glass-panel-card {
    background: #f4f6f9 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .glass-panel-card:hover {
    background: #edf1f6 !important;
    border-color: #94a3b8 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="search"],
[data-theme="light"] input[type="number"],
[data-theme="light"] select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

[data-theme="light"] input::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] .bg-slate-950,
[data-theme="light"] .bg-slate-900,
[data-theme="light"] .bg-slate-900\/80,
[data-theme="light"] .bg-slate-900\/90,
[data-theme="light"] .bg-slate-900\/95,
[data-theme="light"] .bg-slate-950\/60,
[data-theme="light"] .bg-slate-950\/70,
[data-theme="light"] .bg-slate-950\/80 {
    background-color: #f4f6f9 !important;
}

[data-theme="light"] .border-white\/10,
[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-slate-800 {
    border-color: #cbd5e1 !important;
}

[data-theme="light"] .text-slate-100,
[data-theme="light"] .text-slate-200 {
    color: #0f172a !important;
}

[data-theme="light"] .text-slate-400,
[data-theme="light"] .text-slate-500 {
    color: #475569 !important;
}

[data-theme="light"] #cartDrawer,
[data-theme="light"] #imageModal .relative {
    background: #f4f6f9 !important;
    color: #0f172a !important;
}