/*
 * Webold3 Red / Gold skin
 * Loaded after page-level styles so every webold3_3 route shares one palette.
 */

html:has(body.theme-webold3_3) {
  background: #050507;
}

body.theme-webold3_3 {
  color-scheme: dark;

  --rg-bg: #050507;
  --rg-bg-soft: #0a0a0e;
  --rg-surface: #111116;
  --rg-surface-2: #18181f;
  --rg-surface-3: #22222b;
  --rg-red: #a5121c;
  --rg-red-hover: #c61b28;
  --rg-red-deep: #650008;
  --rg-red-dark: #310005;
  --rg-gold: #d8b34b;
  --rg-gold-bright: #f3d77a;
  --rg-gold-soft: rgba(216, 179, 75, 0.14);
  --rg-text: #f8f2e7;
  --rg-text-dim: #b9ad99;
  --rg-border: rgba(216, 179, 75, 0.30);
  --rg-border-soft: rgba(255, 255, 255, 0.10);
  --rg-green: #12b981;
  --rg-shadow: 0 12px 32px rgba(0, 0, 0, 0.42);

  /* DB-backed and legacy tokens */
  --main-color: var(--rg-red);
  --main-color-rgb: 165, 18, 28;
  --main-color-subtle: var(--rg-gold);
  --main-color-subtle-rgb: 216, 179, 75;
  --main-text-color: var(--rg-gold-bright);
  --secondary-color: var(--rg-red-deep);
  --secondary-color-rgb: 101, 0, 8;
  --main-color-nav-mobile: var(--rg-red-deep);
  --main-color-nav-mobile-rgb: 101, 0, 8;
  --main-color-footer: var(--rg-red-dark);
  --main-color-footer-rgb: 49, 0, 5;
  --dark-gold: var(--rg-gold);

  /* Bootstrap bridge */
  --bs-body-bg: var(--rg-bg);
  --bs-body-color: var(--rg-text);
  --bs-primary: var(--rg-red);
  --bs-primary-rgb: 165, 18, 28;
  --bs-secondary: #8f8371;
  --bs-secondary-rgb: 143, 131, 113;
  --bs-warning: var(--rg-gold);
  --bs-warning-rgb: 216, 179, 75;
  --bs-info: var(--rg-gold-bright);
  --bs-info-rgb: 243, 215, 122;
  --bs-dark: var(--rg-bg-soft);
  --bs-dark-rgb: 10, 10, 14;
  --bs-link-color: var(--rg-gold-bright);
  --bs-link-hover-color: #fff0ad;
  --bs-border-color: var(--rg-border-soft);

  /* Shared modern page tokens */
  --theme-bg-deep: var(--rg-bg);
  --theme-bg-main: var(--rg-bg-soft);
  --theme-bg-card: rgba(17, 17, 22, 0.97);
  --theme-bg-elevated: rgba(24, 24, 31, 0.98);
  --theme-bg-input: rgba(8, 8, 12, 0.94);
  --theme-gold: var(--rg-gold);
  --theme-gold-bright: var(--rg-gold-bright);
  --theme-gold-shine: #fff0ad;
  --theme-gold-dim: var(--rg-gold-soft);
  --theme-gold-border: var(--rg-border);
  --theme-gold-glow: rgba(216, 179, 75, 0.20);
  --theme-cyan: var(--rg-red-deep);
  --theme-cyan-bright: var(--rg-red);
  --theme-cyan-dim: rgba(165, 18, 28, 0.15);
  --theme-cyan-border: rgba(165, 18, 28, 0.36);
  --theme-cyan-glow: rgba(165, 18, 28, 0.24);
  --theme-blue: var(--rg-surface-2);
  --theme-blue-hover: var(--rg-red-hover);
  --theme-blue-subtle: rgba(165, 18, 28, 0.14);
  --theme-navy-rgb: 165, 18, 28;
  --theme-btn-blue-top: #c61b28;
  --theme-btn-blue-bot: #720009;
  --theme-btn-blue-top-h: #df2634;
  --theme-btn-blue-bot-h: #960d17;
  --theme-btn-blue-border: rgba(243, 215, 122, 0.48);
  --theme-pill-blue-top: #bd1825;
  --theme-pill-blue-bot: #720009;
  --theme-pill-blue-rgb: 165, 18, 28;
  --theme-btn-blue-grad: linear-gradient(180deg, var(--theme-btn-blue-top), var(--theme-btn-blue-bot));
  --theme-btn-blue-grad-hover: linear-gradient(180deg, var(--theme-btn-blue-top-h), var(--theme-btn-blue-bot-h));
  --theme-tab-cream-top: var(--rg-gold-bright);
  --theme-tab-cream-bot: var(--rg-gold);
  --theme-tab-cream-border: #fff0ad;
  --theme-tab-cream-rgb: 216, 179, 75;
  --theme-tab-cream-grad: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold));
  --theme-red: #ef4651;
  --theme-red-rgb: 239, 70, 81;
  --theme-red-subtle: rgba(239, 70, 81, 0.15);
  --theme-green: var(--rg-green);
  --theme-green-rgb: 18, 185, 129;
  --theme-green-subtle: rgba(18, 185, 129, 0.14);
  --theme-amber: var(--rg-gold);
  --theme-amber-rgb: 216, 179, 75;
  --theme-amber-subtle: var(--rg-gold-soft);
  --theme-text-primary: var(--rg-text);
  --theme-text-secondary: var(--rg-text-dim);
  --theme-text-muted: rgba(248, 242, 231, 0.50);
  --theme-text-white: #ffffff;
  --theme-border-subtle: var(--rg-border-soft);
  --theme-border-mid: var(--rg-border);

  /* Lottery, account, affiliate and statement pages */
  --red-rgb: 165, 18, 28;
  --red: var(--rg-red);
  --red-hover: var(--rg-red-hover);
  --red-light: #ffd6d9;
  --red-mid: #d94652;
  --lotto-bg: transparent;
  --lotto-surface: rgba(17, 17, 22, 0.96);
  --lotto-surface-2: rgba(255, 255, 255, 0.06);
  --lotto-card: rgba(17, 17, 22, 0.98);
  --lotto-border: var(--rg-border);
  --lotto-text: var(--rg-text);
  --lotto-text-dim: var(--rg-text-dim);
  --lotto-text-inv: #1a0b00;
  --lotto-gold: var(--rg-gold);
  --lotto-gold-text: var(--rg-gold-bright);
  --lotto-gold-subtle: var(--rg-gold-soft);
  --lotto-glow: 0 0 18px rgba(216, 179, 75, 0.24);
  --lotto-pink: var(--rg-red-deep);
  --lotto-pink-subtle: rgba(165, 18, 28, 0.14);
  --lotto-red: #ef4651;
  --lotto-red-subtle: rgba(239, 70, 81, 0.15);
  --lotto-blue: var(--rg-gold-bright);
  --lotto-blue-subtle: var(--rg-gold-soft);
  /* Legacy "green" lottery tokens now map to the red/gold skin. */
  --lotto-green: var(--rg-gold);
  --lotto-green-subtle: var(--rg-gold-soft);
  --lotto-shadow: 0 4px 18px rgba(0, 0, 0, 0.36);
  --lotto-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --lotto-shadow-lg: var(--rg-shadow);

  /* Bank page */
  --bank-bg: transparent;
  --bank-surface: rgba(17, 17, 22, 0.96);
  --bank-surface-2: rgba(255, 255, 255, 0.06);
  --bank-border: var(--rg-border);
  --bank-text: var(--rg-text);
  --bank-text-dim: var(--rg-text-dim);
  --bank-text-inv: #1a0b00;
  --bank-gold: var(--rg-gold);
  --bank-gold-subtle: var(--rg-gold-soft);
  --bank-red: #ef4651;
  --bank-red-subtle: rgba(239, 70, 81, 0.15);
  --bank-blue: var(--rg-gold-bright);
  --bank-blue-subtle: var(--rg-gold-soft);
  --bank-green: var(--rg-green);
  --bank-green-subtle: rgba(18, 185, 129, 0.14);
  --bank-glow: 0 0 18px rgba(216, 179, 75, 0.24);
  --bank-shadow: 0 4px 18px rgba(0, 0, 0, 0.36);
  --bank-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --bank-shadow-lg: var(--rg-shadow);

  /* Casino pages */
  --casino-bg: transparent;
  --casino-surface: rgba(17, 17, 22, 0.96);
  --casino-surface-2: rgba(255, 255, 255, 0.06);
  --casino-card: rgba(17, 17, 22, 0.98);
  --casino-border: var(--rg-border);
  --casino-text: var(--rg-text);
  --casino-text-dim: var(--rg-text-dim);
  --casino-text-inv: #1a0b00;
  --casino-gold: var(--rg-gold);
  --casino-gold-subtle: var(--rg-gold-soft);
  --casino-red: var(--rg-red);
  --casino-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.30);

  /* Promotion pages */
  --promo-bg: transparent;
  --promo-surface: rgba(17, 17, 22, 0.96);
  --promo-surface-2: rgba(255, 255, 255, 0.06);
  --promo-card: rgba(17, 17, 22, 0.98);
  --promo-border: var(--rg-border);
  --promo-text: var(--rg-text);
  --promo-text-dim: var(--rg-text-dim);
  --promo-gold: var(--rg-gold);
  --promo-gold-subtle: var(--rg-gold-soft);
  --promo-red: var(--rg-red);
  --promo-green: var(--rg-green);
  --promo-shadow: 0 4px 18px rgba(0, 0, 0, 0.36);

  /* Register v2 */
  --sr-bg-main: var(--rg-bg);
  --sr-card: var(--rg-surface);
  --sr-surface: var(--rg-surface-2);
  --sr-surface-hov: var(--rg-surface-3);
  --sr-input: #09090d;
  --sr-gold: var(--rg-red);
  --sr-gold-bright: var(--rg-gold);
  --sr-gold-text: var(--rg-gold-bright);
  --sr-gold-text-hover: #fff0ad;
  --sr-gold-dim: rgba(216, 179, 75, 0.14);
  --sr-gold-border: var(--rg-border);
  --sr-glow: rgba(216, 179, 75, 0.22);
  --sr-ink: var(--rg-text);
  --sr-ink-soft: var(--rg-text-dim);
  --sr-ink-muted: rgba(248, 242, 231, 0.46);
  --sr-on-gold: #ffffff;
  --sr-border: var(--rg-border-soft);
  --sr-red: #ef4651;
  --sr-grad-btn: linear-gradient(135deg, var(--rg-red-hover), var(--rg-red-deep));
  --sr-grad-head: linear-gradient(160deg, var(--rg-red), var(--rg-red-deep) 72%);
  --sr-grad-page: radial-gradient(ellipse 80% 45% at 50% -5%, rgba(165, 18, 28, 0.28), transparent 64%);
}

