.elementor-101 .elementor-element.elementor-element-731cb1c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-df7da7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-101 .elementor-element.elementor-element-1962ff6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-898531f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-137461f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-0c7fef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-101 .elementor-element.elementor-element-1962ff6{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-101 .elementor-element.elementor-element-898531f{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-101 .elementor-element.elementor-element-1962ff6{--width:25%;}.elementor-101 .elementor-element.elementor-element-898531f{--width:50%;}.elementor-101 .elementor-element.elementor-element-137461f{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-137461f */.elementor-sticky--active {
  right: auto !important;
  left: 20px !important;
  z-index: 99;
}/* End custom CSS */
/* Start custom CSS */body[dir="rtl"] {
  direction: rtl;
  text-align: right;
}
.page-id-101 body {
  direction: rtl !important;
  text-align: right !important;
}
.page-id-101 [dir="rtl"] .elementor-sticky {
  right: auto !important;
  left: 0 !important;
}



:root {
  --deep-teal: #ed2525;
  --white: #ffffff;
  --header-bg: #000000;
  --page-bg: #000;
  --card-bg: #272C32;
  --text-dark: #0A0A0A;
  --border-color2: #444444;
}

/* Dashboard Layout */
.dashboard {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 25px;
  padding: 40px;
  width: 100%;
  box-sizing: border-box;
}

.widget-box {
  background: var(--card-bg);
  border: 1px solid var(--border-color2);
  border-radius: 12px;
  padding: 20px;
  min-height: 400px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.widget-box h2 {
  color: var(--white);
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color2);
  padding-bottom: 8px;
  letter-spacing: 0.3px;
}

/* Responsive Layout */
@media (max-width: 1200px) {
  .dashboard {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .widget-box {
    min-height: auto;
  }
}





/* ✅ Limit Leagues list to 300px height with scrollbar */
#leagues-list {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #222;
  border-radius: 8px;
  background: #111;
  padding: 5px;
}

/* ✅ Make Games list take full device height with scrollbar */
#games-list {
  height: calc(100vh - 200px); /* adjusts for header/footer spacing */
  overflow-y: auto;
  border: 1px solid #222;
  border-radius: 8px;
  background: #111;
  padding: 10px;
}

/* ✅ Shared custom scrollbar style for both */
#leagues-list::-webkit-scrollbar,
#games-list::-webkit-scrollbar {
  width: 8px;
}
#leagues-list::-webkit-scrollbar-track,
#games-list::-webkit-scrollbar-track {
  background: #1b1b1b;
  border-radius: 10px;
}
#leagues-list::-webkit-scrollbar-thumb,
#games-list::-webkit-scrollbar-thumb {
  background: var(--bright-turquoise);
  border-radius: 10px;
}
#leagues-list::-webkit-scrollbar-thumb:hover,
#games-list::-webkit-scrollbar-thumb:hover {
  background: #00e0ff;
}
#leagues-list, #games-list {
  scrollbar-width: thin;
  scrollbar-color: var(--bright-turquoise) #1b1b1b;
}




html {
  scroll-behavior: smooth;
}

/* Mobile back button styling */
.mobile-back {
  display: none;
  margin-bottom: 10px;
}

.mobile-back button {
  background: var(--bright-turquoise);
  color: #18cfc0;
  border: none;
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

.mobile-back button:hover {
  background: #18cfc0;
  color: #000;
}

/* Show back button on mobile only */
@media (max-width: 768px) {
  .mobile-back {
    display: block;
    text-align: center;
  }
}/* End custom CSS */