/* /assets/css/theme-miner.css
   Dark UI + neon accents for miner.h24d7.com */
:root{
  --color-brand:     #22c55e;
  --color-brand-600: #22c55e;
  --color-brand-700: #16a34a;
  --color-accent:    #06b6d4;

  --bg-page:         #0b1220;
  --text-base:       #e5e7eb;
  --text-muted:      #94a3b8;
  --card-bg:         #0f172a;
  --card-border:     #1f2937;

  --ok:   #22c55e;
  --warn: #f59e0b;
  --err:  #ef4444;
}

/* Hero (homepage) - professional mining look (no yellow promo gradients) */
.hero-miner{
  background: #020617; /* near-black */
  border: 1px solid rgba(255,255,255,.08);
}
.hero-miner__bg{
  background:
    radial-gradient(900px 420px at 18% 20%, rgba(34,197,94,.28), transparent 60%),
    radial-gradient(900px 420px at 82% 35%, rgba(6,182,212,.18), transparent 55%),
    linear-gradient(135deg, #020617 0%, #020617 65%, rgba(6,95,70,.55) 100%);
  opacity: 1;
}

/* ================================
   SHOP FILTER – DARK MODE (MINER)
   ================================ */

.shop-filters,
.filter-box,
.shop-sidebar,
aside .filters {
  background: #020617; /* near-black */
  border: 1px solid #1e293b;
  border-radius: 16px;
  color: #e5e7eb;
}

/* Titles */
.shop-filters h3,
.shop-filters h4,
.shop-sidebar label {
  color: #e5e7eb;
  font-weight: 600;
}

/* Inputs & Selects */
.shop-filters input,
.shop-filters select {
  background: #020617;
  border: 1px solid #334155;
  color: #e5e7eb;
  border-radius: 10px;
}

.shop-filters input::placeholder {
  color: #64748b;
}

/* Disabled fields */
.shop-filters input:disabled,
.shop-filters select:disabled {
  background: #020617;
  color: #475569;
}

/* Apply Button */
.shop-filters button,
.shop-filters .btn-apply {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #020617;
  font-weight: 600;
  border-radius: 12px;
  border: none;
}

.shop-filters button:hover {
  filter: brightness(1.1);
}

/* Price labels */
.shop-filters .price-label,
.shop-filters small {
  color: #94a3b8;
}

/* Result box */
.shop-results,
.no-products {
  background: #020617;
  border: 1px solid #1e293b;
  border-radius: 16px;
  color: #e5e7eb;
}

/* ==================================================
   FORCE DARK SHOP FILTERS (FIX WHITE BOX ISSUE)
   ================================================== */

/* Filter container – HARD override */
.shop .shop-sidebar,
.shop aside,
.shop .filters,
.shop .filter-box,
.shop .sidebar-box,
.shop .card,
.shop .card-white {
  background-color: #020617 !important;
  border: 1px solid #1e293b !important;
  color: #e5e7eb !important;
  border-radius: 18px;
}

/* Headings */
.shop .shop-sidebar h3,
.shop .shop-sidebar h4,
.shop .shop-sidebar label {
  color: #e5e7eb !important;
  font-weight: 600;
}

/* Inputs & selects */
.shop .shop-sidebar input,
.shop .shop-sidebar select {
  background-color: #020617 !important;
  border: 1px solid #334155 !important;
  color: #e5e7eb !important;
  border-radius: 10px;
}

/* Placeholder */
.shop .shop-sidebar input::placeholder {
  color: #64748b !important;
}

/* Disabled fields */
.shop .shop-sidebar select:disabled,
.shop .shop-sidebar input:disabled {
  background-color: #020617 !important;
  color: #475569 !important;
}

/* Apply button */
.shop .shop-sidebar button,
.shop .shop-sidebar .btn,
.shop .shop-sidebar .btn-apply {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #020617 !important;
  font-weight: 700;
  border-radius: 12px;
  border: none;
}

/* Results / empty box */
.shop .shop-results,
.shop .no-products,
.shop .empty-state {
  background-color: #020617 !important;
  border: 1px solid #1e293b !important;
  color: #e5e7eb !important;
}
/* ==================================================
   READABILITY FIX – WHITE CARDS (HOME / SHOP / PRODUCT)
   ================================================== */

/* Any white card = dark text */
.bg-white,
.bg-white * {
  color: #0f172a; /* slate-900 */
}

/* Secondary text */
.bg-white .text-slate-500,
.bg-white .text-gray-500,
.bg-white .text-slate-400,
.bg-white .text-gray-400,
.bg-white .opacity-70,
.bg-white .opacity-60 {
  color: #334155 !important; /* slate-700 */
  opacity: 1 !important;
}

/* Headings inside cards */
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5 {
  color: #020617 !important; /* near-black */
  font-weight: 800;
}

/* Prices */
.bg-white .price,
.bg-white .text-accent,
.bg-white .font-extrabold {
  color: #0284c7 !important; /* cyan-600 */
}

/* Buttons inside cards stay readable */
.bg-white button,
.bg-white .btn {
  color: #ffffff !important;
}

/* Product meta / notices */
.bg-white .text-xs,
.bg-white .text-sm {
  color: #334155 !important;
}

/* Fix badges */
.bg-white .badge,
.bg-white .inline-flex {
  color: #0f172a !important;
}
/* ==================================================
   MINI CART (HEADER DROPDOWN) – FORCE READABLE TEXT
   ================================================== */

/* Try the most common mini-cart containers */
#mini-cart,
.mini-cart,
.minicart,
.cart-dropdown,
.header-cart,
.header-minicart,
[data-minicart],
[data-cart-dropdown],
.cart-popover,
.cart-flyout,
.cart-panel {
  color: #ffffff !important;
}

/* Make ALL text inside the mini cart visible */
#mini-cart *,
.mini-cart *,
.minicart *,
.cart-dropdown *,
.header-cart *,
.header-minicart *,
[data-minicart] *,
[data-cart-dropdown] *,
.cart-popover *,
.cart-flyout *,
.cart-panel * {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Subtotal / totals / prices */
#mini-cart .subtotal,
#mini-cart .total,
#mini-cart .amount,
#mini-cart .price,
#mini-cart [class*="subtotal"],
#mini-cart [class*="total"],
#mini-cart [class*="amount"],
#mini-cart [class*="price"],
.mini-cart .subtotal,
.mini-cart .total,
.mini-cart .amount,
.mini-cart .price,
.cart-dropdown .subtotal,
.cart-dropdown .total,
.cart-dropdown .amount,
.cart-dropdown .price,
.cart-panel .subtotal,
.cart-panel .total,
.cart-panel .amount,
.cart-panel .price {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Make links readable */
#mini-cart a,
.mini-cart a,
.minicart a,
.cart-dropdown a,
.cart-panel a {
  color: #e5e7eb !important;
  text-decoration: none;
}

/* Inputs if any */
#mini-cart input,
#mini-cart select,
.mini-cart input,
.mini-cart select,
.cart-dropdown input,
.cart-dropdown select {
  color: #0f172a !important;
  background: #ffffff !important;
}

/* If your mini-cart uses dark background with low contrast borders */
#mini-cart,
.mini-cart,
.minicart,
.cart-dropdown,
.cart-panel,
.cart-popover,
.cart-flyout {
  background: #0b1220 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
/* =========================================
   MINICART: BADGE + PRICE VISIBILITY FIX
   Classes confirmed by user:
   - .miniCartBadge
   - .mini-price
   ========================================= */

.miniCartBadge {
  color: #000000 !important;
  background: #0ea5e9 !important; /* readable accent */
  border: 1px solid rgba(255,255,255,.18) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* price text in mini cart */
.mini-price,
.mini-price * {
  color: #ffffff !important;   /* visible on dark dropdown */
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* common subtotal/amount fallbacks (in case your subtotal uses these) */
.mini-subtotal,
.mini-total,
.mini-amount,
.miniSubtotal,
.miniTotal,
.miniAmount {
  color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
/* =========================================
   MINICART: BADGE + PRICE VISIBILITY FIX
   Classes confirmed by user:
   - .miniCartBadge
   - .mini-price
   ========================================= */

.miniCartBadge {
  color: #ffffff !important;
  background: #0ea5e9 !important; /* readable accent */
  border: 1px solid rgba(255,255,255,.18) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* price text in mini cart */
.mini-price,
.mini-price * {
  color: #ffffff !important;   /* visible on dark dropdown */
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* common subtotal/amount fallbacks (in case your subtotal uses these) */
.mini-subtotal,
.mini-total,
.mini-amount,
.miniSubtotal,
.miniTotal,
.miniAmount {
  color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}