body.theme-webold3_3,
body.theme-webold3_3 .lotto-page,
body.theme-webold3_3 .bank-page,
body.theme-webold3_3 .casino-page,
body.theme-webold3_3 .promo-page,
body.theme-webold3_3 .stmt-page,
body.theme-webold3_3 .aff-page,
body.theme-webold3_3 .accedit-page,
body.theme-webold3_3 .fp-page {
  background-color: var(--rg-bg) !important;
  background-image:
    radial-gradient(circle at 50% -20%, rgba(165, 18, 28, 0.20), transparent 42%),
    linear-gradient(180deg, #08080b 0%, #050507 100%) !important;
  color: var(--rg-text);
}

body.theme-webold3_3 {
  min-height: 100vh;
}

body.theme-webold3_3 a {
  color: var(--rg-gold-bright);
}

body.theme-webold3_3 a:hover,
body.theme-webold3_3 a:focus-visible {
  color: #fff0ad;
}

body.theme-webold3_3 hr {
  border-color: var(--rg-border);
  opacity: 1;
}

body.theme-webold3_3 ::selection {
  color: #fff;
  background: var(--rg-red);
}

body.theme-webold3_3 ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.theme-webold3_3 ::-webkit-scrollbar-track {
  background: var(--rg-bg);
}

body.theme-webold3_3 ::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--rg-red), var(--rg-gold));
  border-radius: 10px;
}

/* Header, shared navigation and side panel */
body.theme-webold3_3 .main-banner-background {
  background-color: var(--rg-red-deep) !important;
  background-image: linear-gradient(180deg, #7f0710 0%, #4a0006 100%) !important;
  border-bottom: 1px solid var(--rg-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
}

body.theme-webold3_3 .nav-background,
body.theme-webold3_3 .bg-main-color,
body.theme-webold3_3 .text-bg-main-color,
body.theme-webold3_3 .bg-red-gradient,
body.theme-webold3_3 .bg-gradient-darkGreen,
body.theme-webold3_3 .bg-gradient-green-darkGreen,
body.theme-webold3_3 .bg-gold-gradient,
body.theme-webold3_3 .bg-dark-gold {
  color: #fff !important;
  background-color: var(--rg-red-deep) !important;
  background-image: linear-gradient(180deg, var(--rg-red) 0%, var(--rg-red-deep) 100%) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .bg-main-color-subtle,
body.theme-webold3_3 .text-bg-main-color-subtle {
  color: #1a0b00 !important;
  background-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .text-main-color,
body.theme-webold3_3 .text-main-color-subtle,
body.theme-webold3_3 .text-dark-main-color,
body.theme-webold3_3 .text-dark-gold,
body.theme-webold3_3 .text-gold,
body.theme-webold3_3 .nav-icon {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .main-banner-background .bg-main-color-subtle,
body.theme-webold3_3 .main-banner-background .showRealBalanceNav {
  color: var(--rg-green) !important;
  background: #050507 !important;
  border: 1px solid rgba(18, 185, 129, 0.42) !important;
}

body.theme-webold3_3 .header-bar {
  color: var(--rg-text) !important;
  background: linear-gradient(180deg, var(--rg-red), var(--rg-red-deep)) !important;
  border-bottom: 1px solid var(--rg-border) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.42) !important;
}

body.theme-webold3_3 .header-bar a,
body.theme-webold3_3 .header-bar a i {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 #sidepanel {
  color: var(--rg-text);
  background: var(--rg-surface) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: -14px 0 36px rgba(0, 0, 0, 0.52);
}

body.theme-webold3_3 #sidepanel .list-group-item,
body.theme-webold3_3 #sidepanel .bg-light {
  color: var(--rg-text) !important;
  background: var(--rg-surface-2) !important;
  border-color: var(--rg-border-soft) !important;
}

body.theme-webold3_3 #sidepanel .list-group-item:hover {
  color: var(--rg-gold-bright) !important;
  background: rgba(165, 18, 28, 0.26) !important;
}

body.theme-webold3_3 .nav-mobile {
  color: #fff !important;
  background: linear-gradient(180deg, #820a12 0%, #520006 100%) !important;
  border: 1px solid var(--rg-border) !important;
  border-bottom: 0 !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.48) !important;
}

body.theme-webold3_3 .nav-mobile .nav-link {
  color: #fff !important;
  border: 1px solid transparent;
  border-radius: 12px !important;
}

body.theme-webold3_3 .nav-mobile .nav-link:hover {
  color: var(--rg-gold-bright) !important;
  background: rgba(0, 0, 0, 0.18) !important;
}

body.theme-webold3_3 .nav-mobile .nav-link.active,
body.theme-webold3_3 .nav-pills .show > .nav-link {
  color: #1a0b00 !important;
  background: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold)) !important;
  border-color: #fff0ad !important;
  box-shadow: 0 0 18px rgba(216, 179, 75, 0.28);
}

