/* v8: Dark mode readability fix + mobile header/drawer currency layout */

/* ===========================
   AUTOCOMPLETE READABILITY
   =========================== */

/* Works with current classes (.search-suggest/.ss-*) and legacy (.ac-*) */
.search-wrap .search-suggest,
.ac-field .search-suggest,
.home-search .search-suggest,
.ac-dropdown{
  border: 1px solid rgba(138, 171, 221, .34) !important;
  background:
    linear-gradient(178deg, rgba(11,18,34,.96) 0%, rgba(8,13,24,.97) 100%) !important;
  box-shadow:
    0 26px 72px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  overflow: hidden;
  isolation: isolate;
  z-index: 120 !important;
}

.search-wrap .search-suggest::before,
.ac-field .search-suggest::before,
.home-search .search-suggest::before,
.ac-dropdown::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(3, 7, 15, .18);
  pointer-events: none;
  z-index: 0;
}

.search-wrap .search-suggest > *,
.ac-field .search-suggest > *,
.home-search .search-suggest > *,
.ac-dropdown > *{
  position: relative;
  z-index: 1;
}

/* Item contrast */
.search-wrap .search-suggest .ss-item,
.ac-field .search-suggest .ss-item,
.home-search .search-suggest .ss-item,
.ac-item{
  color: rgba(245,249,255,.98) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}

.search-wrap .search-suggest .ss-title,
.ac-field .search-suggest .ss-title,
.home-search .search-suggest .ss-title,
.ac-item-title,
.ac-item{
  color: rgba(245,249,255,.98) !important;
}

.search-wrap .search-suggest .ss-sub,
.ac-field .search-suggest .ss-sub,
.home-search .search-suggest .ss-sub,
.ac-item-sub{
  color: rgba(200,216,240,.92) !important;
}

.search-wrap .search-suggest .ss-item:hover,
.search-wrap .search-suggest .ss-item.active,
.ac-field .search-suggest .ss-item:hover,
.ac-field .search-suggest .ss-item.active,
.home-search .search-suggest .ss-item:hover,
.home-search .search-suggest .ss-item.active,
.ac-item:hover,
.ac-item.is-active{
  background: rgba(83, 167, 255, .18) !important;
}

/* Stat badges */
.search-wrap .search-suggest .ss-stat,
.ac-field .search-suggest .ss-stat,
.home-search .search-suggest .ss-stat,
.ac-item-stat{
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.10) !important;
  color: rgba(243,248,255,.96) !important;
}

.search-wrap .search-suggest .ss-stat.is-up,
.ac-field .search-suggest .ss-stat.is-up,
.home-search .search-suggest .ss-stat.is-up,
.ac-item-stat--up{
  border-color: rgba(84,209,200,.43) !important;
  background: rgba(84,209,200,.18) !important;
  color: rgba(117,234,226,.99) !important;
}

.search-wrap .search-suggest .ss-stat.is-down,
.ac-field .search-suggest .ss-stat.is-down,
.home-search .search-suggest .ss-stat.is-down,
.ac-item-stat--down{
  border-color: rgba(255,92,122,.45) !important;
  background: rgba(255,92,122,.18) !important;
  color: rgba(255,138,156,.99) !important;
}

/* Light mode */
:root[data-theme="light"] .search-wrap .search-suggest,
:root[data-theme="light"] .ac-field .search-suggest,
:root[data-theme="light"] .home-search .search-suggest,
:root[data-theme="light"] .ac-dropdown{
  border-color: rgba(15,23,42,.16) !important;
  background: linear-gradient(165deg, rgba(255,255,255,.84), rgba(247,250,255,.96)) !important;
  box-shadow:
    0 18px 50px rgba(15,23,42,.20),
    inset 0 1px 0 rgba(255,255,255,.74) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
}

:root[data-theme="light"] .search-wrap .search-suggest::before,
:root[data-theme="light"] .ac-field .search-suggest::before,
:root[data-theme="light"] .home-search .search-suggest::before,
:root[data-theme="light"] .ac-dropdown::before{
  background: rgba(255,255,255,.22);
}

:root[data-theme="light"] .search-wrap .search-suggest .ss-item,
:root[data-theme="light"] .ac-field .search-suggest .ss-item,
:root[data-theme="light"] .home-search .search-suggest .ss-item,
:root[data-theme="light"] .ac-item{
  border-bottom-color: rgba(0,0,0,.06) !important;
  color: rgba(17,24,39,.97) !important;
}

:root[data-theme="light"] .search-wrap .search-suggest .ss-title,
:root[data-theme="light"] .ac-field .search-suggest .ss-title,
:root[data-theme="light"] .home-search .search-suggest .ss-title,
:root[data-theme="light"] .ac-item-title,
:root[data-theme="light"] .ac-item{
  color: rgba(17,24,39,.97) !important;
}

:root[data-theme="light"] .search-wrap .search-suggest .ss-sub,
:root[data-theme="light"] .ac-field .search-suggest .ss-sub,
:root[data-theme="light"] .home-search .search-suggest .ss-sub,
:root[data-theme="light"] .ac-item-sub{
  color: rgba(71,85,105,.90) !important;
}

:root[data-theme="light"] .search-wrap .search-suggest .ss-item:hover,
:root[data-theme="light"] .search-wrap .search-suggest .ss-item.active,
:root[data-theme="light"] .ac-field .search-suggest .ss-item:hover,
:root[data-theme="light"] .ac-field .search-suggest .ss-item.active,
:root[data-theme="light"] .home-search .search-suggest .ss-item:hover,
:root[data-theme="light"] .home-search .search-suggest .ss-item.active,
:root[data-theme="light"] .ac-item:hover,
:root[data-theme="light"] .ac-item.is-active{
  background: rgba(15,23,42,.08) !important;
}

/* ===========================
   MOBILE HEADER / NAV
   =========================== */

/* Hide top currency switch on mobile; use drawer switch */
.drawer-currency{ padding: 8px 12px 12px; }
.drawer-currency .drawer-section{ padding: 0 0 8px 2px; }
.drawer-currency-switch{
  width: 100%;
  justify-content: space-between;
  padding: 4px;
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
}
.drawer-currency-switch .curr-btn{
  flex: 1 1 0;
  text-align: center;
  padding: 8px 6px;
}
:root[data-theme="light"] .drawer-currency-switch{
  border-color: rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
}

@media (max-width: 900px){
  .topbar-inner{
    position: relative;
    justify-content: center;
  }

  .brand{ margin: 0 auto; }

  .header-actions{
    position: static;
    margin-left: 0;
    gap: 8px;
  }

  .header-actions > .currency-switch{
    display: none !important;
  }

  .mobile-nav-toggle{
    display: inline-flex !important;
    position: absolute;
    left: max(18px, env(safe-area-inset-left));
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }

  .theme-toggle{
    position: absolute;
    right: max(18px, env(safe-area-inset-right));
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
}


/* Home form uses .ac-field wrapper (no .search-wrap). Keep dropdown above hero cards */
.ac-field{ position: relative; }
.ac-field .search-suggest{ z-index: 140 !important; }