/* 88Trader Dark Theme for WooCommerce
   Scope everything under .theme-88trader-dark for safety
---------------------------------------------------------------- */

:root {
  --a88-bg: #0b0b10;
  --a88-bg-2: #0f0f14;
  --a88-surface-600: #12121a;
  --a88-surface-500: #151523;
  --a88-surface-400: #1b1b2b;
  --a88-text: #e8e8ee;
  --a88-text-dim: #b8b8c6;
  --a88-border: #2a2a3d;
  --a88-success: #1db954;
  --a88-warning: #f0b429;
  --a88-danger: #ff4d4f;
  --a88-brand: #8F3EFF;
  --a88-brand-2: #992584;
  --a88-focus: #8F3EFF55;
  --a88-radius: 14px;
  --a88-input-h: 46px;
  --a88-shadow: 0 6px 28px rgba(0,0,0,0.35);
}

/* Base page */
.theme-88trader-dark,
.theme-88trader-dark body {
  background: var(--a88-bg);
  color: var(--a88-text);
}

/* Links & accents */
.theme-88trader-dark a {
  color: var(--a88-text);
  text-decoration: none;
}
.theme-88trader-dark a:hover {
  color: var(--a88-brand);
}

/* Cards / panels */
.theme-88trader-dark .card,
.theme-88trader-dark .woocommerce-account .woocommerce,
.theme-88trader-dark .woocommerce-order,
.theme-88trader-dark .woocommerce-MyAccount-content,
.theme-88trader-dark .woocommerce-checkout #customer_details,
.theme-88trader-dark .woocommerce-checkout #order_review,
.theme-88trader-dark .woocommerce-cart,
.theme-88trader-dark .woocommerce-MyAccount-navigation,
.theme-88trader-dark .woocommerce-message,
.theme-88trader-dark .woocommerce-error,
.theme-88trader-dark .woocommerce-info {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  border-radius: var(--a88-radius);
  box-shadow: var(--a88-shadow);
}

/* Notices */
.theme-88trader-dark .woocommerce-message {
  border-left: 3px solid var(--a88-success);
}
.theme-88trader-dark .woocommerce-error {
  border-left: 3px solid var(--a88-danger);
}
.theme-88trader-dark .woocommerce-info {
  border-left: 3px solid var(--a88-brand);
}

/* Headings */
.theme-88trader-dark h1, 
.theme-88trader-dark h2, 
.theme-88trader-dark h3,
.theme-88trader-dark .woocommerce-order-details__title,
.theme-88trader-dark .woocommerce-columns--addresses h2,
.theme-88trader-dark .woocommerce-Address-title h3 {
  color: #fff;
}

/* Inputs */
.theme-88trader-dark input[type="text"],
.theme-88trader-dark input[type="email"],
.theme-88trader-dark input[type="password"],
.theme-88trader-dark input[type="tel"],
.theme-88trader-dark input[type="number"],
.theme-88trader-dark textarea,
.theme-88trader-dark select {
  background: var(--a88-surface-500);
  color: var(--a88-text);
  border: 1px solid var(--a88-border);
  border-radius: 10px;
  height: var(--a88-input-h);
  padding: 10px 12px;
  box-shadow: none;
}
.theme-88trader-dark textarea { min-height: 120px; }
.theme-88trader-dark input::placeholder, 
.theme-88trader-dark textarea::placeholder {
  color: var(--a88-text-dim);
}
.theme-88trader-dark input:focus,
.theme-88trader-dark textarea:focus,
.theme-88trader-dark select:focus {
  outline: none;
  border-color: var(--a88-brand);
  box-shadow: 0 0 0 4px var(--a88-focus);
}

