/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
 */

/* ---- Global base (previously duplicated inside every component) ---- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  background-color: #000000;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 40px 40px;
  font-family: 'Inter', 'Space Grotesk', system-ui, sans-serif;
  color: #e6e6e6;
  min-height: 100vh;
  overflow-x: hidden;
}

img, video, iframe, svg { max-width: 100%; }

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #111111; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #999999, #666666); border-radius: 10px; }

/* ---- Mobile safety net ---- */
.flex-wrapper, #app { max-width: 100%; overflow-x: clip; }

@media (max-width: 991.98px) {
  .container, .container-fluid { padding-left: 1rem; padding-right: 1rem; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  .row { --bs-gutter-x: 1rem; }
}