:root{
  --bg: radial-gradient(circle at left 20%, rgba(255, 107, 0, 0.25) 0%, rgba(255, 107, 0, 0.1) 20%, rgba(0, 0, 0, 0) 46%), radial-gradient(circle at right 20%, rgba(239, 68, 68, 0.25) 0%, rgba(239, 68, 68, 0.1) 20%, rgba(0, 0, 0, 0) 46%), linear-gradient(180deg, #1c0602 0%, #0c0300 55%, #060100 100%);
  --text: #fff2eb;
  --muted: #d4bfa8;
  --card: #1f0701;
  --border: rgba(249, 115, 22, 0.15);
  --accent: #f97316;
  --accent2: #ef4444;
  --btn-bg: linear-gradient(135deg, #ff6b00 0%, #ff003c 100%);
  --btnText: #ffffff;
  --btn-shadow: 0 0 15px rgba(255, 107, 0, 0.4);
  --btn-shadow-hover: 0 0 25px rgba(255, 107, 0, 0.65);
  --btn-bg2: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
  --btnText2: #ffffff;
  --btn-shadow2: 0 0 12px rgba(180, 83, 9, 0.3);
  --btn-shadow-hover2: 0 0 20px rgba(180, 83, 9, 0.5);
  --radius: 18px;
  --shadow: 0 16px 40px rgba(249, 115, 22, 0.15), 0 0 30px rgba(239, 44, 68, 0.08);
}

/* === SAFE THEME OVERRIDES === */
html body{ background: var(--bg, #0b1220) !important; background-attachment: fixed !important; color: var(--text, #e8eefc) !important; }
html body a{ color: var(--accent, #22c55e) !important; }
html body a:hover{ color: var(--accent2, #06b6d4) !important; }
html body header, html body .header, html body .site-header, html body body.fixed-header .header{ background: var(--bg, #0b1220) !important; border-bottom: 1px solid var(--border, rgba(255,255,255,.10)) !important; position: relative !important; z-index: 101 !important; overflow: visible !important; }
html body footer, html body .footer, html body .site-footer{ background: rgba(0,0,0,0.2) !important; border-top: 1px solid var(--border, rgba(255,255,255,.10)) !important; }
html body .menu a, html body .nav a{ color: var(--text, #e8eefc) !important; }
html body .menu a:hover, html body .nav a:hover{ color: var(--accent, #22c55e) !important; }
html body .menu-item-has-children { position: relative !important; overflow: visible !important; }
html body .menu-item-has-children > a::after { content: ' ▾' !important; font-size: 0.85em !important; vertical-align: middle !important; display: inline-block !important; margin-left: 4px !important; transition: transform 0.25s ease !important; }
@media (min-width: 992px) {
  html body .menu-item-has-children:hover > a::after { transform: rotate(180deg) !important; }
  html body .menu-item-has-children:hover > .sub-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0) !important; }
}
html body .sub-menu { display: block !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; top: calc(100% + 4px) !important; left: 50% !important; transform: translateX(-50%) translateY(8px) !important; min-width: 220px !important; z-index: 9999 !important; padding: 8px 0 !important; margin: 0 !important; list-style: none !important; background: var(--card, #121b2e) !important; border: 1px solid var(--border, rgba(255,255,255,.10)) !important; border-radius: 8px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important; }
html body .sub-menu li { width: 100% !important; padding: 0 !important; margin: 0 !important; }
html body .sub-menu li a { display: block !important; padding: 10px 20px !important; text-decoration: none !important; text-align: left !important; font-size: 14px !important; color: var(--text, #e8eefc) !important; transition: background 0.2s, color 0.2s !important; }
html body .sub-menu li a:hover { background: rgba(255,255,255,0.05) !important; color: var(--accent, #22c55e) !important; }
@media (max-width: 991px) {
  html body .menu-item-has-children { display: block !important; width: 100% !important; }
  html body .menu-item-has-children > a { display: block !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; padding-right: 50px !important; }
  html body .menu-item-has-children > a::after { content: '▾' !important; position: absolute !important; right: 6px !important; top: 50% !important; transform: translateY(-50%) !important; height: 32px !important; width: 32px !important; font-size: 18px !important; font-weight: bold !important; color: var(--accent, #22c55e) !important; background: none !important; border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 50% !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: 0 !important; vertical-align: unset !important; line-height: 1 !important; transition: transform 0.3s ease !important; }
  html body .menu-item-has-children.active > a::after { transform: translateY(-50%) rotate(180deg) !important; }
  html body .menu-item-has-children.active > .sub-menu { max-height: 500px !important; opacity: 1 !important; }
  html body .sub-menu { display: block !important; visibility: visible !important; pointer-events: auto !important; position: static !important; transform: none !important; max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; box-shadow: none !important; padding-left: 12px !important; background: transparent !important; border: none !important; transition: max-height 0.35s ease, opacity 0.3s ease !important; }
  html body .sub-menu li a { padding: 8px 10px !important; }
}
html body .page-item, html body .main-text-wrap, html body .banner, html body .main-banner, html body .inner, html body .faq-item, html body .reviews-item .inner, html body .reviews-item, html body .reviews-item-inner{ background: var(--card, #121b2e) !important; background-image: none !important; border: 1px solid var(--border, rgba(255,255,255,.10)) !important; border-radius: var(--radius, 18px) !important; }
html body .close .inner, html body .close .inner:before, html body .close .inner:after { background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; }
html body .banner.main-banner, html body .banner{ background: var(--card, #121b2e) !important; background-image: none !important; }
html body .page-item, html body .main-text-wrap, html body .banner, html body .main-banner, html body .inner, html body .faq-item, html body .reviews-item .inner{ box-shadow: var(--shadow, 0 16px 40px rgba(0,0,0,.35)) !important; }
html body .section-title, html body .offer-title, html body h1, html body h2, html body h3{ color: var(--text, #e8eefc) !important; }
html body .offer-desc, html body .author-desc, html body .item__text, html body .faq-item-answ, html body .main-text, html body .text, html body p{ color: var(--muted, #a9b6d3) !important; }
html body .btn, html body .btn.btn-green, html body .btn-green, html body .bonus-btn.btn-green, html body .offer-btn.btn, html body .btn.offer-btn, html body .offer-btn, html body .wheel-modal-btn, html body .bonus-btn, html body .cookie-btn, html body .header-btns .btn:nth-child(2){ background: var(--btn-bg, var(--accent, #22c55e)) !important; background-image: var(--btn-bg, var(--accent, #22c55e)) !important; color: var(--btnText, #07100a) !important; border: 0 !important; border-radius: var(--radius, 18px) !important; box-shadow: var(--btn-shadow, none) !important; transition: all 0.25s ease-in-out !important; }
html body .btn:hover, html body .btn.btn-green:hover, html body .btn-green:hover, html body .bonus-btn.btn-green:hover, html body .offer-btn.btn:hover, html body .btn.offer-btn:hover, html body .offer-btn:hover, html body .wheel-modal-btn:hover, html body .bonus-btn:hover, html body .cookie-btn:hover, html body .header-btns .btn:nth-child(2):hover{ background: var(--btn-bg, var(--accent, #22c55e)) !important; background-image: var(--btn-bg, var(--accent, #22c55e)) !important; filter: brightness(1.1) !important; box-shadow: var(--btn-shadow-hover, none) !important; transform: translateY(-1px) !important; }
html body .btn-red, html body .btn.btn-red, html body .btn-blue, html body .btn-orange, html body .header-btns .btn:nth-child(1){ background: var(--btn-bg2, var(--btn-bg, var(--accent, #22c55e))) !important; background-image: var(--btn-bg2, var(--btn-bg, var(--accent, #22c55e))) !important; color: var(--btnText2, var(--btnText, #07100a)) !important; border: 0 !important; border-radius: var(--radius, 18px) !important; box-shadow: var(--btn-shadow2, none) !important; transition: all 0.25s ease-in-out !important; }
html body .btn-red:hover, html body .btn.btn-red:hover, html body .btn-blue:hover, html body .btn-orange:hover, html body .header-btns .btn:nth-child(1):hover{ background: var(--btn-bg2, var(--btn-bg, var(--accent, #22c55e))) !important; background-image: var(--btn-bg2, var(--btn-bg, var(--accent, #22c55e))) !important; filter: brightness(1.1) !important; box-shadow: var(--btn-shadow-hover2, none) !important; transform: translateY(-1px) !important; }
html body .btn.btn-outline, html body .btn-outline, html body .btn--outline{ background: transparent !important; color: var(--accent, #22c55e) !important; border: 1px solid var(--accent, #22c55e) !important; box-shadow: none !important; }
html body .faq-item-title{ color: var(--text, #e8eefc) !important; }
html body .faq-item-icon, html body .icon-angle-down{ color: var(--accent, #22c55e) !important; }
html body .faq-item.page-item{ transition: transform .15s ease; }
html body .faq-item.page-item:hover{ transform: translateY(-1px); }
html body .banner .offer-title{ color: var(--text, #e8eefc) !important; }
html body .banner .offer-desc{ color: var(--muted, #a9b6d3) !important; }
html body .banner-img img{ border-radius: var(--radius, 18px) !important; }
html body input, html body textarea, html body select{ background: var(--card, #121b2e) !important; color: var(--text, #e8eefc) !important; border: 1px solid var(--border, rgba(255,255,255,.10)) !important; border-radius: calc(var(--radius, 18px) - 6px) !important; }
html body input:focus, html body textarea:focus, html body select:focus{ outline: none !important; border-color: var(--accent2, #06b6d4) !important; box-shadow: 0 0 0 3px rgba(6,182,212,.20) !important; }