/*
 * MEGA888 black and dark-red brand theme.
 * Animated Premium Addons text intentionally has no color override here.
 */

:root {
  --mega-black: #050505;
  --mega-black-soft: #0b0b0c;
  --mega-surface: #12090b;
  --mega-surface-raised: #1b0b0f;
  --mega-red-deep: #3a050b;
  --mega-red: #8f0b1a;
  --mega-red-strong: #bd1025;
  --mega-red-bright: #e02038;
  --mega-text: #f7f3f4;
  --mega-text-muted: #cbbdc0;
  --mega-border: rgba(224, 32, 56, 0.32);
  --mega-glow: rgba(189, 16, 37, 0.28);
  color-scheme: dark;
}

html,
body {
  background-color: var(--mega-black) !important;
}

body {
  color: var(--mega-text-muted);
  background-image:
    radial-gradient(circle at 50% -10%, rgba(143, 11, 26, 0.34), transparent 35rem),
    linear-gradient(180deg, #090506 0%, var(--mega-black) 45%, #090506 100%) !important;
}

::selection {
  color: #fff;
  background: var(--mega-red-strong);
}

main.site-main,
.site-main .page-content {
  background-color: transparent !important;
}

/* Header and navigation */
.elementor-location-header {
  position: relative;
  z-index: 50;
  border-bottom: 1px solid var(--mega-border);
  background: rgba(5, 5, 5, 0.96) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55);
}

.elementor-location-header .elementor-section,
.elementor-location-header .e-con,
.elementor-location-header .elementor-widget-wrap {
  background-color: transparent !important;
  background-image: none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
  color: var(--mega-text) !important;
  transition: color 0.2s ease, text-shadow 0.2s ease, background-color 0.2s ease;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item {
  color: var(--mega-red-bright) !important;
  text-shadow: 0 0 14px var(--mega-glow);
}

.elementor-location-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after,
.elementor-location-header .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::before {
  background-color: var(--mega-red-bright) !important;
}

.elementor-location-header .elementor-nav-menu--dropdown,
.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu {
  border: 1px solid var(--mega-border) !important;
  background: rgba(8, 8, 9, 0.98) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.65);
}

.elementor-location-header .elementor-menu-toggle {
  color: #fff !important;
  border: 1px solid var(--mega-border) !important;
  background: linear-gradient(145deg, var(--mega-red-strong), var(--mega-red-deep)) !important;
}

/* The gold ring is part of the logo image. Keep that image inside the
   header so the ring does not cross the header's bottom border. */
.elementor-83 .elementor-element.elementor-element-da8ba86 > .elementor-widget-wrap,
.elementor-83 .elementor-element.elementor-element-e21fd31 > .elementor-widget-wrap {
  height: 100%;
  align-items: stretch;
}

.elementor-83 .elementor-element.elementor-element-b80fe9b,
.elementor-83 .elementor-element.elementor-element-d5c3bc8 {
  top: 3px;
  right: 0;
  bottom: 3px;
  left: 0;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}

.elementor-83 .elementor-element.elementor-element-b80fe9b > a,
.elementor-83 .elementor-element.elementor-element-d5c3bc8 > a {
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}

.elementor-83 .elementor-element.elementor-element-b80fe9b img,
.elementor-83 .elementor-element.elementor-element-d5c3bc8 img {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
}

/* Homepage zigzag article rows */
.mega-article-zigzag {
  margin: 28px 0;
}

.mega-article-zigzag .mega-article-heading {
  text-align: start;
}

.mega-article-zigzag .mega-article-heading .elementor-heading-title {
  font-family: "Inter", Sans-serif;
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
}

.mega-article-zigzag .mega-article-copy {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45em;
  color: #ffffff;
}

.mega-article-zigzag .mega-article-copy p + p {
  margin-top: 0.85em;
}

