/* =====================================================
   NewJapanDeals — Dark-Gold Theme v2025-11-01 (Complete Final Version)
   Author: Yamada Trade LLC
   ===================================================== */
:root {
  --njd-bg: #0b0b0b;
  --njd-text: #f2f2f2;
  --njd-accent: #ffcc33;
  --njd-border: #2b2b2b;
  --njd-muted: #b9b9b9;
}

/* -----------------------------------------------------
   GLOBAL BASE
----------------------------------------------------- */
html, body, #main, .site-content, .container,
.page-wrapper, .woocommerce-page, #content {
  background: var(--njd-bg) !important;
  color: var(--njd-text) !important;
}

/* HEADER & FOOTER */
header, .site-header, footer, .site-footer {
  background: #0d0d0d !important;
  color: var(--njd-text) !important;
  border-color: var(--njd-border) !important;
}

/* NAVIGATION */
.main-nav, .wd-header-nav, .wd-nav, .wd-sticky-nav {
  background: #111 !important;
  border-bottom: 1px solid var(--njd-border) !important;
}
.wd-nav > li > a {
  color: var(--njd-accent) !important;
}
.wd-nav > li > a:hover {
  opacity: 0.85;
}

/* LINKS & BUTTONS */
a, .color-primary, .button-link {
  color: var(--njd-accent) !important;
}
button, .btn, .button, .single_add_to_cart_button, .add_to_cart_button {
  background: var(--njd-accent) !important;
  color: #111 !important;
  border: none !important;
  transition: all 0.2s ease-in-out;
}
button:hover, .btn:hover, .button:hover {
  filter: brightness(0.95);
}

/* PRODUCT GRID & WIDGETS */
.woocommerce ul.products li.product,
.product-grid-item, .widget {
  background: #111 !important;
  border: 1px solid var(--njd-border) !important;
  color: var(--njd-text) !important;
}
.price, .amount, .woocommerce-Price-amount {
  color: var(--njd-accent) !important;
}

/* FORMS */
input, select, textarea {
  background: #141414 !important;
  color: var(--njd-text) !important;
  border: 1px solid var(--njd-border) !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--njd-accent) !important;
  outline: none;
}

/* TITLES & TEXT */
h1, h2, h3, h4, h5, h6 {
  color: var(--njd-text) !important;
}
small, .muted, .breadcrumb, .woocommerce-breadcrumb,
.widget-title, .entry-meta {
  color: var(--njd-muted) !important;
}

/* TABLES */
table, th, td {
  border: 1px solid var(--njd-border) !important;
  color: var(--njd-text) !important;
}
thead {
  background: #111 !important;
}

/* POPUPS & MOBILE NAV */
.wd-popup, .wd-sticky-header, .wd-mobile-nav {
  background: #0d0d0d !important;
  border-color: var(--njd-border) !important;
}

/* -----------------------------------------------------
   ELEMENTOR SECTIONS & OVERRIDES
----------------------------------------------------- */
.elementor-section, .elementor-container, .elementor-row,
.elementor-column, .elementor-widget-wrap,
.elementor-background-overlay {
  background: #0b0b0b !important;
  color: #f2f2f2 !important;
}

/* Remove inline white backgrounds */
section[style*="background-color"],
div[style*="background-color"],
.elementor-section[style*="background-color"],
.elementor-widget-wrap[style*="background-color"] {
  background-color: #0b0b0b !important;
}

/* Elementor text colors */
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-text-editor {
  color: #f2f2f2 !important;
}

/* Elementor buttons */
.elementor-button, .elementor-button-link, .elementor-button-content-wrapper {
  background: var(--njd-accent) !important;
  color: #111 !important;
  border: none !important;
}
.elementor-button:hover {
  filter: brightness(0.95);
}

/* -----------------------------------------------------
   HOMEPAGE HERO FIX (white section)
----------------------------------------------------- */
.home section.elementor-section,
.home .elementor-container,
.home .elementor-row,
.home .elementor-column,
.home .elementor-widget-wrap {
  background: #0b0b0b !important;
  color: #f2f2f2 !important;
}

/* Target inline white backgrounds on homepage */
.home [style*="background-color: #fff"],
.home [style*="background-color: white"],
.home [style*="background-color: #ffffff"] {
  background-color: #0b0b0b !important;
}

/* Hero text visibility */
.home .elementor-heading-title,
.home .elementor-widget-heading h1,
.home .elementor-widget-heading h2,
.home .elementor-widget-heading h3,
.home .elementor-text-editor {
  color: #f2f2f2 !important;
}

/* Hero buttons */
.home .elementor-button,
.home .elementor-button-link,
.home .elementor-button-content-wrapper {
  background: var(--njd-accent) !important;
  color: #111 !important;
  border: none !important;
}
.home .elementor-button:hover {
  filter: brightness(0.95);
}

/* -----------------------------------------------------
   SCROLLBAR & TRANSITIONS
----------------------------------------------------- */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--njd-accent);
  border-radius: 5px;
}
::-webkit-scrollbar-track {
  background: #111;
}

a, button, .btn, .product-grid-item {
  transition: all 0.25s ease-in-out;
}
