/* ============================================================
   seachGame Teal Override — White Bars → Teal + Neon Border
   Applies to: Slots & Card pages (seachGame component)
   Scope: data-v-e9f45d50
   Does NOT modify any other files or components.
   ============================================================ */

/* Vendor dropdown trigger bar (top white bar) */
.allGame .head[data-v-e9f45d50] {
  background: linear-gradient(135deg, #0d2b2b 0%, #0a3d3a 50%, #062e2c 100%) !important;
  border: 1.5px solid #00e5cc !important;
  box-shadow:
    0 0 8px rgba(0, 229, 204, 0.55),
    0 0 18px rgba(0, 229, 204, 0.25),
    inset 0 0 6px rgba(0, 229, 204, 0.08) !important;
  color: #00e5cc !important;
  border-radius: .10667rem !important;
}

/* Dropdown chevron arrow — inherit teal color */
.allGame .head[data-v-e9f45d50]:after {
  filter: invert(80%) sepia(80%) saturate(300%) hue-rotate(140deg) brightness(1.2) !important;
}

/* "View All" button (bottom white bar) */
.allGame .btn[data-v-e9f45d50] {
  background: linear-gradient(135deg, #0d2b2b 0%, #0a3d3a 50%, #062e2c 100%) !important;
  border: 1.5px solid #00e5cc !important;
  box-shadow:
    0 0 8px rgba(0, 229, 204, 0.55),
    0 0 18px rgba(0, 229, 204, 0.25),
    inset 0 0 6px rgba(0, 229, 204, 0.08) !important;
  color: #00e5cc !important;
  border-radius: .16rem !important;
}

/* Hover glow effect on both bars */
.allGame .head[data-v-e9f45d50]:hover,
.allGame .btn[data-v-e9f45d50]:hover {
  box-shadow:
    0 0 14px rgba(0, 229, 204, 0.85),
    0 0 30px rgba(0, 229, 204, 0.40),
    inset 0 0 10px rgba(0, 229, 204, 0.12) !important;
  border-color: #00fff7 !important;
  color: #00fff7 !important;
}