.mega-article-zigzag .mega-article-copy a,
.module-textblock a,
.carousel-description a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mega-article-zigzag img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 767px) {
  .mega-article-zigzag .mega-article-heading {
    text-align: center;
  }

  .mega-article-zigzag .mega-article-heading .elementor-heading-title {
    font-size: 26px;
  }

  .mega-article-zigzag .mega-article-copy {
    text-align: center;
    font-size: 14px;
    line-height: 1.4em;
  }
}

/* Keep existing artwork visible while replacing the old purple section color. */
main .elementor-top-section,
main .e-con.e-parent {
  background-color: var(--mega-surface) !important;
  background-blend-mode: normal !important;
}

/* Agent hero: keep dual-header subtitle inside the left content lane
   so it does not cross into the decorative graphic. */
.elementor-2501 .elementor-element.elementor-element-bd1b28d {
  background-color: #090708 !important;
  overflow: hidden;
}

.elementor-2501 .elementor-element.elementor-element-3e1ed34 {
  max-width: min(620px, 58%);
}

.elementor-2501 .elementor-element.elementor-element-3e1ed34 .premium-dual-header-wrapper,
.elementor-2501 .elementor-element.elementor-element-3e1ed34 .premium-dual-header-first-header,
.elementor-2501 .elementor-element.elementor-element-3e1ed34 .premium-dual-header-second-header {
  max-width: 100%;
}

.elementor-2501 .elementor-element.elementor-element-3e1ed34 .premium-dual-header-second-header {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 1024px) {
  .elementor-2501 .elementor-element.elementor-element-3e1ed34 {
    max-width: 85%;
  }
}

@media (max-width: 767px) {
  .elementor-2501 .elementor-element.elementor-element-3e1ed34 {
    max-width: 100%;
  }
}

main .elementor-top-section:nth-of-type(even),
main .e-con.e-parent:nth-of-type(even) {
  background-color: var(--mega-black-soft) !important;
}

main .elementor-top-section {
  border-block: 1px solid rgba(224, 32, 56, 0.07);
}

main .elementor-background-overlay {
  background-color: rgba(35, 3, 8, 0.14) !important;
  background-image: linear-gradient(135deg, rgba(5, 5, 5, 0.03), rgba(143, 11, 26, 0.12)) !important;
  mix-blend-mode: normal !important;
}

main .elementor-motion-effects-layer {
  background-color: var(--mega-surface) !important;
  background-blend-mode: normal !important;
}

/* Regular copy only. Premium animated heading colors are intentionally untouched. */
main .elementor-widget-heading .elementor-heading-title,
main .elementor-widget-icon-box .elementor-icon-box-title,
main .elementor-widget-image-box .elementor-image-box-title,
main .elementor-widget-accordion .elementor-accordion-title,
main .eael-accordion-header .eael-accordion-tab-title {
  color: var(--mega-text) !important;
}

main .elementor-widget-text-editor,
main .elementor-widget-text-editor p,
main .elementor-widget-text-editor li,
main .elementor-widget-icon-box .elementor-icon-box-description,
main .elementor-widget-image-box .elementor-image-box-description,
main .elementor-widget-testimonial,
main .elementor-widget-tabs .elementor-tab-content {
  color: var(--mega-text-muted) !important;
}

main .elementor-widget-text-editor a,
main .elementor-widget-heading a,
main .elementor-widget-icon-box a,
main .elementor-widget-image-box a,
.site-main a:not(.elementor-button):not(.premium-button):not(.premium-image-button) {
  color: #f04a5f;
}

main .elementor-widget-text-editor a:hover,
.site-main a:not(.elementor-button):not(.premium-button):not(.premium-image-button):hover {
  color: #ff7182;
}