body.theme-webold3_3 footer .bg-main-color-footer {
  background: linear-gradient(180deg, #4b0006, #1e0003) !important;
  border-top: 1px solid var(--rg-border);
}

body.theme-webold3_3 footer > .rounded > .bg-light,
body.theme-webold3_3 footer .bg-light:last-child {
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border-top: 1px solid var(--rg-border-soft);
}

/* Common surfaces */
body.theme-webold3_3 .bg-light,
body.theme-webold3_3 .bg-white,
body.theme-webold3_3 .bg-secondary-subtle,
body.theme-webold3_3 .bg-body-tertiary,
body.theme-webold3_3 .card,
body.theme-webold3_3 .modal-content,
body.theme-webold3_3 .dropdown-menu,
body.theme-webold3_3 .offcanvas,
body.theme-webold3_3 .toast,
body.theme-webold3_3 .popover,
body.theme-webold3_3 .accordion-item,
body.theme-webold3_3 .accordion-button,
body.theme-webold3_3 .list-group-item,
body.theme-webold3_3 .poy-list-head,
body.theme-webold3_3 .poy-list-content {
  color: var(--rg-text) !important;
  background-color: var(--rg-surface) !important;
  border-color: var(--rg-border-soft) !important;
}

body.theme-webold3_3 .card,
body.theme-webold3_3 .modal-content,
body.theme-webold3_3 .offcanvas,
body.theme-webold3_3 .accordion-item {
  border: 1px solid var(--rg-border) !important;
  box-shadow: var(--rg-shadow);
}

body.theme-webold3_3 .card-header,
body.theme-webold3_3 .card-footer,
body.theme-webold3_3 .modal-header,
body.theme-webold3_3 .modal-footer,
body.theme-webold3_3 .offcanvas-header,
body.theme-webold3_3 .accordion-button:not(.collapsed) {
  color: var(--rg-text) !important;
  background: linear-gradient(180deg, rgba(165, 18, 28, 0.90), rgba(101, 0, 8, 0.94)) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .accordion-button::after {
  filter: invert(1) sepia(1) saturate(4) hue-rotate(355deg);
}

body.theme-webold3_3 .text-dark,
body.theme-webold3_3 .text-body,
body.theme-webold3_3 .text-black {
  color: var(--rg-text) !important;
}

body.theme-webold3_3 .text-secondary,
body.theme-webold3_3 .text-muted,
body.theme-webold3_3 .form-text {
  color: var(--rg-text-dim) !important;
}

body.theme-webold3_3 .text-primary,
body.theme-webold3_3 .text-info,
body.theme-webold3_3 .text-warning {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .bg-primary,
body.theme-webold3_3 .bg-info {
  color: #fff !important;
  background-color: var(--rg-red) !important;
}

body.theme-webold3_3 .bg-warning,
body.theme-webold3_3 .bg-gold,
body.theme-webold3_3 .bg-gold2 {
  color: #1a0b00 !important;
  background-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .border,
body.theme-webold3_3 .border-light,
body.theme-webold3_3 .border-secondary,
body.theme-webold3_3 .border-dark-subtle {
  border-color: var(--rg-border-soft) !important;
}

body.theme-webold3_3 .shadow,
body.theme-webold3_3 .shadow-sm,
body.theme-webold3_3 .shadow-lg {
  box-shadow: var(--rg-shadow) !important;
}

/* Forms */
body.theme-webold3_3 .form-control,
body.theme-webold3_3 .form-select,
body.theme-webold3_3 .input-group-text,
body.theme-webold3_3 textarea,
body.theme-webold3_3 select,
body.theme-webold3_3 .select2-selection,
body.theme-webold3_3 .select2-dropdown,
body.theme-webold3_3 .select2-search__field,
body.theme-webold3_3 .dt-input {
  color: var(--rg-text) !important;
  background-color: #09090d !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .form-control::placeholder,
body.theme-webold3_3 textarea::placeholder,
body.theme-webold3_3 .select2-selection__placeholder {
  color: rgba(248, 242, 231, 0.44) !important;
}

body.theme-webold3_3 .form-control:focus,
body.theme-webold3_3 .form-select:focus,
body.theme-webold3_3 textarea:focus,
body.theme-webold3_3 select:focus,
body.theme-webold3_3 .select2-container--focus .select2-selection,
body.theme-webold3_3 .dt-input:focus {
  color: var(--rg-text) !important;
  background-color: #0d0d12 !important;
  border-color: var(--rg-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(216, 179, 75, 0.16) !important;
}

body.theme-webold3_3 .form-check-input {
  background-color: #09090d;
  border-color: var(--rg-border);
}

body.theme-webold3_3 .form-check-input:checked {
  background-color: var(--rg-red);
  border-color: var(--rg-gold);
}

/* Buttons and tabs */
body.theme-webold3_3 .btn-main-color,
body.theme-webold3_3 .btn-primary,
body.theme-webold3_3 .btn-info,
body.theme-webold3_3 .btn-dark-gold,
body.theme-webold3_3 .btn-gradient-blue,
body.theme-webold3_3 .btn-gradient-red,
body.theme-webold3_3 .reg-btn-primary,
body.theme-webold3_3 .btn-collect {
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid rgba(243, 215, 122, 0.42) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.32) !important;
}

body.theme-webold3_3 .btn-main-color:hover,
body.theme-webold3_3 .btn-primary:hover,
body.theme-webold3_3 .btn-info:hover,
body.theme-webold3_3 .btn-dark-gold:hover,
body.theme-webold3_3 .btn-gradient-blue:hover,
body.theme-webold3_3 .btn-gradient-red:hover,
body.theme-webold3_3 .reg-btn-primary:hover,
body.theme-webold3_3 .btn-collect:hover {
  color: #fff !important;
  filter: brightness(1.13);
}

body.theme-webold3_3 .btn-warning,
body.theme-webold3_3 .btn-gradient-gold,
body.theme-webold3_3 .btn-light-dark-gold,
body.theme-webold3_3 .menu-light-gold {
  color: #1a0b00 !important;
  background-color: var(--rg-gold) !important;
  background-image: linear-gradient(180deg, var(--rg-gold-bright), #b88622) !important;
  border-color: #fff0ad !important;
}

/* Public login page: replace its original green/blue inline palette. */
body.theme-webold3_3 #login button[type="submit"],
body.theme-webold3_3 #login a[href="/register"],
body.theme-webold3_3 a[href="/forgot"],
body.theme-webold3_3 .public-modal-action {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border-color: var(--rg-gold) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.34) !important;
}

body.theme-webold3_3 #login button[type="submit"] {
  color: #1a0b00 !important;
  background: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold)) !important;
}

body.theme-webold3_3 .btn-line-contact {
  color: #fff !important;
  background-color: var(--rg-green) !important;
  border-color: rgba(243, 215, 122, 0.42) !important;
}

body.theme-webold3_3 .btn-light,
body.theme-webold3_3 .btn-secondary,
body.theme-webold3_3 .btn-outline-secondary,
body.theme-webold3_3 .reg-btn-back {
  color: var(--rg-gold-bright) !important;
  background: var(--rg-surface-2) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .btn-outline-primary,
body.theme-webold3_3 .btn-outline-info,
body.theme-webold3_3 .btn-outline-warning,
body.theme-webold3_3 .btn-light-gold {
  color: var(--rg-gold-bright) !important;
  background: transparent !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .btn-outline-primary:hover,
body.theme-webold3_3 .btn-outline-info:hover,
body.theme-webold3_3 .btn-outline-warning:hover,
body.theme-webold3_3 .btn-light-gold:hover {
  color: #1a0b00 !important;
  background: var(--rg-gold) !important;
}

body.theme-webold3_3 .nav-tabs,
body.theme-webold3_3 .nav-pills:not(.nav-mobile) {
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .nav-tabs .nav-link,
body.theme-webold3_3 .nav-pills:not(.nav-mobile) .nav-link {
  color: var(--rg-text-dim);
  border-color: transparent;
}

body.theme-webold3_3 .nav-tabs .nav-link.active,
body.theme-webold3_3 .nav-pills:not(.nav-mobile) .nav-link.active {
  color: #1a0b00 !important;
  background: var(--rg-gold) !important;
  border-color: var(--rg-gold-bright) !important;
}

/* Tables and pagination */
body.theme-webold3_3 .table,
body.theme-webold3_3 table,
body.theme-webold3_3 .dataTable {
  --bs-table-bg: transparent;
  --bs-table-color: var(--rg-text);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.035);
  --bs-table-striped-color: var(--rg-text);
  --bs-table-hover-bg: rgba(165, 18, 28, 0.15);
  --bs-table-hover-color: var(--rg-text);
  color: var(--rg-text) !important;
  border-color: var(--rg-border-soft) !important;
}

body.theme-webold3_3 thead,
body.theme-webold3_3 th {
  color: var(--rg-gold-bright) !important;
  background: rgba(101, 0, 8, 0.62) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 td {
  color: var(--rg-text) !important;
  border-color: var(--rg-border-soft) !important;
}

body.theme-webold3_3 .page-link {
  color: var(--rg-gold-bright);
  background: var(--rg-surface);
  border-color: var(--rg-border);
}

body.theme-webold3_3 .active > .page-link,
body.theme-webold3_3 .page-link.active {
  color: #fff;
  background: var(--rg-red);
  border-color: var(--rg-gold);
}

/* Alerts, badges and SweetAlert */
body.theme-webold3_3 .alert-primary,
body.theme-webold3_3 .alert-info,
body.theme-webold3_3 .alert-warning {
  color: var(--rg-gold-bright);
  background: rgba(216, 179, 75, 0.12);
  border-color: var(--rg-border);
}

body.theme-webold3_3 .alert-danger {
  color: #ffb7bc;
  background: rgba(165, 18, 28, 0.20);
  border-color: rgba(239, 70, 81, 0.42);
}

body.theme-webold3_3 .badge.text-bg-primary,
body.theme-webold3_3 .badge.text-bg-info {
  color: #fff !important;
  background: var(--rg-red) !important;
}

body.theme-webold3_3 .badge.text-bg-warning,
body.theme-webold3_3 .badge.text-bg-light {
  color: #1a0b00 !important;
  background: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .swal2-popup {
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: var(--rg-shadow) !important;
}

body.theme-webold3_3 .swal2-title,
body.theme-webold3_3 .swal2-html-container {
  color: var(--rg-text) !important;
}

body.theme-webold3_3 .swal2-confirm {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
}

/* Existing colourful utility classes become red / gold accents */
body.theme-webold3_3 .bg-blue,
body.theme-webold3_3 .bg-blue-1,
body.theme-webold3_3 .bg-red-1,
body.theme-webold3_3 .bg-purple-1,
body.theme-webold3_3 .bg-green,
body.theme-webold3_3 .bg-pink,
body.theme-webold3_3 .bg-cyan,
body.theme-webold3_3 .bg-lightBlue,
body.theme-webold3_3 .bg-purple,
body.theme-webold3_3 .bg-light-blue,
body.theme-webold3_3 .bg-brown,
body.theme-webold3_3 .bg-orange,
body.theme-webold3_3 .bg-gradient-purple-red,
body.theme-webold3_3 .bg-gradient-cyan-green {
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(145deg, #c52a35, #720009) !important;
}

body.theme-webold3_3 .bg-red-2,
body.theme-webold3_3 .bg-gold-red,
body.theme-webold3_3 .bg-gold-purple,
body.theme-webold3_3 .bg-gold-pink,
body.theme-webold3_3 .bg-gold-light-blue,
body.theme-webold3_3 .bg-gold-green,
body.theme-webold3_3 .bg-gold-brown,
body.theme-webold3_3 .bg-gold-orange {
  color: #fff !important;
  background: linear-gradient(145deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
}

/* Dashboard */
body.theme-webold3_3 #page-wrapper2 > div,
body.theme-webold3_3 .balance-container-background {
  color: var(--rg-text);
  background-color: var(--rg-surface) !important;
  background-image: linear-gradient(145deg, rgba(165, 18, 28, 0.32), rgba(17, 17, 22, 0.96)) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .balance-text-container {
  color: #1a0b00 !important;
  background: linear-gradient(90deg, #9a6c18, var(--rg-gold-bright), #9a6c18) !important;
}

body.theme-webold3_3 .icon-box {
  color: var(--rg-gold-bright) !important;
  background: var(--rg-surface-2) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .icon-box:hover {
  color: #fff !important;
  background: var(--rg-red-deep) !important;
}

/* Deposit page */
body.theme-webold3_3 .deposit-page {
  max-width: 1120px;
  color: var(--rg-text);
}

body.theme-webold3_3 .deposit-page .deposit-back {
  overflow: hidden;
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.32);
}

body.theme-webold3_3 .deposit-page .deposit-back a {
  color: var(--rg-gold-bright) !important;
  transition: background-color 0.18s ease, color 0.18s ease;
}

body.theme-webold3_3 .deposit-page .deposit-back a:hover {
  color: #fff !important;
  background: rgba(165, 18, 28, 0.30) !important;
}

body.theme-webold3_3 .deposit-page .deposit-shell {
  color: var(--rg-text) !important;
  background: linear-gradient(160deg, rgba(165, 18, 28, 0.13), rgba(10, 10, 14, 0.99)) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: var(--rg-shadow);
}

body.theme-webold3_3 .deposit-page .deposit-title {
  min-height: 54px;
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red), var(--rg-red-deep)) !important;
  border: 1px solid rgba(243, 215, 122, 0.46) !important;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.30) !important;
}

body.theme-webold3_3 .deposit-page .deposit-title i,
body.theme-webold3_3 .deposit-page .deposit-section-label,
body.theme-webold3_3 .deposit-page .form-group > label {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .deposit-page .deposit-content {
  color: var(--rg-text) !important;
  background: rgba(17, 17, 22, 0.94) !important;
  border: 1px solid var(--rg-border-soft) !important;
}

body.theme-webold3_3 .deposit-page .deposit-section-label {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 9px 13px;
  border-left: 4px solid var(--rg-gold);
  border-radius: 8px;
  background: rgba(101, 0, 8, 0.48) !important;
  font-size: 1rem;
  font-weight: 800;
}

body.theme-webold3_3 .deposit-page #showElementDeposit > div {
  min-width: 0;
}

body.theme-webold3_3 .deposit-page .input-container {
  position: relative;
  min-height: 92px;
  color: var(--rg-text) !important;
  background: linear-gradient(155deg, var(--rg-surface-2), var(--rg-surface)) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.28) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

body.theme-webold3_3 .deposit-page .input-container:hover {
  transform: translateY(-2px);
  border-color: var(--rg-gold-bright) !important;
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.38) !important;
}

body.theme-webold3_3 .deposit-page .input-container:has(.radio-button:checked),
body.theme-webold3_3 .deposit-page .input-container.bg-dark {
  color: #fff !important;
  background: linear-gradient(145deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 2px solid var(--rg-gold) !important;
  box-shadow: 0 0 0 3px rgba(216, 179, 75, 0.10), 0 10px 24px rgba(0, 0, 0, 0.42) !important;
}

body.theme-webold3_3 .deposit-page .input-container:has(.radio-button:checked)::after,
body.theme-webold3_3 .deposit-page .input-container.bg-dark::after {
  content: "\2713";
  position: absolute;
  top: 7px;
  right: 7px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #1a0b00;
  background: var(--rg-gold-bright);
  border-radius: 50%;
  font-weight: 900;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.34);
}

body.theme-webold3_3 .deposit-page .input-container i:not(.text-danger),
body.theme-webold3_3 .deposit-page .radio-tile-label {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .deposit-page .input-container .badge {
  color: var(--rg-text) !important;
  background: rgba(0, 0, 0, 0.26) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .deposit-page #truemoneyElement,
body.theme-webold3_3 .deposit-page #bankElement,
body.theme-webold3_3 .deposit-page [id^="qrcode"][id$="Element"] {
  padding: clamp(12px, 2.5vw, 22px) !important;
  color: var(--rg-text) !important;
  background: linear-gradient(155deg, rgba(165, 18, 28, 0.10), var(--rg-surface)) !important;
  border: 1px solid var(--rg-border) !important;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.30);
}

body.theme-webold3_3 .deposit-page .alert-light,
body.theme-webold3_3 .deposit-page #mypayTransferSection > .alert,
body.theme-webold3_3 .deposit-page #betpayPaymentSection > .alert {
  color: var(--rg-text) !important;
  background: var(--rg-surface-2) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .deposit-page .dep-notice,
body.theme-webold3_3 .deposit-page .dep-amount-box {
  color: var(--rg-gold-bright) !important;
  background: rgba(216, 179, 75, 0.10) !important;
  border: 1px solid var(--rg-border) !important;
  border-radius: 12px;
  padding: 12px;
}

body.theme-webold3_3 .deposit-page .dep-notice-label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  color: var(--rg-gold-bright) !important;
  font-weight: 800;
}

body.theme-webold3_3 .deposit-page .step-container {
  min-height: 46px;
  align-items: center;
}

body.theme-webold3_3 .deposit-page .step-circle {
  z-index: 2;
  color: #1a0b00 !important;
  background: var(--rg-gold) !important;
  border: 3px solid var(--rg-red-deep) !important;
  box-shadow: 0 0 0 2px var(--rg-gold);
}

body.theme-webold3_3 .deposit-page .progress {
  height: 8px;
  background: var(--rg-surface-3) !important;
}

body.theme-webold3_3 .deposit-page .progress-bar {
  background: linear-gradient(90deg, var(--rg-red), var(--rg-gold)) !important;
}

body.theme-webold3_3 .deposit-page .btn-success:not(#btnSuccessCreateDeposit) {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-gold) !important;
}

body.theme-webold3_3 .deposit-page #btnSuccessCreateDeposit {
  color: #fff !important;
  background: var(--rg-green) !important;
  border-color: rgba(18, 185, 129, 0.56) !important;
}

body.theme-webold3_3 .deposit-page .dep-transfer-amount {
  width: min(100%, 260px);
  margin-inline: auto;
  padding: 10px 14px;
  color: #1a0b00 !important;
  background: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold)) !important;
  border: 1px solid #fff0ad;
  border-radius: 12px;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.34);
}

body.theme-webold3_3 .deposit-page .dep-transfer-warning {
  color: #ffb7bc !important;
}

body.theme-webold3_3 .deposit-page [id^="showQrcodeImage"] img,
body.theme-webold3_3 .deposit-page [id^="qrCodeContainer"] img {
  max-width: min(100%, 360px);
  margin: 12px auto;
  padding: 10px;
  background: #fff !important;
  border: 4px solid var(--rg-gold);
  border-radius: 14px;
}

body.theme-webold3_3 .deposit-page #betpayFrameWrap,
body.theme-webold3_3 .deposit-page #mypayPaymentFrame {
  background: var(--rg-surface) !important;
  border: 1px solid var(--rg-border) !important;
  border-radius: 12px;
}

/* Withdraw bank card: use a real background layer so dynamically rendered
   card content cannot cover or collapse the decorative image. */
body.theme-webold3_3 .withdraw-bank-card {
  width: 100%;
  min-height: 190px;
  aspect-ratio: 1.586 / 1;
  isolation: isolate;
  color: var(--rg-text) !important;
  background-color: var(--rg-surface) !important;
  background-image:
    linear-gradient(135deg, rgba(49, 0, 5, 0.24), rgba(5, 5, 7, 0.08)),
    url('/assets/images/ruay-bg.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  border: 1px solid var(--rg-gold) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45) !important;
}

body.theme-webold3_3 .withdraw-bank-card .card-glass {
  color: var(--rg-text) !important;
  background: rgba(5, 5, 7, 0.68) !important;
  border: 1px solid rgba(243, 215, 122, 0.30) !important;
  backdrop-filter: blur(5px);
}

body.theme-webold3_3 input[id^="raiobank"]:checked + label .withdraw-bank-card {
  border: 2px solid var(--rg-gold-bright) !important;
  box-shadow: 0 0 0 3px rgba(216, 179, 75, 0.14), 0 12px 28px rgba(0, 0, 0, 0.48) !important;
}

@media (max-width: 575.98px) {
  body.theme-webold3_3 .deposit-page {
    padding-inline: 8px;
  }

  body.theme-webold3_3 .deposit-page .deposit-shell,
  body.theme-webold3_3 .deposit-page .deposit-content {
    padding: 8px !important;
  }

  body.theme-webold3_3 .deposit-page .input-container {
    min-height: 82px;
  }
}

body.theme-webold3_3 #btn-dismiss-install {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-gold) !important;
}

/* Member rewards modals are loaded as a shared partial with light defaults. */
body.theme-webold3_3 #cashbackModal .modal-body,
body.theme-webold3_3 #gameCommissionModal .modal-body,
body.theme-webold3_3 .gr-member-tabs,
body.theme-webold3_3 .gr-member-tab,
body.theme-webold3_3 .gr-member-summary > div,
body.theme-webold3_3 .gr-member-table-wrap,
body.theme-webold3_3 .gr-member-empty,
body.theme-webold3_3 .gr-member-condition,
body.theme-webold3_3 .gr-member-btn-muted,
body.theme-webold3_3 .gr-member-sync,
body.theme-webold3_3 .gr-member-calc-note,
body.theme-webold3_3 .gr-member-gate {
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .gr-member-tab.active,
body.theme-webold3_3 .gr-member-btn-primary,
body.theme-webold3_3 .reward-fab,
body.theme-webold3_3 .claim-btn,
body.theme-webold3_3 .close-all-btn {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .gr-member-table th {
  color: #1a0b00 !important;
  background: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold)) !important;
}

body.theme-webold3_3 .gr-member-table td,
body.theme-webold3_3 .gr-member-summary b,
body.theme-webold3_3 .gr-member-reward strong {
  color: var(--rg-text) !important;
}

/* Free lottery */
body.theme-webold3_3 .lotteryfree-page {
  min-height: 52vh;
  color: var(--rg-text) !important;
  background: transparent !important;
}

body.theme-webold3_3 .lotteryfree-backbar,
body.theme-webold3_3 .lotteryfree-shell {
  color: var(--rg-text) !important;
  background: rgba(10, 10, 14, 0.96) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: var(--rg-shadow) !important;
}

body.theme-webold3_3 .lotteryfree-back {
  color: var(--rg-gold-bright) !important;
  cursor: pointer;
}

body.theme-webold3_3 .lotteryfree-back:hover {
  color: #fff0ad !important;
  background: var(--rg-gold-soft) !important;
}

body.theme-webold3_3 .lotteryfree-panel,
body.theme-webold3_3 .lotteryfree-ticket {
  color: var(--rg-text) !important;
  background-color: var(--rg-surface) !important;
  background-image: linear-gradient(150deg, rgba(165, 18, 28, 0.22), rgba(17, 17, 22, 0.98) 62%) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.38) !important;
}

