/* site-theme-override — สร้างจาก panel ตอน deploy / อัปเดต */
:root {
  /* สีหลัก */
  --color-primary: #00c853;
  --color-primary-dark: #00a843;
  --color-accent: #00ff88;
  --color-accent-hover: #00cc6a;
  /* พื้นหลัง */
  --color-dark: #0f1412;
  --color-darker: #0a0e0c;
  --color-border: #1b2e1f;
  /* ข้อความ */
  --color-text: #e8f5e9;
  --color-text-muted: #a5d6a7;
  /* สถานะ */
  --color-success: #2e7d32;
  --color-danger: #c62828;
  /* Neon */
  --color-neon-green: #00ff88;
  --color-neon-green-glow: rgba(0, 255, 136, 0.35);
  /* โครงสร้าง */
  --font-main: 'Kanit', sans-serif;
  --font-heading: 'Kanit', sans-serif;
  --shadow: 0 4px 20px rgba(0,0,0,0.25);
  --radius: 12px;
  --radius-sm: 8px;
  --transition: 0.25s ease;
}

/* ─── Header ─── */
.top-header {
  background: var(--color-darker) !important;
  --th-green: var(--color-primary);
  --th-green-hi: var(--color-accent);
}
.top-header__menu-link:hover,
.top-header__menu-link--on {
  color: var(--color-accent) !important;
}
.top-header__btn--solid,
.top-header__btn--solid:focus {
  background: linear-gradient(135deg, #00c853 0%, #00a843 100%) !important;
  color: #fff !important;
}
.top-header__mobile-pill--on {
  background: var(--color-accent) !important;
}

/* ─── Hero ─── */
.main-content > .home-hero {
  background: transparent;
}

/* ─── Featured Games Strip ─── */
.main-content > .home-featured-games {
  background: var(--color-darker) !important;
}

/* ─── Promo Cards ─── */
.home-promo-card {
  background: var(--color-darker) !important;
}
.home-promo-card:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,0.4), 0 0 28px var(--color-neon-green-glow), 0 0 0 1px var(--color-accent)30 !important;
}

/* ─── Footer ─── */
.site-footer,
.site-footer-style {
  background: var(--color-darker) !important;
  border-top-color: var(--color-border) !important;
  --footer-accent: var(--color-accent);
  --footer-accent-hover: var(--color-accent-hover);
}
.site-footer-style .footer-bottom {
  border-top-color: var(--color-border) !important;
}
.site-footer-style .footer-col a:hover {
  color: var(--color-accent) !important;
}

/* ─── Mobile Bottom Nav ─── */
.mobile-bottom-nav__bar {
  background: var(--color-darker) !important;
}
.mobile-bottom-nav__link--on,
.mobile-bottom-nav__link--on .mobile-bottom-nav__label {
  color: var(--color-accent) !important;
}
.mobile-bottom-nav__hero {
  background: var(--color-accent) !important;
}