/* Buttons and calls to action */
.elementor-button,
.wpr-button,
.premium-button:not([class*="gradient"]),
.premium-image-button:not([class*="gradient"]),
button:not(.mfp-close):not(.swiper-button-disabled),
input[type="button"],
input[type="submit"],
.btn_red,
.btn_purple,
.btn_yellow,
.wa-opt,
.tgme_action_button_new {
  color: #fff !important;
  border-color: rgba(255, 88, 108, 0.55) !important;
  background-color: var(--mega-red-strong) !important;
  background-image: linear-gradient(135deg, var(--mega-red-bright), var(--mega-red), var(--mega-red-deep)) !important;
  box-shadow: 0 10px 28px rgba(101, 3, 17, 0.4), inset 0 1px rgba(255, 255, 255, 0.12) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.elementor-button:hover,
.wpr-button:hover,
.premium-button:not([class*="gradient"]):hover,
.premium-image-button:not([class*="gradient"]):hover,
button:not(.mfp-close):hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.btn_red:hover,
.btn_purple:hover,
.btn_yellow:hover,
.wa-opt:hover,
.tgme_action_button_new:hover {
  color: #fff !important;
  filter: brightness(1.12);
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(189, 16, 37, 0.38), 0 0 20px rgba(224, 32, 56, 0.2) !important;
}

/* Cards, feature blocks, search results, and reviews */
main .elementor-widget-icon-box,
main .elementor-widget-image-box > .elementor-widget-container,
main .elementor-widget-call-to-action .elementor-cta,
.card:not(.news):not(.games):not(.forum),
.result-card,
.tk-review-card,
.carousel-panel,
.game-card,
.agent-card {
  border: 1px solid var(--mega-border) !important;
  background-color: var(--mega-surface-raised) !important;
  background-image: linear-gradient(145deg, rgba(64, 6, 14, 0.94), rgba(10, 10, 11, 0.98)) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.04) !important;
}

main .elementor-widget-icon-box:hover,
main .elementor-widget-image-box > .elementor-widget-container:hover,
.card:not(.news):not(.games):not(.forum):hover,
.result-card:hover,
.game-card:hover,
.agent-card:hover {
  border-color: rgba(224, 32, 56, 0.68) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42), 0 0 24px rgba(189, 16, 37, 0.2) !important;
}