body.theme-webold3_3 .lotteryfree-panel hr {
  border-color: var(--rg-gold) !important;
  opacity: 0.55;
}

body.theme-webold3_3 .lotteryfree-icon {
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-gold) !important;
  box-shadow: 0 5px 16px rgba(165, 18, 28, 0.34) !important;
}

body.theme-webold3_3 .lotteryfree-title {
  color: var(--rg-text) !important;
}

body.theme-webold3_3 .lotteryfree-note {
  color: #ef6872 !important;
}

body.theme-webold3_3 .lotteryfree-metric-badge,
body.theme-webold3_3 .lotteryfree-check-button {
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-gold) !important;
  box-shadow: 0 5px 15px rgba(165, 18, 28, 0.30) !important;
}

body.theme-webold3_3 .lotteryfree-total {
  color: var(--rg-gold-bright) !important;
  text-shadow: 0 0 14px rgba(216, 179, 75, 0.22);
}

body.theme-webold3_3 .lotteryfree-grid {
  row-gap: 12px;
}

body.theme-webold3_3 .lotteryfree-ticket {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.theme-webold3_3 .lotteryfree-ticket:hover {
  border-color: var(--rg-gold-bright) !important;
  box-shadow: 0 10px 28px rgba(165, 18, 28, 0.34) !important;
}

body.theme-webold3_3 .lotteryfree-ticket-image {
  width: 100%;
  color: var(--rg-text-dim);
  background: #09090d !important;
  border: 1px solid var(--rg-border) !important;
}

body.theme-webold3_3 .lotteryfree-check-button {
  width: 100%;
  padding: 9px 14px;
  border-radius: 10px;
  font-weight: 700;
}

body.theme-webold3_3 .lotteryfree-check-button:hover,
body.theme-webold3_3 .lotteryfree-check-button:focus-visible {
  color: #fff !important;
  border-color: var(--rg-gold-bright) !important;
  filter: brightness(1.12);
}

body.theme-webold3_3:has(.lotteryfree-page) .swal2-icon.swal2-success {
  color: var(--rg-gold-bright) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3:has(.lotteryfree-page) .swal2-icon.swal2-success [class^="swal2-success-line"],
body.theme-webold3_3:has(.lotteryfree-page) .swal2-timer-progress-bar {
  background-color: var(--rg-red) !important;
}

body.theme-webold3_3:has(.lotteryfree-page) .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(216, 179, 75, 0.46) !important;
}

@media (max-width: 575.98px) {
  body.theme-webold3_3 .lotteryfree-page {
    padding-inline: 10px;
  }

  body.theme-webold3_3 .lotteryfree-grid {
    margin: 8px 0 !important;
  }

  body.theme-webold3_3 .lotteryfree-title {
    font-size: 1.15rem !important;
  }
}

/* Lottery index */
body.theme-webold3_3 .lottery-section-title {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-border) !important;
}

