/*
 * icomoon-fix.css — KismatHub
 * 1. Fixes broken icomoon font squares
 * 2. Full light mode theme
 */

/* Fix broken icomoon font */
@font-face {
  font-family: icomoon;
  src: url('data:application/octet-stream;base64,') format('woff');
  font-weight: normal; font-style: normal; font-display: block;
}
[class^="icon-"]::before,[class*=" icon-"]::before,
[class^="icon-"]::after,[class*=" icon-"]::after {
  font-family: inherit !important; content: '' !important;
}

/* Dropdown carets */
.main-menu .navigation li.has-child>a::after,
#header-main .navigation li.has-child>a::after {
  content: '' !important; display: inline-block !important;
  width: 0 !important; height: 0 !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 5px solid currentColor !important;
  margin-left: 6px !important; vertical-align: middle !important;
  opacity: 0.7 !important; font-family: inherit !important;
}

/* Kill 404 background-images */
.section-dowload-app::after,.section-scratchcards,.wrap-section-home-2,
.section-testimonial-home-2,.section-guide,.section-testimonials,
.s-how-it-work,.page-title,.page-title-dashboard .content,
.wg-our-jackpot,.page-title-home.style-2 { background-image: none !important; }

/* ============================================================
   LIGHT MODE
   ============================================================ */
html[data-theme="light"] {
  --Bg: #f0f2f8;
  --Bg-2: #ffffff;
  --Bg-3: rgba(20,30,70,.05);
  --Bg-4: #e8ecf6; --Bg-5: #dfe4f2; --Bg-6: #f4f5fb;
  --Bg-10: #eceefa; --Bg-11: #e9ecfb; --Bg-12: #ede9f6;
  --White: #1a1a2e; --Black: #ffffff;
  --Text: #1a1a2e; --Text-2: #6b7280;
  --Text-3: rgba(90,107,140,.5); --Text-6: #4a5a78;
  --Text-7: #8593aa; --Text-8: #5a6b8c;
  --Text-9: rgba(26,26,46,.85);
  --Secondary: #5a6b8c;
  --Sub-color-4: rgba(90,107,140,.08);
  --Main-color: #fe8c45;
  --Border: rgba(20,30,70,.13); --Border-1: rgba(20,30,70,.12);
  --Border-2: rgba(90,107,140,.2); --Border-3: #dfe3ec;
  --Border-4: rgba(90,107,140,.15); --Border-5: rgba(210,215,225,1);
  --Border-6: rgba(20,30,70,.2); --backdrop: #e4e8f3;
  color-scheme: light;
}

html[data-theme="light"],
html[data-theme="light"] body {
  background-color: #f0f2f8 !important;
  color: #1a1a2e !important;
}

html[data-theme="light"] #wrapper,
html[data-theme="light"] .main-content {
  background-color: #f0f2f8 !important;
}

/* Header */
html[data-theme="light"] #header-main {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid rgba(20,30,70,.1) !important;
  box-shadow: 0 1px 8px rgba(20,30,70,.06) !important;
}
html[data-theme="light"] .main-menu .navigation>li>a,
html[data-theme="light"] .navigation li a {
  color: #1a1a2e !important;
}

/* Footer */
html[data-theme="light"] #footer {
  background: #e8ecf6 !important;
  border-top: 1px solid rgba(20,30,70,.1) !important;
}

/* All cards and panels */
html[data-theme="light"] [style*="background: var(--Bg-2)"],
html[data-theme="light"] [style*="background:var(--Bg-2)"] {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(20,30,70,.07) !important;
}

html[data-theme="light"] [style*="background: var(--Bg-3)"],
html[data-theme="light"] [style*="background:var(--Bg-3)"] {
  background: rgba(20,30,70,.05) !important;
}

/* Hardcoded dark hex backgrounds */
html[data-theme="light"] [style*="background: #131037"],
html[data-theme="light"] [style*="background:#131037"],
html[data-theme="light"] [style*="background-color: #131037"] {
  background: #ffffff !important;
}

html[data-theme="light"] [style*="background: #01011e"],
html[data-theme="light"] [style*="background:#01011e"],
html[data-theme="light"] [style*="background: #06062c"],
html[data-theme="light"] [style*="background:#06062c"],
html[data-theme="light"] [style*="background: #1b1742"],
html[data-theme="light"] [style*="background:#1b1742"],
html[data-theme="light"] [style*="background: #0b0b1e"],
html[data-theme="light"] [style*="background:#0b0b1e"],
html[data-theme="light"] [style*="background: rgba(0,0,0,0.15)"],
html[data-theme="light"] [style*="background:rgba(0,0,0,0.15)"] {
  background: rgba(20,30,70,.04) !important;
}