/* Buttons */
.theme-88trader-dark .button,
.theme-88trader-dark button,
.theme-88trader-dark .woocommerce a.button,
.theme-88trader-dark .woocommerce button.button,
.theme-88trader-dark .woocommerce input.button {
  background: linear-gradient(90deg, var(--a88-brand), var(--a88-brand-2));
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  transition: transform .06s ease, opacity .2s ease;
}
.theme-88trader-dark .button:hover,
.theme-88trader-dark button:hover,
.theme-88trader-dark .woocommerce a.button:hover,
.theme-88trader-dark .woocommerce button.button:hover,
.theme-88trader-dark .woocommerce input.button:hover {
  transform: translateY(-1px);
  opacity: .95;
}
.theme-88trader-dark .button.alt,
.theme-88trader-dark .woocommerce button.button.alt {
  background: linear-gradient(90deg, var(--a88-brand-2), var(--a88-brand));
}

/* Tables (Orders, Subscriptions, etc.) */
.theme-88trader-dark table.shop_table {
  background: transparent;
  border: 1px solid var(--a88-border);
  border-radius: var(--a88-radius);
}
.theme-88trader-dark table.shop_table th,
.theme-88trader-dark table.shop_table td {
  border-color: var(--a88-border);
  color: var(--a88-text);
}
.theme-88trader-dark table.shop_table thead th {
  background: var(--a88-surface-400);
  color: #fff;
}
.theme-88trader-dark table.shop_table tbody tr:nth-child(odd) td {
  background: var(--a88-surface-600);
}
.theme-88trader-dark table.shop_table tbody tr:nth-child(even) td {
  background: var(--a88-surface-500);
}

/* My Account nav */
.theme-88trader-dark .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.theme-88trader-dark .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 10px 14px;
  color: var(--a88-text);
  border-radius: 10px;
  border: 1px solid transparent;
}
.theme-88trader-dark .woocommerce-MyAccount-navigation li.is-active a,
.theme-88trader-dark .woocommerce-MyAccount-navigation li a:hover {
  background: var(--a88-surface-500);
  border-color: var(--a88-border);
  color: #fff;
}

/* Checkout structure */
.theme-88trader-dark .woocommerce-checkout #customer_details,
.theme-88trader-dark .woocommerce-checkout #order_review {
  padding: 20px;
}
.theme-88trader-dark .woocommerce-checkout-review-order-table tfoot th,
.theme-88trader-dark .woocommerce-checkout-review-order-table tfoot td {
  background: var(--a88-surface-400);
}

/* Payment boxes */
.theme-88trader-dark .payment_box {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  color: var(--a88-text);
  border-radius: 10px;
}

/* Select2 (country/state) */
.theme-88trader-dark .select2-container--default .select2-selection--single {
  background: var(--a88-surface-500);
  border: 1px solid var(--a88-border);
  height: var(--a88-input-h);
  border-radius: 10px;
}
.theme-88trader-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--a88-text);
  line-height: var(--a88-input-h);
  padding-left: 12px;
}
.theme-88trader-dark .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--a88-text) transparent transparent transparent; }
.theme-88trader-dark .select2-dropdown { background: var(--a88-surface-500); color: var(--a88-text); border: 1px solid var(--a88-border); }
.theme-88trader-dark .select2-results__option--highlighted { background: var(--a88-brand); color: #fff; }

/* Subscriptions plugin specifics */
.theme-88trader-dark .woocommerce table.subscription_details,
.theme-88trader-dark .woocommerce table.woocommerce-table--order-details {
  background: transparent;
}
.theme-88trader-dark .subscription_details th { background: var(--a88-surface-400); }
.theme-88trader-dark .subscription_details td { background: var(--a88-surface-500); }

/* Forms alignment & spacing */
.theme-88trader-dark .form-row {
  margin-bottom: 14px;
}

/* Coupons */
.theme-88trader-dark .checkout_coupon {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  border-radius: 10px;
}

/* Badges / small chips */
.theme-88trader-dark .a88-chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: linear-gradient(90deg, var(--a88-brand), var(--a88-brand-2));
  color: #fff;
}