body.theme-webold3_3 .lottery-entry {
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border-color: var(--rg-border) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.34);
}

body.theme-webold3_3 .lottery-entry__visual,
body.theme-webold3_3 .lottery-entry__icon {
  background-color: var(--rg-red-deep) !important;
}

body.theme-webold3_3 .lottery-entry__title {
  background: linear-gradient(145deg, #bd2631, #720009) !important;
}

body.theme-webold3_3 .lottery-entry__status,
body.theme-webold3_3 .lottery-entry__status * {
  color: var(--rg-green) !important;
  text-shadow: 0 0 14px rgba(18, 185, 129, 0.28) !important;
}

/* Lottery bet pages: override the light-first stylesheet loaded by each page */
body.theme-webold3_3 .lotto-header,
body.theme-webold3_3 .lotto-timer,
body.theme-webold3_3 .lotto-section,
body.theme-webold3_3 .lotto-quick-price,
body.theme-webold3_3 .lotto-checkout,
body.theme-webold3_3 .lotto-info-bar,
body.theme-webold3_3 .lotto-rates,
body.theme-webold3_3 .lotto-mobile-actions,
body.theme-webold3_3 .bet-panel,
body.theme-webold3_3 .bet-subtype-area,
body.theme-webold3_3 .shortcut-panel-new,
body.theme-webold3_3 .payout-section-card,
body.theme-webold3_3 .win-group-panel,
body.theme-webold3_3 .bxpoy-summary,
body.theme-webold3_3 .betsheet__handle,
body.theme-webold3_3 .betsheet__body,
body.theme-webold3_3 .cpn-header,
body.theme-webold3_3 .cpn-search,
body.theme-webold3_3 .cpn-list,
body.theme-webold3_3 .cpn-footer,
body.theme-webold3_3 .cpn-card {
  color: var(--rg-text) !important;
  background-color: var(--rg-surface) !important;
  background-image: linear-gradient(160deg, rgba(165, 18, 28, 0.13), rgba(17, 17, 22, 0.98)) !important;
  border-color: var(--rg-border) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.34) !important;
}