/* Dark gradients */
html[data-theme="light"] [style*="linear-gradient(135deg, #1a1a3e"],
html[data-theme="light"] [style*="linear-gradient(135deg,#1a1a3e"],
html[data-theme="light"] [style*="linear-gradient(135deg, #1a0f00"],
html[data-theme="light"] [style*="linear-gradient(135deg,#1a0f00"],
html[data-theme="light"] [style*="linear-gradient(135deg, #0f0f23"],
html[data-theme="light"] [style*="linear-gradient(135deg,#0f0f23"] {
  background: #ffffff !important;
}
html[data-theme="light"] [style*="linear-gradient(180deg,#0d0b2a"],
html[data-theme="light"] [style*="linear-gradient(180deg, #0d0b2a"] {
  background: #f0f2f8 !important;
}

/* White text → dark */
html[data-theme="light"] [style*="color: #fff"]:not(button):not(a):not([class*="tf-btn"]),
html[data-theme="light"] [style*="color:#fff"]:not(button):not(a):not([class*="tf-btn"]) {
  color: #1a1a2e !important;
}

/* Inputs */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: #1a1a2e !important;
  background-color: #ffffff !important;
  border-color: rgba(20,30,70,.18) !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #9aa3b5 !important; }

/* Tables */
html[data-theme="light"] table th {
  background: #eef1f8 !important; color: #1a1a2e !important;
}

/* Floating theme toggle button */
.kh-theme-toggle {
  position: fixed; bottom: 24px; left: 24px; z-index: 9998;
  width: 48px; height: 48px; border-radius: 50%;
  border: 1px solid var(--Border);
  background: var(--Bg-2);
  color: var(--Main-color);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
  transition: transform .15s;
}
.kh-theme-toggle:hover { transform: scale(1.1); }
html[data-theme="light"] { --Bg:#f0f2f8; --Bg-2:#ffffff; --Bg-3:rgba(20,30,70,.05); --White:#1a1a2e; --Secondary:#5a6b8c; --Main-color:#fe8c45; --Border:rgba(20,30,70,.13); --Border-2:rgba(90,107,140,.2); color-scheme:light; }
html[data-theme="light"] body, html[data-theme="light"] #wrapper, html[data-theme="light"] .main-content { background-color:#f0f2f8 !important; color:#1a1a2e !important; }
html[data-theme="light"] #header-main { background:rgba(255,255,255,.97) !important; border-bottom:1px solid rgba(20,30,70,.1) !important; }
html[data-theme="light"] .main-menu .navigation>li>a, html[data-theme="light"] .navigation li a { color:#1a1a2e !important; }
html[data-theme="light"] #footer { background:#e8ecf6 !important; }
html[data-theme="light"] [style*="background: var(--Bg-2)"], html[data-theme="light"] [style*="background:var(--Bg-2)"] { background:#ffffff !important; }
html[data-theme="light"] [style*="background: var(--Bg-3)"], html[data-theme="light"] [style*="background:var(--Bg-3)"] { background:rgba(20,30,70,.05) !important; }
html[data-theme="light"] [style*="background: #131037"], html[data-theme="light"] [style*="background:#131037"], html[data-theme="light"] [style*="background: #01011e"], html[data-theme="light"] [style*="background:#01011e"], html[data-theme="light"] [style*="background: #06062c"], html[data-theme="light"] [style*="background:#06062c"], html[data-theme="light"] [style*="background: #1b1742"], html[data-theme="light"] [style*="background:#1b1742"] { background:#f0f2f8 !important; }
html[data-theme="light"] [style*="linear-gradient(135deg, #1a"], html[data-theme="light"] [style*="linear-gradient(135deg,#1a"], html[data-theme="light"] [style*="linear-gradient(180deg,#0d"], html[data-theme="light"] [style*="linear-gradient(180deg, #0d"], html[data-theme="light"] [style*="rgba(0,0,0,0.15)"] { background:#f0f2f8 !important; }
html[data-theme="light"] [style*="color: #fff"]:not(button):not(a), html[data-theme="light"] [style*="color:#fff"]:not(button):not(a) { color:#1a1a2e !important; }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { color:#1a1a2e !important; background-color:#ffffff !important; border-color:rgba(20,30,70,.18) !important; }
html[data-theme="light"] table th { background:#eef1f8 !important; color:#1a1a2e !important; }
.kh-theme-toggle { position:fixed; bottom:24px; left:24px; z-index:9998; width:48px; height:48px; border-radius:50%; border:1px solid var(--Border); background:var(--Bg-2); color:var(--Main-color); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(0,0,0,.2); transition:transform .15s; }
.kh-theme-toggle:hover { transform:scale(1.1); }