/* Rebrand the legacy multicolor feature pills without touching animated copy. */
body main .elementor-widget-heading.box,
body main .elementor-widget-heading.box1,
body main .elementor-widget-heading.box2,
body main .elementor-widget-heading.box3,
body main .elementor-widget-heading.box4,
body main .box,
body main .box1,
body main .box2,
body main .box3,
body main .box4,
body main .box_1,
body main .box_2,
body main .box_3,
body main .box_4,
body main .color-box,
body main .mega_box,
body main .rating-review,
body main .glsr-default .glsr-review {
  border: 1px solid rgba(255, 91, 111, 0.42) !important;
  background-color: var(--mega-red-deep) !important;
  background-image: linear-gradient(100deg, #c4162d 0%, #650815 52%, #17070a 100%) !important;
  box-shadow: 0 0 20px rgba(189, 16, 37, 0.3), 0 8px 22px rgba(0, 0, 0, 0.42) !important;
}

body main .box::before,
body main .box1::before,
body main .box2::before,
body main .box3::before,
body main .box4::before,
body main .box_1::before,
body main .box_2::before,
body main .box_3::before,
body main .box_4::before {
  background: linear-gradient(105deg, #ff4058 0%, #9f0d20 45%, #35050b 100%) !important;
}

body main .box:hover,
body main .box1:hover,
body main .box2:hover,
body main .box3:hover,
body main .box4:hover,
body main .box_1:hover,
body main .box_2:hover,
body main .box_3:hover,
body main .box_4:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 28px rgba(224, 32, 56, 0.42), 0 10px 28px rgba(0, 0, 0, 0.5) !important;
}

/* Legacy page components that still carried navy or purple fills. */
body main .sidebar,
body main .breadcrumb {
  color: var(--mega-text) !important;
  border-color: var(--mega-border) !important;
  background-color: var(--mega-surface-raised) !important;
  background-image: linear-gradient(100deg, #39070e, #12090b) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34) !important;
}

.directory-wrapper .alphabet button,
.directory-wrapper .result-card .icon,
.directory-wrapper .search-bar button,
.directory-search-wrapper .search-bar button,
#directorySearchButton,
.game-btn,
.mobile-btn,
.module-controls label {
  color: #fff !important;
  border-color: rgba(255, 88, 108, 0.5) !important;
  background-color: var(--mega-red-deep) !important;
  background-image: linear-gradient(135deg, var(--mega-red-strong), var(--mega-red-deep)) !important;
}

.directory-wrapper .alphabet button:hover,
.directory-wrapper .alphabet button.active,
.directory-wrapper .search-bar button:hover,
.directory-search-wrapper .search-bar button:hover,
#directorySearchButton:hover,
.game-btn:hover,
.mobile-btn:hover,
.module-controls label:hover {
  color: #fff !important;
  background-color: var(--mega-red-strong) !important;
}

#slide1:checked ~ .module-pages .module-page-one .module-controls label[for="slide1"],
#slide2:checked ~ .module-pages .module-page-two .module-controls label[for="slide2"] {
  color: var(--mega-text-muted) !important;
  border-color: var(--mega-border) !important;
  background-color: var(--mega-black-soft) !important;
  background-image: none !important;
}

.timeline::before,
.timeline1::before {
  background-color: var(--mega-red-deep) !important;
}

body main .elementor-element-30b49eb,
body main .elementor-element-ac54190 {
  background-color: var(--mega-black-soft) !important;
  background-image: linear-gradient(180deg, #090708 0%, #3a050b 100%) !important;
}

.search-btn {
  color: #fff !important;
  border-color: rgba(255, 88, 108, 0.5) !important;
  background-color: var(--mega-red-strong) !important;
  background-image: linear-gradient(135deg, var(--mega-red-bright), var(--mega-red-deep)) !important;
}

.search-btn:hover {
  background-color: var(--mega-red-bright) !important;
}

/* Forms */
input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
textarea,
select {
  color: var(--mega-text) !important;
  border: 1px solid rgba(224, 32, 56, 0.3) !important;
  background: #0c090a !important;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.4) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--mega-red-bright) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(224, 32, 56, 0.14) !important;
}

/* Accordions, tabs, tables, and carousel controls */
.eael-adv-accordion .eael-accordion-list .eael-accordion-header,
.elementor-accordion .elementor-accordion-item .elementor-tab-title,
.elementor-tabs .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
  color: var(--mega-text) !important;
  border-color: var(--mega-border) !important;
  background: linear-gradient(90deg, var(--mega-red-deep), var(--mega-black-soft)) !important;
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-content,
.elementor-accordion .elementor-accordion-item .elementor-tab-content,
.elementor-tabs .elementor-tab-content,
.elementor-toggle .elementor-tab-content {
  color: var(--mega-text-muted) !important;
  border-color: var(--mega-border) !important;
  background: var(--mega-black-soft) !important;
}

table,
th,
td {
  border-color: var(--mega-border) !important;
}

th {
  color: #fff !important;
  background: var(--mega-red-deep) !important;
}

td {
  color: var(--mega-text-muted) !important;
  background: rgba(12, 9, 10, 0.92) !important;
}

.swiper-pagination-bullet-active,
.swiper-pagination-progressbar-fill {
  background-color: var(--mega-red-bright) !important;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #6f2731 !important;
}

.swiper-button-prev,
.swiper-button-next,
.elementor-swiper-button,
.carousel-nav label,
label.nav-left,
label.nav-right,
.carousel-panel label,
.slider-panel label {
  color: #fff !important;
  border-color: var(--mega-border) !important;
  background-color: var(--mega-red-deep) !important;
}

label.nav-left:hover,
label.nav-right:hover,
.carousel-panel label:hover,
.slider-panel label:hover {
  background-color: var(--mega-red-strong) !important;
}

#panel1:checked ~ .carousel-panels .panel1 .nav-right,
#panel2:checked ~ .carousel-panels .panel2 .nav-left,
#slide1:checked ~ .slider-panels .slide1 label[for="slide2"],
#slide2:checked ~ .slider-panels .slide2 label[for="slide1"] {
  color: #fff !important;
  background-color: var(--mega-red-strong) !important;
}

.swiper-slide-bg,
.eael-feature-list-icon-inner,
.eael-feature-list-icon {
  background-color: var(--mega-surface-raised) !important;
  background-image: linear-gradient(145deg, var(--mega-red-deep), var(--mega-black-soft)) !important;
}

/* Footer */
.elementor-location-footer,
.elementor-location-footer .elementor-section {
  color: var(--mega-text-muted) !important;
  border-top-color: var(--mega-border) !important;
  background-color: var(--mega-black) !important;
  background-image: linear-gradient(180deg, #21070b 0%, #090708 42%, #030303 100%) !important;
}

.elementor-location-footer .elementor-column > .elementor-widget-wrap,
.elementor-location-footer .e-con {
  background-color: transparent !important;
  background-image: none !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer a {
  color: var(--mega-text-muted) !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer a:hover {
  color: #fff !important;
}

.elementor-location-footer .elementor-divider-separator {
  border-color: var(--mega-border) !important;
}

.elementor-social-icon {
  color: #fff !important;
  border: 1px solid var(--mega-border) !important;
  background-color: var(--mega-red-deep) !important;
}

.elementor-social-icon:hover {
  background-color: var(--mega-red-strong) !important;
  box-shadow: 0 0 18px var(--mega-glow);
}

/* Floating quick-access menu */
#fmr-floating-menu .fmr-floating-item,
#fmr-floating-menu .fmr-toggle {
  border-color: rgba(255, 80, 100, 0.45) !important;
  background-color: #10080a !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

#fmr-floating-menu .fmr-floating-item:hover,
#fmr-floating-menu .fmr-toggle:hover {
  background-color: var(--mega-red-deep) !important;
  box-shadow: 0 0 20px var(--mega-glow) !important;
}

.ha-scroll-to-top-button {
  color: #fff !important;
  border: 1px solid var(--mega-border) !important;
  background-color: var(--mega-red-deep) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45), 0 0 14px var(--mega-glow) !important;
}

.ha-scroll-to-top-button:hover {
  background-color: var(--mega-red-strong) !important;
}

/* Inline feature panels used by content pages. */
.test_id {
  color: #fff !important;
  border: 1px solid rgba(255, 91, 111, 0.42) !important;
  background-color: var(--mega-surface-raised) !important;
  background-image: linear-gradient(145deg, #34070e, #0a090a) !important;
  box-shadow: 0 0 16px 2px rgba(224, 32, 56, 0.55) inset, 0 14px 30px rgba(0, 0, 0, 0.38) !important;
}

/* Standalone support/registration pages. */
body:not(.elementor-default) {
  color: var(--mega-text-muted) !important;
  background:
    radial-gradient(circle at top, rgba(143, 11, 26, 0.38), transparent 50%),
    var(--mega-black) !important;
}

body:not(.elementor-default) .card,
body:not(.elementor-default) .tgme_page,
body:not(.elementor-default) .tgme_head {
  color: var(--mega-text-muted) !important;
  border-color: var(--mega-border) !important;
  background: linear-gradient(145deg, #21090e, #090909) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45) !important;
}

body:not(.elementor-default) h1,
body:not(.elementor-default) .tgme_page_title {
  color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-button,
  .wpr-button,
  button,
  .card,
  .result-card {
    transition-duration: 0.01ms !important;
  }
}