/* ============================================================
   NEXUS 3D — Dark Theme (Base44-style)
   Paste into: Appearance → Customize → Additional CSS
   Works with Astra + Spectra + WooCommerce
   ============================================================ */

:root {
  --nx-bg: #05070f;          /* page background */
  --nx-surface: #0b1020;     /* cards, panels */
  --nx-surface-2: #111831;   /* hover states */
  --nx-border: #1d2747;
  --nx-text: #e6eaf5;
  --nx-muted: #8b94ad;
  --nx-accent: #3b82f6;      /* Nexus blue */
  --nx-accent-2: #7c9dff;
  --nx-radius: 14px;
}

/* ---- Base ---- */
body,
.ast-separate-container .ast-article-single,
#content, .site-content {
  background: var(--nx-bg) !important;
  color: var(--nx-text) !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .product_title {
  color: var(--nx-text) !important;
}

p, li, .entry-content { color: var(--nx-text); }
.ast-breadcrumbs, small, .posted_in { color: var(--nx-muted) !important; }

a { color: var(--nx-accent-2); }
a:hover { color: var(--nx-accent); }

/* ---- Header ---- */
.site-header, .ast-primary-header-bar, .main-header-bar {
  background: rgba(5, 7, 15, 0.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--nx-border);
}
.main-header-menu a, .site-title a, .site-description {
  color: var(--nx-text) !important;
}
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
  color: var(--nx-accent) !important;
}

/* ---- Buttons ---- */
.ast-button, .button, button,
.woocommerce a.button, .woocommerce button.button,
.wp-block-button__link,
input[type="submit"], .single_add_to_cart_button {
  background: var(--nx-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}
.ast-button:hover, .button:hover,
.woocommerce a.button:hover, .wp-block-button__link:hover {
  background: #2563eb !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, .35);
}

/* ---- WooCommerce product cards ---- */
.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: var(--nx-surface);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  padding: 14px !important;
  transition: transform .2s ease, border-color .2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: var(--nx-accent);
}
.woocommerce ul.products li.product img,
.wc-block-grid__product img {
  border-radius: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  color: var(--nx-text) !important;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  color: var(--nx-accent-2) !important;
  font-weight: 700;
}

/* ---- Single product page ---- */
.woocommerce div.product p.price { color: var(--nx-accent-2); font-weight: 700; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--nx-surface);
  border-color: var(--nx-border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--nx-surface-2);
}
.woocommerce div.product .woocommerce-tabs .panel { color: var(--nx-text); }

/* ---- Forms (WPForms, Woo checkout, account) ---- */
input[type="text"], input[type="email"], input[type="tel"],
input[type="number"], input[type="password"], input[type="date"],
textarea, select, .select2-container .select2-selection {
  background: var(--nx-surface) !important;
  color: var(--nx-text) !important;
  border: 1px solid var(--nx-border) !important;
  border-radius: 10px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--nx-accent) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .2);
}
label, .wpforms-field-label { color: var(--nx-text) !important; }

/* ---- Cart / checkout tables ---- */
.woocommerce table.shop_table {
  background: var(--nx-surface);
  border: 1px solid var(--nx-border);
  border-radius: var(--nx-radius);
  color: var(--nx-text);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  border-color: var(--nx-border) !important;
  color: var(--nx-text);
}

/* ---- Footer ---- */
.site-footer, .ast-footer-copyright, footer {
  background: #04060c !important;
  color: var(--nx-muted) !important;
  border-top: 1px solid var(--nx-border);
}
.site-footer a { color: var(--nx-muted); }
.site-footer a:hover { color: var(--nx-accent); }

/* ---- Hero helper class (add "nx-hero" to a Spectra container) ---- */
.nx-hero {
  background:
    radial-gradient(1200px 500px at 70% -10%, rgba(59,130,246,.18), transparent 60%),
    var(--nx-bg);
  border-bottom: 1px solid var(--nx-border);
}
.nx-hero .nx-badge {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid var(--nx-accent);
  border-radius: 999px;
  color: var(--nx-accent-2);
  font-size: 14px;
  margin-bottom: 18px;
}

/* ---- Notices ---- */
.woocommerce-message, .woocommerce-info {
  background: var(--nx-surface);
  color: var(--nx-text);
  border-top-color: var(--nx-accent);
}