body.theme-webold3_3 .lotto-section__head,
body.theme-webold3_3 .lotto-panel-nav,
body.theme-webold3_3 .lotto-panel-filter,
body.theme-webold3_3 .bxpoy-head,
body.theme-webold3_3 .cpn-footer__bar {
  color: var(--rg-text) !important;
  background: rgba(101, 0, 8, 0.66) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .lotto-mode__btn.active,
body.theme-webold3_3 .pill--three .pill-label,
body.theme-webold3_3 .pill--two .pill-label,
body.theme-webold3_3 .pill--run .pill-label,
body.theme-webold3_3 .pill--shuffle-3 .pill-label,
body.theme-webold3_3 .pill--shuffle-2 .pill-label,
body.theme-webold3_3 .bet-subtype-area .btn-type.activation .pill-label,
body.theme-webold3_3 .shortcut-toggle-btn,
body.theme-webold3_3 .win-catch-btn {
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .pill-rate,
body.theme-webold3_3 .lotto-header__timer-badge,
body.theme-webold3_3 .lotto-timer__clock,
body.theme-webold3_3 .lotto-quick-price__chip,
body.theme-webold3_3 .payout-rate-item {
  color: var(--rg-gold-bright) !important;
  background: var(--rg-gold-soft) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .new-number-display,
body.theme-webold3_3 .new-keypad,
body.theme-webold3_3 .new-odds-display,
body.theme-webold3_3 .new-number-stage,
body.theme-webold3_3 .win-num-stage,
body.theme-webold3_3 .lotto-numpad__btn,
body.theme-webold3_3 .lotto-price-row__input,
body.theme-webold3_3 .lotto-betlist__price-input,
body.theme-webold3_3 .bxpoy-setall__input,
body.theme-webold3_3 .cpn-search__input,
body.theme-webold3_3 .cpn-search__wrap {
  color: var(--rg-text) !important;
  background: #09090d !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .lotto-numpad__btn:hover,
body.theme-webold3_3 .new-keypad button:hover,
body.theme-webold3_3 .lotto-quick-price__chip:hover {
  color: #1a0b00 !important;
  background: var(--rg-gold) !important;
  border-color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3 .betsheet__knob,
body.theme-webold3_3 .cpn-handle-knob {
  background: var(--rg-gold) !important;
}

body.theme-webold3_3 .betsheet__handle-submit,
body.theme-webold3_3 .cpn-btn-confirm,
body.theme-webold3_3 .bxpoy-confirm,
body.theme-webold3_3 .new-handle-submit {
  color: #fff !important;
  background: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3 .bxpoy-panel {
  --bxpoy-card: var(--rg-surface) !important;
  --bxpoy-card-2: var(--rg-surface-2) !important;
  --bxpoy-border: var(--rg-border) !important;
  --bxpoy-gold: var(--rg-gold) !important;
  --bxpoy-gold-2: #b88622 !important;
  --bxpoy-blue: var(--rg-red) !important;
  --bxpoy-blue-dim: rgba(165, 18, 28, 0.16) !important;
}

/* Lucky draw and promotion widgets may receive per-campaign colours from DB.
   The active site skin deliberately keeps their chrome in the same palette. */
body.theme-webold3_3 .ldx-campaign,
body.theme-webold3_3 .ldx-vault-card {
  --accent: var(--rg-gold) !important;
  --panel-bg: linear-gradient(155deg, rgba(165, 18, 28, 0.18), var(--rg-surface)) !important;
  color: var(--rg-text) !important;
  background-color: var(--rg-surface) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .ldx-shop-card {
  --shop-accent: var(--rg-gold) !important;
  --shop-text: var(--rg-text) !important;
  --shop-button: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  --shop-button-text: #fff !important;
  color: var(--rg-text) !important;
  background: linear-gradient(155deg, rgba(165, 18, 28, 0.20), var(--rg-surface)) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3 .ldx-checkin-card {
  --ci-bg-start: #18181f !important;
  --ci-bg-end: #08080b !important;
  --ci-accent: var(--rg-gold) !important;
  --ci-text: var(--rg-text) !important;
  --ci-muted: var(--rg-text-dim) !important;
  --ci-button: var(--rg-red) !important;
  --ci-button-text: #fff !important;
  --ci-success: var(--rg-green) !important;
  --ci-danger: #ef4651 !important;
}

body.theme-webold3_3 .ldx-wheel {
  --wheel-gradient: repeating-conic-gradient(var(--rg-red) 0deg 45deg, var(--rg-gold) 45deg 90deg) !important;
  --wheel-border: linear-gradient(145deg, #fff0ad, #8c5e11) !important;
}

body.theme-webold3_3 .ldx-wheel-center-btn {
  --wheel-center: linear-gradient(180deg, var(--rg-gold-bright), var(--rg-gold)) !important;
  --wheel-center-ring: var(--rg-red-deep) !important;
  --wheel-center-text: #650008 !important;
}

body.theme-webold3_3 .ldx-wheel-center-pointer {
  --wheel-pointer-bg: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
}

body.theme-webold3_3 .ldx-cssbox-preview,
body.theme-webold3_3 .ldx-vault-card {
  --cube-panel: var(--rg-red) !important;
  --cube-side: var(--rg-red-deep) !important;
  --cube-top: #c61b28 !important;
  --cube-frame: var(--rg-gold) !important;
  --cube-corner: #8c5e11 !important;
  --cube-question: var(--rg-gold-bright) !important;
  --cube-rivet: #fff0ad !important;
  --cube-pattern: var(--rg-gold) !important;
  --cube-inner: var(--rg-surface) !important;
  --cube-glow: var(--rg-gold-bright) !important;
  --cube-front-bg: linear-gradient(145deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  --cube-side-bg: linear-gradient(145deg, var(--rg-red), #4a0006) !important;
  --cube-top-bg: linear-gradient(145deg, #df2634, var(--rg-red)) !important;
}

/* Keep semantic success green, as in the supplied reference. */
body.theme-webold3_3 .text-success,
body.theme-webold3_3 .showRealBalanceNav,
body.theme-webold3_3 #showRealBalanceNavMobile,
body.theme-webold3_3 .lotto-betlist__payout .payout-value {
  color: var(--rg-green) !important;
}

body.theme-webold3_3 .bg-success,
body.theme-webold3_3 .btn-success {
  background-color: var(--rg-green) !important;
}

/* Lottery bet pages: remove the last legacy green states from government/stock.
   JavaScript only toggles these classes, so keeping the palette here also covers
   controls created or activated after the initial page render. */
body.theme-webold3_3:has(.lotto-page) {
  --grn: var(--rg-red);
  --grn-light: var(--rg-red-hover);
  --grn-dim: rgba(165, 18, 28, 0.16);
  --grn-border: var(--rg-border);
  --grn-glow: rgba(165, 18, 28, 0.34);
}

body.theme-webold3_3:has(.lotto-page) #inline-betlist-section {
  --bxpoy-card: var(--rg-surface) !important;
  --bxpoy-card-2: var(--rg-surface-2) !important;
  --bxpoy-border: var(--rg-border) !important;
  --bxpoy-gold: var(--rg-gold) !important;
  --bxpoy-gold-2: #b88622 !important;
  --bxpoy-blue: var(--rg-red) !important;
  --bxpoy-blue-dim: rgba(165, 18, 28, 0.16) !important;
}

/* Inactive lottery controls need an explicit light foreground because the
   legacy stylesheet assigns #222/#333/#555 text to what is now a dark card. */
body.theme-webold3_3:has(.lotto-page) .play-tools {
  color: var(--rg-text) !important;
  background: var(--rg-surface) !important;
  border-color: var(--rg-border) !important;
}

body.theme-webold3_3:has(.lotto-page) .play-tools button:not(.tool-active),
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab:not(.active),
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type:not(.activation):not(.active),
body.theme-webold3_3:has(.lotto-page) .shortcut-grid-new button:not(.is-active),
body.theme-webold3_3:has(.lotto-page) .win-type-tile:not(.activation):not(.active),
body.theme-webold3_3:has(.lotto-page) .win-check-label:not(:has(input:checked)),
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn:not(.active),
body.theme-webold3_3:has(.lotto-page) .lotto-panel-nav .nav-link:not(.active),
body.theme-webold3_3:has(.lotto-page) .lotto-panel-subtab .nav-link:not(.active),
body.theme-webold3_3:has(.lotto-page) .lotto-rood__btn:not(.active),
body.theme-webold3_3:has(.lotto-page) .lotto-number-grid .panghuay_number:not(.active),
body.theme-webold3_3:has(.lotto-page) .lotto-extra-opts .btn-option:not(.activation),
body.theme-webold3_3:has(.lotto-page) .btn-type2 label:not(.activation2),
body.theme-webold3_3:has(.lotto-page) .new-keypad .num-btn,
body.theme-webold3_3:has(.lotto-page) .extra-action-btn,
body.theme-webold3_3:has(.lotto-page) .cpn-card__btn:not(.is-selected) {
  color: var(--rg-text) !important;
  background-color: var(--rg-surface-2) !important;
  background-image: none !important;
  border-color: var(--rg-border) !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.30) !important;
  opacity: 1 !important;
}

body.theme-webold3_3:has(.lotto-page) .play-tools button:not(.tool-active) span,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type:not(.activation):not(.active) .pill-label,
body.theme-webold3_3:has(.lotto-page) .win-type-tile:not(.activation):not(.active) .wt-label,
body.theme-webold3_3:has(.lotto-page) .btn-type2 label:not(.activation2) .pill-label {
  color: var(--rg-text) !important;
  opacity: 1 !important;
}

body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type:not(.activation):not(.active) .pill-rate,
body.theme-webold3_3:has(.lotto-page) .win-type-tile:not(.activation):not(.active) .wt-rate,
body.theme-webold3_3:has(.lotto-page) .btn-type2 label:not(.activation2) .pill-rate {
  color: var(--rg-gold-bright) !important;
  opacity: 1 !important;
}

body.theme-webold3_3:has(.lotto-page) .play-tools button:not(.tool-active):hover,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab:not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type:not(.activation):not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .win-type-tile:not(.activation):not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn:not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .lotto-panel-nav .nav-link:not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .lotto-rood__btn:not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .lotto-number-grid .panghuay_number:not(.active):hover,
body.theme-webold3_3:has(.lotto-page) .lotto-extra-opts .btn-option:not(.activation):hover,
body.theme-webold3_3:has(.lotto-page) .extra-action-btn:hover {
  color: var(--rg-gold-bright) !important;
  background: var(--rg-gold-soft) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3:has(.lotto-page) .new-keypad .clear-btn,
body.theme-webold3_3:has(.lotto-page) .new-keypad .del-btn {
  color: var(--rg-gold-bright) !important;
  background: rgba(165, 18, 28, 0.18) !important;
  border-color: var(--rg-border) !important;
  opacity: 1 !important;
}

body.theme-webold3_3:has(.lotto-page) .payout-rate-item .rate-item-label,
body.theme-webold3_3:has(.lotto-page) .new-odds-display__label {
  color: var(--rg-text-dim) !important;
}

body.theme-webold3_3:has(.lotto-page) .payout-section-title {
  color: var(--rg-text) !important;
}

body.theme-webold3_3:has(.lotto-page) .play-tools button i,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type .pill-rate,
body.theme-webold3_3:has(.lotto-page) .win-type-tile .wt-rate,
body.theme-webold3_3:has(.lotto-page) .win-num-stage,
body.theme-webold3_3:has(.lotto-page) .win-num-display .lotto-pin__digit,
body.theme-webold3_3:has(.lotto-page) .new-number-display .lotto-pin__digit.number-input,
body.theme-webold3_3:has(.lotto-page) #number_input .lotto-pin .number-input,
body.theme-webold3_3:has(.lotto-page) .lotto-rate-display,
body.theme-webold3_3:has(.lotto-page) .lotto-rate-display span,
body.theme-webold3_3:has(.lotto-page) .new-odds-display__value,
body.theme-webold3_3:has(.lotto-page) .payout-rate-item .rate-item-value,
body.theme-webold3_3:has(.lotto-page) .payout-lottery-badge,
body.theme-webold3_3:has(.lotto-page) .lotto-info-bar span,
body.theme-webold3_3:has(.lotto-page) .lotto-quick-price__chip,
body.theme-webold3_3:has(.lotto-page) .lotto-betlist__number,
body.theme-webold3_3:has(.lotto-page) .lotto-betlist__payout .payout-value,
body.theme-webold3_3:has(.lotto-page) .bxpoy-head__title,
body.theme-webold3_3:has(.lotto-page) .bxpoy-head__back,
body.theme-webold3_3:has(.lotto-page) .bxpoy-sumline__value,
body.theme-webold3_3:has(.lotto-page) .bxpoy-coupon__icon,
body.theme-webold3_3:has(.lotto-page) .bxpoy-row--net strong,
body.theme-webold3_3:has(.lotto-page) .bxpoy-discount,
body.theme-webold3_3:has(.lotto-page) .cpn-footer__code,
body.theme-webold3_3:has(.lotto-page) .cpn-card__remain,
body.theme-webold3_3:has(.lotto-page) .lotto-checkout__coupon .coupon-code,
body.theme-webold3_3:has(.lotto-page) .text-success {
  color: var(--rg-gold-bright) !important;
  text-shadow: none !important;
}

body.theme-webold3_3:has(.lotto-page) #selectedCodeDisplay {
  color: var(--rg-gold-bright) !important;
  background-color: var(--rg-gold-soft) !important;
  border: 1px solid var(--rg-border) !important;
}

body.theme-webold3_3:has(.lotto-page) .lotto-header__balance-badge,
body.theme-webold3_3:has(.lotto-page) .play-tools button.tool-active,
body.theme-webold3_3:has(.lotto-page) #quickClearNumber.tool-active,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type.activation,
body.theme-webold3_3:has(.lotto-page) .shortcut-grid-new button:hover,
body.theme-webold3_3:has(.lotto-page) .shortcut-grid-new button.is-active,
body.theme-webold3_3:has(.lotto-page) .win-type-tile.activation,
body.theme-webold3_3:has(.lotto-page) .win-catch-btn,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn.active,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn.nav-link.active,
body.theme-webold3_3:has(.lotto-page) .lotto-panel-nav .nav-link.active,
body.theme-webold3_3:has(.lotto-page) .lotto-panel-subtab .nav-link.active,
body.theme-webold3_3:has(.lotto-page) .lotto-rood__btn.active,
body.theme-webold3_3:has(.lotto-page) .lotto-number-grid .panghuay_number.active,
body.theme-webold3_3:has(.lotto-page) .new-keypad .num-btn:active,
body.theme-webold3_3:has(.lotto-page) .lotto-numpad__btn.num:active,
body.theme-webold3_3:has(.lotto-page) .bxpoy-setall__btn,
body.theme-webold3_3:has(.lotto-page) .bxpoy-confirm,
body.theme-webold3_3:has(.lotto-page) .betsheet__handle-submit,
body.theme-webold3_3:has(.lotto-page) .new-handle-submit,
body.theme-webold3_3:has(.lotto-page) .cpn-btn-confirm,
body.theme-webold3_3:has(.lotto-page) .cpn-card--selected .cpn-card__btn,
body.theme-webold3_3:has(.lotto-page) .btn-success {
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border-color: var(--rg-gold) !important;
  box-shadow: 0 4px 14px rgba(165, 18, 28, 0.32) !important;
}

body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type.activation .pill-label,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area .btn-type.activation .pill-rate,
body.theme-webold3_3:has(.lotto-page) .win-type-tile.activation .wt-label,
body.theme-webold3_3:has(.lotto-page) .win-type-tile.activation .wt-rate,
body.theme-webold3_3:has(.lotto-page) .play-tools button.tool-active i {
  color: #fff !important;
}

body.theme-webold3_3:has(.lotto-page) .win-check-label input[type="checkbox"] {
  accent-color: var(--rg-red) !important;
}

body.theme-webold3_3:has(.lotto-page) .win-check-label:has(input:checked),
body.theme-webold3_3:has(.lotto-page) .cpn-card--selected {
  color: var(--rg-gold-bright) !important;
  background: var(--rg-gold-soft) !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3:has(.lotto-page) .btn-outline-success {
  color: var(--rg-gold-bright) !important;
  background: transparent !important;
  border-color: var(--rg-gold) !important;
}

body.theme-webold3_3:has(.lotto-page) .btn-outline-success:hover {
  color: #fff !important;
  background: var(--rg-red) !important;
  border-color: var(--rg-gold-bright) !important;
}

/* Lottery type controls are links in several bet layouts. Keep every state
   visually button-like and remove the legacy active underline. */
body.theme-webold3_3:has(.lotto-page) a.btn-type,
body.theme-webold3_3:has(.lotto-page) a.btn-type3,
body.theme-webold3_3:has(.lotto-page) a.lotto-types__pill,
body.theme-webold3_3:has(.lotto-page) a.win-type-tile,
body.theme-webold3_3:has(.lotto-page) .lotto-extra-opts a.btn-option,
body.theme-webold3_3:has(.lotto-page) .lotto-panel-nav .nav-link,
body.theme-webold3_3:has(.lotto-page) .lotto-panel-subtab .nav-link {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active {
  text-decoration: none !important;
  border-bottom: 0 !important;
}

body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn.nav-link,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn.active,
body.theme-webold3_3:has(.lotto-page) .lotto-mode__btn.nav-link.active {
  text-decoration: none !important;
  border-bottom-width: 0 !important;
}

/* The active palette above gives controls a gold border and a downward glow.
   On compact bet buttons their lower edge reads as an underline, so suppress
   only that edge and the active/focus glow while retaining the red fill. */
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active,
body.theme-webold3_3:has(.lotto-page) .bet-subtype-area a.btn-type.activation,
body.theme-webold3_3:has(.lotto-page) a.lotto-types__pill.activation,
body.theme-webold3_3:has(.lotto-page) a.lotto-types__pill.active,
body.theme-webold3_3:has(.lotto-page) a.win-type-tile.activation,
body.theme-webold3_3:has(.lotto-page) a.win-type-tile.active {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active:hover,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active:focus,
body.theme-webold3_3:has(.lotto-page) .bet-group-tabs .group-tab.active:focus-visible {
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

body.theme-webold3_3:has(.lotto-page) a.btn-type.activation .pill-label,
body.theme-webold3_3:has(.lotto-page) a.btn-type.activation .pill-rate,
body.theme-webold3_3:has(.lotto-page) a.btn-type3.activation .pill-label,
body.theme-webold3_3:has(.lotto-page) a.btn-type3.activation .pill-rate {
  border-bottom: 0 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Lottery transaction cards render this action dynamically. The former
   outline-dark button disappeared against the dark card surface. */
body.theme-webold3_3 .lottery-transaction-page .poy-detail-btn,
body.theme-webold3_3 .lottery-transaction-page [data-action="show-detail-poy"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px;
  color: #fff !important;
  background-color: var(--rg-red) !important;
  background-image: linear-gradient(180deg, var(--rg-red-hover), var(--rg-red-deep)) !important;
  border: 1px solid var(--rg-gold) !important;
  box-shadow: 0 3px 10px rgba(165, 18, 28, 0.30) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.theme-webold3_3 .lottery-transaction-page .poy-detail-btn:hover,
body.theme-webold3_3 .lottery-transaction-page .poy-detail-btn:focus,
body.theme-webold3_3 .lottery-transaction-page .poy-detail-btn:focus-visible,
body.theme-webold3_3 .lottery-transaction-page [data-action="show-detail-poy"]:hover,
body.theme-webold3_3 .lottery-transaction-page [data-action="show-detail-poy"]:focus,
body.theme-webold3_3 .lottery-transaction-page [data-action="show-detail-poy"]:focus-visible {
  color: var(--rg-gold-bright) !important;
  background-color: var(--rg-red-hover) !important;
  background-image: linear-gradient(180deg, #c71d2a, var(--rg-red)) !important;
  border-color: var(--rg-gold-bright) !important;
  outline: 2px solid rgba(212, 160, 23, 0.30) !important;
  outline-offset: 2px;
}

body.theme-webold3_3:has(.lotto-page) div:where(.swal2-container) .swal2-popup.swal2-toast .swal2-icon.swal2-success {
  color: var(--rg-gold-bright) !important;
}

body.theme-webold3_3:has(.lotto-page) div:where(.swal2-container) .swal2-popup.swal2-toast .swal2-icon.swal2-success [class^="swal2-success-line"],
body.theme-webold3_3:has(.lotto-page) div:where(.swal2-container) .swal2-popup.swal2-toast .swal2-timer-progress-bar {
  background: var(--rg-red) !important;
}

@media (max-width: 767.98px) {
  body.theme-webold3_3 {
    padding-bottom: 76px;
  }

  body.theme-webold3_3 .nav-mobile {
    border-radius: 18px 18px 0 0 !important;
    padding: 5px 4px calc(5px + env(safe-area-inset-bottom)) !important;
  }

  body.theme-webold3_3 .nav-mobile .nav-link {
    min-height: 58px;
    font-size: 0.76rem;
    gap: 2px;
  }

  body.theme-webold3_3 .nav-mobile .nav-link i {
    font-size: 1.2rem;
  }

  body.theme-webold3_3 .main-banner-background .container {
    padding-inline: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-webold3_3 *,
  body.theme-webold3_3 *::before,
  body.theme-webold3_3 *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}