/* Elementor containers commonly used */
.theme-88trader-dark .elementor-widget-container,
.theme-88trader-dark .elementor-container,
.theme-88trader-dark .e-con {
  color: var(--a88-text);
}
.theme-88trader-dark .elementor-field,
.theme-88trader-dark .elementor-field-textual {
  background: var(--a88-surface-500);
  border-color: var(--a88-border);
  color: var(--a88-text);
}

/* Grad-border utility for hero/cards/buttons */
.theme-88trader-dark .a88-grad-border {
  position: relative;
  border-radius: 16px;
}
.theme-88trader-dark .a88-grad-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--a88-brand), var(--a88-brand-2), #C000FB);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

/* Small utility spacing */
.theme-88trader-dark .mt-2{margin-top:.5rem;} .mt-3{margin-top:1rem;} .mt-4{margin-top:1.5rem;}
.theme-88trader-dark .mb-2{margin-bottom:.5rem;} .mb-3{margin-bottom:1rem;} .mb-4{margin-bottom:1.5rem;}

/* ---- Popup contexts (Elementor / JetPopup / Magnific / generic modals) ---- */
.theme-88trader-dark .elementor-popup-modal .dialog-widget-content,
.theme-88trader-dark .elementor-popup-modal .dialog-message,
.theme-88trader-dark .jet-popup__inner,
.theme-88trader-dark .jet-popup__container,
.theme-88trader-dark .mfp-content,
.theme-88trader-dark .a88-modal {
  background: rgba(11,11,16,0.92);
  color: var(--a88-text);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

/* Make Woo boxes inside popups dark as well (extra specificity) */
.theme-88trader-dark .elementor-popup-modal .woocommerce,
.theme-88trader-dark .elementor-popup-modal .woocommerce *,
.theme-88trader-dark .jet-popup__inner .woocommerce,
.theme-88trader-dark .jet-popup__inner .woocommerce * {
  color: var(--a88-text);
}

.theme-88trader-dark .elementor-popup-modal .woocommerce-account .woocommerce,
.theme-88trader-dark .elementor-popup-modal .woocommerce-order,
.theme-88trader-dark .elementor-popup-modal .woocommerce-MyAccount-content,
.theme-88trader-dark .elementor-popup-modal .woocommerce-checkout #customer_details,
.theme-88trader-dark .elementor-popup-modal .woocommerce-checkout #order_review,
.theme-88trader-dark .jet-popup__inner .woocommerce-account .woocommerce,
.theme-88trader-dark .jet-popup__inner .woocommerce-MyAccount-content,
.theme-88trader-dark .jet-popup__inner .woocommerce-order {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  border-radius: var(--a88-radius);
}

/* Buttons inside popup */
.theme-88trader-dark .elementor-popup-modal .button,
.theme-88trader-dark .elementor-popup-modal .woocommerce a.button,
.theme-88trader-dark .elementor-popup-modal .woocommerce button.button,
.theme-88trader-dark .elementor-popup-modal .woocommerce input.button,
.theme-88trader-dark .jet-popup__inner .button,
.theme-88trader-dark .jet-popup__inner .woocommerce a.button,
.theme-88trader-dark .jet-popup__inner .woocommerce button.button,
.theme-88trader-dark .jet-popup__inner .woocommerce input.button {
  background: linear-gradient(90deg, var(--a88-brand), var(--a88-brand-2));
  color: #fff !important;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 600;
}

/* Tables inside popup */
.theme-88trader-dark .elementor-popup-modal table.shop_table,
.theme-88trader-dark .jet-popup__inner table.shop_table {
  background: transparent;
  border: 1px solid var(--a88-border);
  border-radius: var(--a88-radius);
}
.theme-88trader-dark .elementor-popup-modal table.shop_table thead th,
.theme-88trader-dark .jet-popup__inner table.shop_table thead th {
  background: var(--a88-surface-400);
  color: #fff;
}
.theme-88trader-dark .elementor-popup-modal table.shop_table td,
.theme-88trader-dark .jet-popup__inner table.shop_table td,
.theme-88trader-dark .elementor-popup-modal table.shop_table th,
.theme-88trader-dark .jet-popup__inner table.shop_table th {
  border-color: var(--a88-border);
}

/* Payment method pills alignment */
.theme-88trader-dark .elementor-popup-modal .woocommerce .payment_methods li,
.theme-88trader-dark .jet-popup__inner .woocommerce .payment_methods li {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  border-radius: 12px;
  padding: 10px 12px;
}

/* Reduce large white page padding inside popups */
.theme-88trader-dark .elementor-popup-modal .woocommerce,
.theme-88trader-dark .jet-popup__inner .woocommerce {
  padding: 16px;
}

/* v1.0.2 — Popup backdrop + Degular font stack */

:root, .theme-88trader-dark, .theme-88trader-dark * {
  font-family: "Degular", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;
}

/* Darken the overlay behind the popup */
.theme-88trader-dark .elementor-popup-modal .dialog-widget-overlay,
.theme-88trader-dark .jet-popup__overlay,
.theme-88trader-dark .mfp-bg {
  background: rgba(6,6,10,0.92) !important;
  backdrop-filter: blur(2px);
}

/* Remove the default white popup shell; we style the inside Woo blocks instead */
.theme-88trader-dark .elementor-popup-modal .dialog-widget-content,
.theme-88trader-dark .mfp-content .mfp-iframe-scaler,
.theme-88trader-dark .jet-popup__container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Inner content wrapper look */
.theme-88trader-dark .elementor-popup-modal .dialog-message .woocommerce,
.theme-88trader-dark .jet-popup__inner .woocommerce {
  background: var(--a88-surface-600);
  border: 1px solid var(--a88-border);
  border-radius: 16px;
  padding: 18px;
}

/* Close button style to match Degular + brand */
.theme-88trader-dark .dialog-close-button,
.theme-88trader-dark .jet-popup__close {
  background: linear-gradient(90deg, var(--a88-brand), var(--a88-brand-2));
  color: #fff !important;
  border-radius: 12px;
  font-weight: 700;
  border: none;
}
.theme-88trader-dark .dialog-close-button:hover,
.theme-88trader-dark .jet-popup__close:hover { opacity: .95; transform: translateY(-1px); }

/* Ensure Select2 and table fonts inherit Degular */
.theme-88trader-dark .select2-container,
.theme-88trader-dark table.shop_table,
.theme-88trader-dark .woocommerce-MyAccount-content,
.theme-88trader-dark .woocommerce-MyAccount-navigation { font-family: inherit; }

/* v1.0.3 — Hard override overlay + common white wrappers */
.theme-88trader-dark .dialog-widget-overlay,
.theme-88trader-dark .elementor-popup-modal .dialog-widget-overlay,
.theme-88trader-dark .jet-popup__overlay,
.theme-88trader-dark .mfp-bg {
  background: rgba(6,6,10,0.95) !important;
  backdrop-filter: blur(2px);
}

.theme-88trader-dark .elementor-popup-modal .dialog-widget-content,
.theme-88trader-dark .jet-popup__container,
.theme-88trader-dark .mfp-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Generic white blocks that often appear in account templates */
.theme-88trader-dark .woocommerce-account .woocommerce,
.theme-88trader-dark .woocommerce-MyAccount-content,
.theme-88trader-dark .woocommerce-order {
  background: var(--a88-surface-600) !important;
}

/* v1.0.4 — Ensure iframe page can be transparent inside popup */
.theme-88trader-dark.a88-inside-iframe html,
.theme-88trader-dark.a88-inside-iframe body {
  background: transparent !important;
}

/* Tighten Woo table spacing a bit (optional polish) */
.theme-88trader-dark table.shop_table td,
.theme-88trader-dark table.shop_table th { padding: 12px 14px; }