/* Mobile Navigation Fix - onebullex.com.br */

/* Tablet: reduce spacing */
@media (max-width: 1024px) {
  .top-nav .nav-menu {
    gap: 10px;
  }
  .top-nav .nav-menu .nav-link {
    font-size: 13px;
  }
  .top-nav .nav-left {
    gap: 12px;
  }
  .top-nav .header-right {
    gap: 8px;
  }
  .top-nav .nav-search-container {
    display: none;
  }
}

/* Small tablet: hide less important items */
@media (max-width: 768px) {
  .top-nav .nav-menu .dropdown-wrapper,
  .top-nav .nav-menu .rewards_nav_menu,
  .top-nav .nav-menu .campaign-menu-wrapper,
  .top-nav .nav-menu .more-dropdown-wrapper {
    display: none;
  }
  .top-nav .header-right .download-wrapper,
  .top-nav .header-right .language-selector {
    display: none;
  }
  .top-nav .nav-menu .nav-link {
    font-size: 13px;
  }
  .home-nav .nav-menu .dropdown-wrapper,
  .home-nav .nav-menu .rewards_nav_menu,
  .home-nav .nav-menu .campaign-menu-wrapper,
  .home-nav .nav-menu .more-dropdown-wrapper {
    display: none;
  }
  .home-nav .header-right .download-wrapper,
  .home-nav .header-right .language-selector,
  .home-nav .nav-search-container {
    display: none;
  }
}

/* Mobile: show only logo + essential links + register */
@media (max-width: 480px) {
  .top-nav .nav-menu {
    display: none;
  }
  .top-nav .header-right .nav-link {
    font-size: 12px;
  }
  .top-nav .header-right .nav-search-container {
    display: none;
  }
  .top-nav .register-btn {
    padding: 5px 12px;
    font-size: 12px;
  }
  .top-nav .register-btn img {
    width: 14px;
    height: 14px;
  }
  .top-nav .logo img {
    width: 100px;
  }
  .home-nav .nav-menu {
    display: none;
  }
  .home-nav .header-right .nav-link {
    display: none;
  }
  .home-nav .header-right .nav-search-container {
    display: none;
  }
}

/* Extra small */
@media (max-width: 360px) {
  .top-nav .logo img {
    width: 80px;
  }
  .top-nav .register-btn {
    padding: 4px 10px;
    font-size: 11px;
  }
}

/* =============================================
   SPOT/FUTURES PAGE LAYOUT FIX
   The response_* classes force column layout.
   Override them on desktop to restore side-by-side layout.
   ============================================= */

/* Desktop: restore proper spot page layout */
@media (min-width: 769px) {
  /* Main page: add space for order panel on right */
  .response_spotPage__6WFfL {
    padding-right: 324px !important;
  }
  /* Center: chart + orderbook side by side */
  .response_spotCenter__7xQVR {
    flex-direction: row !important;
    height: 730px !important;
    align-items: stretch !important;
  }
  /* Kline container: fill available space */
  .response_spotKlineContainer__rH2uf {
    height: 640px !important;
  }
  /* Header+Kline column: take available space, leave room for orderbook */
  .response_spotHeaderKlineContainer__CqA7m {
    margin-right: 4px !important;
  }
  /* Order place panel: fixed right side */
  .response_spotOrderPlaceContainer__QqSKG {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 320px !important;
    height: 100% !important;
  }
  /* Orders container below chart */
  .response_spotOrdersContainer__FgpmM {
    margin-left: 0 !important;
  }

  /* FUTURES page layout fix */
  .futuresRs_futuresPage__8yuYR {
    padding-right: 324px !important;
  }
  .futuresRs_futuresCenter__swPTc {
    flex-direction: row !important;
    height: 730px !important;
    align-items: stretch !important;
  }
  .futuresRs_futuresKlineContainer__KVQKZ {
    height: auto !important;
  }
  .futuresRs_futuresHeaderKlineContainer__1LXHi {
    margin-right: 4px !important;
  }
  .futuresRs_futuresOrderPlaceContainer__F4H8w {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 320px !important;
    height: 100% !important;
  }
}

/* Tablet: adjust for smaller screens */
@media (min-width: 769px) and (max-width: 1200px) {
  .response_spotPage__6WFfL,
  .futuresRs_futuresPage__8yuYR {
    padding-right: 280px !important;
  }
  .response_spotOrderPlaceContainer__QqSKG,
  .futuresRs_futuresOrderPlaceContainer__F4H8w {
    width: 276px !important;
  }
}

/* Mobile: keep column layout */
@media (max-width: 768px) {
  .response_spotPage__6WFfL,
  .futuresRs_futuresPage__8yuYR {
    padding-right: 0 !important;
  }
  .response_spotOrderPlaceContainer__QqSKG,
  .futuresRs_futuresOrderPlaceContainer__F4H8w {
    position: static !important;
    width: 100% !important;
  }
}