/* =========================================
   VORTEX GAME HOSTING  Dark Theme Override
   Matches main site design system
   bg:#0a0e1a  primary:#6c2bd9  accent:#00d4ff
   ========================================= */

:root {
  --primary: #6c2bd9;
  --secondary: #8892a4;
  --dark: #0f1629;
  --light: #1e2d4a;
  --vortex-bg: #0a0e1a;
  --vortex-card: #0f1629;
  --vortex-primary: #6c2bd9;
  --vortex-accent: #00d4ff;
  --vortex-text: #e0e0e0;
  --vortex-muted: #8892a4;
  --vortex-border: #1e2d4a;
  --vortex-footer: #060912;
}

/* ---- Base ---- */
html, body {
  background-color: #0a0e1a !important;
  color: #e0e0e0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.widget-title, .footer-title {
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  color: #fff !important;
}

a { color: #00d4ff; }
a:hover { color: #33deff; text-decoration: none; }
hr { border-color: #1e2d4a !important; }
.text-muted { color: #8892a4 !important; }
p { color: #e0e0e0; }

/* ---- Navbar / Header ---- */
#header, .header, .navbar, .bottombar {
  background-color: #0a0e1a !important;
  border-bottom: 1px solid #1e2d4a !important;
}
.topbar {
  background-color: #060912 !important;
  border-bottom: 1px solid #1e2d4a !important;
}
.bottombar-inner { background-color: #0a0e1a !important; }

.navbar-brand, .logo-img { color: #fff !important; }
.nav-link, .navbar-nav .nav-link { color: #e0e0e0 !important; }
.nav-link:hover, .navbar-nav .nav-link:hover { color: #00d4ff !important; }
.navbar-toggler { border-color: #1e2d4a !important; }
.navbar-toggler-icon { filter: invert(1); }

.dropdown-menu {
  background-color: #0f1629 !important;
  border: 1px solid #1e2d4a !important;
}
.dropdown-item { color: #e0e0e0 !important; }
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #1e2d4a !important;
  color: #00d4ff !important;
}
.dropdown-divider { border-color: #1e2d4a !important; }

.cart-btn {
  border: 1px solid #6c2bd9 !important;
  color: #e0e0e0 !important;
  background: transparent !important;
}
.cart-btn:hover { background-color: #6c2bd9 !important; }

/* ---- Main content area ---- */
section#main-body, .primary-bg-color,
.content-area, main { background-color: #0a0e1a !important; }

/* ---- Cards / Panels ---- */
.panel, .panel-body, .card, .card-body,
.well, .box, .portlet, .panel-default,
.list-group-item { 
  background-color: #0f1629 !important;
  border-color: #1e2d4a !important;
  color: #e0e0e0 !important;
}
.panel-heading, .panel-title, .card-header {
  background-color: #0a0e1a !important;
  border-bottom: 1px solid #1e2d4a !important;
  color: #fff !important;
}
.panel-footer, .card-footer {
  background-color: #060912 !important;
  border-top: 1px solid #1e2d4a !important;
}

/* ---- Buttons ---- */
.btn-primary, .btn-success,
a.btn-primary, a.btn-success {
  background-color: #6c2bd9 !important;
  border-color: #6c2bd9 !important;
  color: #fff !important;
 }

/* ---- btn-default, btn-secondary ---- */
.btn-default, .btn-secondary {
  background-color: #1e2d4a !important;
  border-color: #1e2d4a !important;
  color: #e0e0e0 !important;
}
.btn-default:hover, .btn-secondary:hover {
  background-color: #2a3d5a !important;
  border-color: #6c2bd9 !important;
  color: #fff !important;
}

/* ---- Shortcut/action cards (card-accent-*) ---- */
a[class*=card-accent],
.card-accent-teal, .card-accent-pomegranate,
.card-accent-sun-flower, .card-accent-asbestos,
.card-accent-green, .card-accent-midnight-blue {
  background: #0f1629 !important;
  background-image: none !important;
  border: 1px solid #1e2d4a !important;
  color: #e0e0e0 !important;
}
a[class*=card-accent]:hover {
  background: #111d38 !important;
  border-color: #6c2bd9 !important;
  color: #fff !important;
}
a[class*=card-accent] img { filter: brightness(0) invert(1) !important; opacity: 0.8; }
a[class*=card-accent] p,
a[class*=card-accent] span { color: #8892a4 !important; }

/* ---- Fix action-icon-btns gradient ---- */
.action-icon-btns a, .product-column {
  background: #0f1629 !important;
  background-image: none !important;
  border: 1px solid #1e2d4a !important;
  color: #e0e0e0 !important;
}
.action-icon-btns a:hover {
  background: #111d38 !important;
  border-color: #6c2bd9 !important;
}

/* ---- Product group cards ---- */
.product-group, .product-group-wrapper { background-color: #0f1629 !important; border-color: #1e2d4a !important; }
.product-group h3, .product-group .title { color: #fff !important; }
.product-group p { color: #8892a4 !important; }

/* ---- Fix remaining white backgrounds ---- */
.primary-bg-color, section, .section, main > div { background-color: #0a0e1a !important; }
.card-body h3, .card-body h4, .card-body h5 { color: #fff !important; }
.howCanWeHelpSec { background-color: #0a0e1a !important; }

/* ── Game thumbnail images on store product cards ── */
.game-thumb-img {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid rgba(108,43,217,0.4);
}
.pricing-card {
    overflow: hidden;
}

/* ---- Landing page store products (NordVPN, MarketGoo, etc.) ---- */
.landing-page,
.landing-page.bg-white {
    background-color: #0a0e1a !important;
    color: #e0e0e0 !important;
}
body .bg-white {
    background-color: #0f1629 !important;
}
.landing-page section,
.landing-page .section,
.landing-page > div {
    background-color: transparent !important;
}
.landing-page .pricing {
    color: #8892a4 !important;
}
.landing-page table tr td,
.landing-page table tr th {
    background-color: transparent !important;
    border-color: #1e2d4a !important;
    color: #e0e0e0 !important;
}
.landing-page .table-striped tbody tr:nth-of-type(odd) {
    background-color: #0f1629 !important;
}
.landing-page .table-striped tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}