/* ─── Stitch M3 primary token (UFABET / Casino2 / text-primary) ─── */
html, body { font-family: 'Prompt', 'Noto Sans Thai', sans-serif !important; color: #ffffff !important; }
.font-body-lg,.font-body-md,.font-display-lg,.font-headline-lg,.font-headline-md,.font-headline-sm,.font-label-lg {
  font-family: 'Prompt', 'Noto Sans Thai', sans-serif !important;
}
.text-primary,
.hover\:text-primary:hover,
.group:hover .group-hover\:text-primary { color: #00c853 !important; }
.bg-primary { background-color: #00c853 !important; }
.border-primary,
.hover\:border-primary:hover { border-color: #00c853 !important; }
.border-primary\/20 { border-color: color-mix(in srgb, #00c853 20%, transparent) !important; }
.border-primary\/50 { border-color: color-mix(in srgb, #00c853 50%, transparent) !important; }
.bg-primary\/5 { background-color: color-mix(in srgb, #00c853 5%, transparent) !important; }
.bg-primary\/10 { background-color: color-mix(in srgb, #00c853 10%, transparent) !important; }
.hover\:border-primary\/50:hover { border-color: color-mix(in srgb, #00c853 50%, transparent) !important; }
.hover\:shadow-primary\/10:hover { box-shadow: 0 10px 15px color-mix(in srgb, #00c853 10%, transparent) !important; }
/* Hardcoded gold CTAs (from-[#F7E18E] via-[#D4AF37] to-[#B8860B]) */
a[data-purpose="login-button"],
a[data-purpose="register-button"].bg-gradient-to-b.from-\[\#F7E18E\],
.bg-gradient-to-b.from-\[\#F7E18E\] {
  background-image: linear-gradient(to bottom, #00c853 0%, #00a843 100%) !important;
  background-color: #00c853 !important;
  color: #ffffff !important;
}
.from-\[\#F7E18E\] { --tw-gradient-from: #00c853 var(--tw-gradient-from-position) !important; }
.via-\[\#D4AF37\] { --tw-gradient-via: #00c853 var(--tw-gradient-via-position) !important; }
.to-\[\#B8860B\] { --tw-gradient-to: #00a843 var(--tw-gradient-to-position) !important; }
.from-\[\#ef4444\] { --tw-gradient-from: #00c853 var(--tw-gradient-from-position) !important; }
.via-\[\#dc2626\] { --tw-gradient-via: #00c853 var(--tw-gradient-via-position) !important; }
.to-\[\#991b1b\] { --tw-gradient-to: #00a843 var(--tw-gradient-to-position) !important; }
.from-primary { --tw-gradient-from: #00c853 var(--tw-gradient-from-position) !important; }
.via-primary { --tw-gradient-via: #00c853 var(--tw-gradient-via-position) !important; }
.to-primary-container { --tw-gradient-to: #00a843 var(--tw-gradient-to-position) !important; }
.bg-gradient-to-b.from-primary,
.bg-gradient-to-b.from-primary.to-primary-container,
.bg-gradient-to-b.from-primary.via-primary,
.bg-gradient-to-b.from-primary.via-primary.to-primary-container,
.bg-gradient-to-b.from-\[\#ef4444\],
.bg-gradient-to-b.from-\[\#ef4444\].to-\[\#991b1b\],
.bg-gradient-to-b.from-\[\#ef4444\].via-\[\#dc2626\] {
  background-image: linear-gradient(to bottom, #00c853 0%, #00a843 100%) !important;
  background-color: #00c853 !important;
}
.text-on-primary { color: #ffffff !important; }
main .w-16.h-16.rounded-full,
main .w-12.h-12.rounded-full,
main .w-12.h-12.rounded-lg,
main .w-16.h-16.rounded-xl {
  background-image: linear-gradient(to bottom, #00c853 0%, #00a843 100%) !important;
  background-color: #00c853 !important;
}
main .material-symbols-outlined,
main .gg-mat-icon,
main .gg-mat-icon svg {
  color: #00c853 !important;
  fill: currentColor !important;
}
main .bg-gradient-to-b .material-symbols-outlined,
main .bg-gradient-to-b .gg-mat-icon,
main .bg-gradient-to-b .gg-mat-icon svg,
main .w-16.h-16 .material-symbols-outlined,
main .w-16.h-16 .gg-mat-icon,
main .w-16.h-16 svg,
main .w-12.h-12 .material-symbols-outlined,
main .w-12.h-12 .gg-mat-icon,
main .w-12.h-12 svg {
  color: #ffffff !important;
  fill: currentColor !important;
}
.bg-primary.text-\[\#3c2f00\],
.text-\[\#3c2f00\] { color: #ffffff !important; }
.text-on-surface { color: #ffffff !important; }
.text-on-surface-variant,
.font-body-lg, .font-body-md, .font-label-lg,
p, li, span.text-label-lg, span.text-label-sm {
  color: #ffffff !important;
}
h1, h2, h3, .font-headline-lg, .font-headline-md, .font-headline-sm, .font-display-lg,
h1.text-on-surface, h2.text-on-surface, h3.text-on-surface {
  color: #00c853 !important;
}
h1.text-on-surface { color: #ffffff !important; }
.prose, .prose-invert, .ufabet-article,
.prose p, .prose li, .prose-invert p, .ufabet-article p, .ufabet-article li {
  color: #ffffff !important;
}
.prose h1, .prose h2, .prose h3, .ufabet-article h1, .ufabet-article h2, .ufabet-article h3 {
  color: #00c853 !important;
}
nav[data-purpose="main-navigation"] a:not([data-purpose="register-button"]):not([data-purpose="login-button"]),
header a.text-label-lg:not([data-purpose="register-button"]):not([data-purpose="login-button"]),
[data-purpose="sticky-bottom-nav"] a,
[data-purpose="sticky-bottom-nav"] span {
  color: #ffffff !important;
}
nav[data-purpose="main-navigation"] a:not([data-purpose="register-button"]):not([data-purpose="login-button"]):hover,
header a.text-label-lg:not([data-purpose="register-button"]):not([data-purpose="login-button"]):hover {
  color: #00c853 !important;
}
a[data-purpose="register-button"].bg-white,
a[data-purpose="register-button"].text-black,
header a[data-purpose="register-button"].bg-white,
header a[data-purpose="register-button"].text-black {
  color: #111111 !important;
}
footer, footer p, footer li, footer a, footer span,
footer h3, footer h3.text-on-surface, footer .font-label-lg { color: #ffffff !important; }
footer a:hover { color: #00c853 !important; }
a.text-primary { color: #ffffff !important; }
a.text-primary:hover { color: #00c853 !important; }
[data-purpose="sitemap-list"] a,
main [data-purpose="sitemap-list"] a {
  color: #00c853 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
[data-purpose="sitemap-list"] a:hover {
  color: #ffffff !important;
}
header nav[data-purpose="main-navigation"] { margin-left: auto !important; }
header [data-purpose="header-ticker"],
header marquee {
  display: block;
  white-space: nowrap !important;
  overflow: hidden !important;
}
header a[data-purpose="register-button"],
header a[data-purpose="login-button"] {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.gg-mat-icon { font-size: 1.25rem; line-height: 1; display: inline-flex; }
.gg-mat-icon.text-4xl, .text-4xl.gg-mat-icon { font-size: 2.25rem; }
.gg-mat-icon svg { width: 1em; height: 1em; display: block; min-width: 1em; min-height: 1em; }

/* ─── Element-level overrides (casino1 & Tailwind CDN templates) ─── */