/*
Theme Name: Ecompass
Theme URI: https://encompasspeptides.com/
Author: Antigravity
Author URI: https://encompasspeptides.com/
Description: Custom WooCommerce theme converted from React for Encompass Peptides.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecompass
Tags: e-commerce
*/

/* Prevent logo & image overflow globally */
header img,
.site-header img,
.custom-logo {
  max-height: 48px !important;
  max-width: 220px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Direct Payments / P2P plugin container overrides - fixing .yusd white background & Venmo tab styling */
.p2p-plugin-container,
.p2p-plugin-container *,
div.p2p-plugin-container,
div.p2p-plugin-container * {
  box-sizing: border-box;
}

.p2p-plugin-container {
  background: rgba(13, 15, 18, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.5rem !important;
  color: #e5e7eb !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 1.25rem !important;
}

/* Hide redundant multi-step modal headers & sidebar tabs */
.p2p-plugin-container #step1,
.p2p-plugin-container .colt.yusd.digages_popmodal.allbtn,
.p2p-plugin-container .allbtn,
.p2p-plugin-container .digages_popmodal,
.p2p-plugin-container .d-sm-none,
.p2p-plugin-container .modhe,
.p2p-plugin-container .modheq,
.p2p-plugin-container .bi-x,
.p2p-plugin-container .xcsxt,
.p2p-plugin-container .ppsjzzx,
.p2p-plugin-container .rsdsd,
.p2p-plugin-container .mobhedtumaz {
  display: none !important;
}

/* Expand main Venmo payment details card to 100% full container width */
.p2p-plugin-container,
.p2p-plugin-container .conta.step,
.p2p-plugin-container #step2,
.p2p-plugin-container .rowt,
.p2p-plugin-container .colt,
.p2p-plugin-container .colt-12,
.p2p-plugin-container .digages_popmodal2,
.p2p-plugin-container .llks,
.p2p-plugin-container div.llks {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
}

/* Style active Venmo details box */
.p2p-plugin-container .poill,
.p2p-plugin-container .digages_popmodal2 > div {
  background: rgba(0, 240, 209, 0.05) !important;
  border: 1px solid rgba(0, 240, 209, 0.3) !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Colors & fonts */
.p2p-plugin-container p,
.p2p-plugin-container h1,
.p2p-plugin-container h2,
.p2p-plugin-container h3,
.p2p-plugin-container h4,
.p2p-plugin-container h5,
.p2p-plugin-container h6,
.p2p-plugin-container strong,
.p2p-plugin-container b {
  color: #ffffff !important;
}

.p2p-plugin-container .numb,
.p2p-plugin-container .accntnamv,
.p2p-plugin-container .digages-woodp-order-amount,
.p2p-plugin-container .digages-woodp-order-currency {
  color: #00f0d1 !important;
  font-weight: 900 !important;
}

/* Force action buttons to crisp solid cyan background with black text */
.p2p-plugin-container button,
.p2p-plugin-container .button,
.p2p-plugin-container input[type="submit"],
.p2p-plugin-container input[type="button"],
.p2p-plugin-container .ppopbtn,
.p2p-plugin-container .ppopbtnq,
.p2p-plugin-container .digages-next-step-proof,
.p2p-plugin-container .digages-next-step-skip,
.p2p-plugin-container .digages-qrcodepop,
.p2p-plugin-container .digages-actdetailpop {
  background-color: #00f0d1 !important;
  background: #00f0d1 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 9999px !important;
  padding: 0.875rem 2rem !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 25px rgba(0, 240, 209, 0.35) !important;
  width: 100% !important;
  margin-top: 1rem !important;
}

.p2p-plugin-container button *,
.p2p-plugin-container .button *,
.p2p-plugin-container input[type="submit"] *,
.p2p-plugin-container .ppopbtn *,
.p2p-plugin-container .ppopbtnq *,
.p2p-plugin-container .digages-next-step-proof *,
.p2p-plugin-container .digages-next-step-skip *,
.p2p-plugin-container .digages-qrcodepop *,
.p2p-plugin-container .digages-actdetailpop * {
  color: #000000 !important;
  font-weight: 900 !important;
}

/* Style Change payment method button */
.p2p-plugin-container button.tumazrebgor,
.p2p-plugin-container div.tumazrebgor button,
.p2p-plugin-container .tumazrebgor {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 9999px !important;
  padding: 10px 24px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 1rem !important;
  display: inline-block !important;
  width: auto !important;
  box-shadow: none !important;
}

.p2p-plugin-container button.tumazrebgor *,
.p2p-plugin-container div.tumazrebgor button * {
  color: #ffffff !important;
}

.p2p-plugin-container .yusd,
div.yusd,
.p2p-plugin-container .llks,
div.llks,
.p2p-plugin-container .poill,
.p2p-plugin-container .tumazrebgor,
.p2p-plugin-container .tebgor {
  background-color: transparent !important;
  background: transparent !important;
  color: #e5e7eb !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.p2p-plugin-container table,
.p2p-plugin-container div,
.p2p-plugin-container section,
.p2p-plugin-container fieldset,
.p2p-plugin-container tr,
.p2p-plugin-container tbody,
.p2p-plugin-container thead,
.p2p-plugin-container ul,
.p2p-plugin-container li,
.p2p-plugin-container .card,
.p2p-plugin-container .modal-content,
.p2p-plugin-container .digages_popmodal,
.p2p-plugin-container .digages_popmodal2,
.p2p-plugin-container .digages-woodp-nav-linktbg {
  background-color: transparent !important;
  background: transparent !important;
  color: #e5e7eb !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.p2p-plugin-container .rsdsd,
.p2p-plugin-container div.rsdsd {
  color: #9ca3af !important;
  font-weight: 800 !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Base style for tabs/buttons */
.p2p-plugin-container a,
.p2p-plugin-container .nav-linkt,
.p2p-plugin-container .btnx,
.p2p-plugin-container .nav-link,
a.nav-linkt,
.nav-linkt {
  background-color: rgba(255, 255, 255, 0.05) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.75rem !important;
  text-decoration: none !important;
}

/* Hover state */
.p2p-plugin-container a:hover,
.p2p-plugin-container .nav-linkt:hover,
.p2p-plugin-container .btnx:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border-color: rgba(0, 240, 209, 0.4) !important;
}

/* Active tab state (e.g. Venmo active tab) - override white background completely */
.p2p-plugin-container .active,
.p2p-plugin-container a.active,
.p2p-plugin-container .nav-linkt.active,
.p2p-plugin-container .btnx.active,
.p2p-plugin-container .nav-link.active,
.p2p-plugin-container .digages-woodp-nav-linktbg .active,
.p2p-plugin-container [aria-selected="true"],
a.nav-linkt.active,
.nav-linkt.active {
  background-color: #0b1e24 !important;
  background: #0b1e24 !important;
  color: #00f0d1 !important;
  font-weight: 800 !important;
  border: 1px solid #00f0d1 !important;
  box-shadow: 0 0 15px rgba(0, 240, 209, 0.25) !important;
}

/* Ensure text and icon elements inside active tabs are cyan */
.p2p-plugin-container a.active *,
.p2p-plugin-container .nav-linkt.active *,
.p2p-plugin-container .btnx.active *,
.p2p-plugin-container .active *,
.p2p-plugin-container [aria-selected="true"] *,
a.nav-linkt.active *,
.nav-linkt.active * {
  color: #00f0d1 !important;
}

.p2p-plugin-container a:not(.active) *,
.p2p-plugin-container .nav-linkt:not(.active) *,
.p2p-plugin-container .btnx:not(.active) * {
  color: #e5e7eb !important;
}

.p2p-plugin-container th,
.p2p-plugin-container td {
  background-color: transparent !important;
  background: transparent !important;
  color: #e5e7eb !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.p2p-plugin-container th {
  color: #9ca3af !important;
  text-transform: uppercase !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.05em !important;
  font-weight: 800 !important;
}

.p2p-plugin-container p,
.p2p-plugin-container h1,
.p2p-plugin-container h2,
.p2p-plugin-container h3,
.p2p-plugin-container h4,
.p2p-plugin-container h5,
.p2p-plugin-container h6,
.p2p-plugin-container strong,
.p2p-plugin-container b {
  color: #ffffff !important;
}

.p2p-plugin-container input[type="text"],
.p2p-plugin-container input[type="email"],
.p2p-plugin-container select,
.p2p-plugin-container textarea {
  background-color: #0b0d10 !important;
  background: #0b0d10 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 0.75rem !important;
}

/* Action buttons ("I have sent the money", "Submit for confirmation") - solid black text on bright cyan background */
.p2p-plugin-container button,
.p2p-plugin-container .button,
.p2p-plugin-container input[type="submit"],
.p2p-plugin-container input[type="button"],
.p2p-plugin-container .ppopbtn,
.p2p-plugin-container .ppopbtnq,
.p2p-plugin-container .digages-next-step-proof,
.p2p-plugin-container .digages-next-step-skip,
.p2p-plugin-container .digages-qrcodepop,
.p2p-plugin-container .digages-actdetailpop {
  background-color: #00f0d1 !important;
  background: #00f0d1 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1.5rem !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 20px rgba(0, 240, 209, 0.3) !important;
}

.p2p-plugin-container button *,
.p2p-plugin-container .button *,
.p2p-plugin-container input[type="submit"] *,
.p2p-plugin-container .ppopbtn *,
.p2p-plugin-container .ppopbtnq *,
.p2p-plugin-container .digages-next-step-proof *,
.p2p-plugin-container .digages-next-step-skip *,
.p2p-plugin-container .digages-qrcodepop *,
.p2p-plugin-container .digages-actdetailpop * {
  color: #000000 !important;
  font-weight: 900 !important;
}

/* ==========================================================================
   SliceWP Affiliate Portal Dark Glassmorphic Styling
   Overrides default SliceWP frontend CSS for live upload compatibility
   ========================================================================== */

#slicewp-affiliate-account,
.slicewp-menu-top,
div[id^="slicewp-"] {
  background: transparent !important;
  color: #e5e7eb !important;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
}

/* SliceWP Form Card Container */
.slicewp-form,
#slicewp-affiliate-login-form,
#slicewp-affiliate-register-form,
#slicewp-affiliate-reset-password-form,
#slicewp-affiliate-lost-password-form {
  background: rgba(13, 15, 18, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) !important;
  border-radius: 1.75rem !important;
  padding: 2.5rem 2rem !important;
  max-width: 32rem !important;
  margin: 2rem auto !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(0, 240, 209, 0.05) !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* 1. Tab Navigation Wrapper */
#slicewp-affiliate-account-nav-tab,
.slicewp-nav-tab-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 1.25rem !important;
  padding: 0.5rem !important;
  margin-bottom: 2rem !important;
  list-style: none !important;
}

.slicewp-nav-tab {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.slicewp-nav-tab a {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.625rem 1.25rem !important;
  border-radius: 0.875rem !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #9ca3af !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.slicewp-nav-tab a svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
  stroke: currentColor !important;
  fill: none !important;
}

.slicewp-nav-tab:hover a,
.slicewp-nav-tab a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Active Nav Tab */
.slicewp-nav-tab.slicewp-active a,
.slicewp-nav-tab.slicewp-active a:hover {
  background: #00f0d1 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  border-color: #00f0d1 !important;
  box-shadow: 0 0 20px rgba(0, 240, 209, 0.3) !important;
}

.slicewp-nav-tab.slicewp-active a svg {
  stroke: #000000 !important;
  stroke-width: 2.5 !important;
}

/* 2. Cards & KPI Dashboard Grid */
.slicewp-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1.25rem !important;
  margin-bottom: 2rem !important;
}

.slicewp-card {
  background: rgba(13, 15, 18, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem !important;
  color: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.slicewp-card-title {
  color: #9ca3af !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 0.5rem !important;
}

.slicewp-kpi-value {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: #00f0d1 !important;
}

.slicewp-card-footer a {
  color: #00f0d1 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.slicewp-section-heading {
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-bottom: 0.5rem !important;
}

/* 3. Inputs & Form Fields */
.slicewp-field-wrapper {
  margin-bottom: 1.25rem !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
}

.slicewp-field-label-wrapper label,
.slicewp-field-wrapper label,
.slicewp-form label {
  color: #00f0d1 !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
}

.slicewp-field-required-marker,
.slicewp-field-wrapper label span {
  color: #00f0d1 !important;
  font-weight: 900 !important;
}

.slicewp-field-description p {
  color: #9ca3af !important;
  font-size: 0.8rem !important;
  margin-bottom: 0.75rem !important;
}

#slicewp-affiliate-link,
#slicewp-affiliate-custom-link-input,
#slicewp-affiliate-custom-link-output,
.slicewp-form input[type="text"],
.slicewp-form input[type="password"],
.slicewp-form input[type="email"],
.slicewp-form input[type="number"],
.slicewp-form select,
.slicewp-form textarea,
.slicewp-field-inner input,
.slicewp-field-input-password input,
.slicewp-card input[type="text"],
.slicewp-card input[type="email"],
.slicewp-card select,
#slicewp-user-login,
#slicewp-user-password,
#slicewp-user-email {
  width: 100% !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.875rem !important;
  padding: 0.875rem 1.25rem !important;
  font-size: 0.9rem !important;
  font-family: 'JetBrains Mono', monospace !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  margin-bottom: 0 !important;
}

.slicewp-form input:focus,
.slicewp-field-inner input:focus,
.slicewp-field-input-password input:focus,
.slicewp-card input:focus,
#slicewp-user-login:focus,
#slicewp-user-password:focus {
  border-color: #00f0d1 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 20px rgba(0, 240, 209, 0.25) !important;
}

/* Password Toggle Icon */
.slicewp-field-input-password {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.slicewp-field-input-password .slicewp-show-hide-password {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #00f0d1 !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  z-index: 5 !important;
}

.slicewp-field-input-password .slicewp-show-hide-password:hover {
  opacity: 1 !important;
}

.slicewp-field-input-password .slicewp-show-hide-password svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  stroke: #00f0d1 !important;
  fill: none !important;
}

/* 4. SliceWP Notice Alerts (Error, Success, Info) */
.slicewp-notice,
.slicewp-form-notices,
div[class*="slicewp-notice"],
.slicewp-form .slicewp-notice,
.notice-error.slicewp-notice {
  display: block !important;
  padding: 1rem 1.25rem !important;
  border-radius: 1rem !important;
  margin-bottom: 1.5rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  box-sizing: border-box !important;
  backdrop-filter: blur(12px) !important;
  text-align: left !important;
}

/* Error Notice Styling */
.slicewp-notice-error,
.slicewp-notice-warning,
.slicewp-notice.notice-error,
div[class*="slicewp-notice-error"],
div[class*="slicewp-notice"][class*="error"] {
  background: rgba(244, 63, 94, 0.15) !important;
  border: 1px solid rgba(244, 63, 94, 0.4) !important;
  color: #ffffff !important;
  box-shadow: 0 0 25px rgba(244, 63, 94, 0.2) !important;
}

.slicewp-notice-error p,
.slicewp-notice-warning p,
div[class*="slicewp-notice-error"] p,
.slicewp-notice.notice-error p,
.slicewp-notice-error *,
.slicewp-notice.notice-error * {
  color: #ffffff !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

/* Success Notice Styling */
.slicewp-notice-success,
.slicewp-notice.notice-success,
div[class*="slicewp-notice-success"] {
  background: rgba(0, 240, 209, 0.15) !important;
  border: 1px solid rgba(0, 240, 209, 0.4) !important;
  color: #00f0d1 !important;
  box-shadow: 0 0 25px rgba(0, 240, 209, 0.2) !important;
}

.slicewp-notice-success p,
div[class*="slicewp-notice-success"] p,
.slicewp-notice-success * {
  color: #00f0d1 !important;
  margin: 0 !important;
  font-weight: 700 !important;
}

/* Info Notice Styling */
.slicewp-notice-info,
div[class*="slicewp-notice-info"] {
  background: rgba(59, 130, 246, 0.15) !important;
  border: 1px solid rgba(59, 130, 246, 0.4) !important;
  color: #93c5fd !important;
  box-shadow: 0 0 25px rgba(59, 130, 246, 0.2) !important;
}

.slicewp-notice-info p,
div[class*="slicewp-notice-info"] p,
.slicewp-notice-info * {
  color: #93c5fd !important;
  margin: 0 !important;
}

/* 5. Buttons & Lost Password Links */
.slicewp-button-primary,
.slicewp-generate-affiliate-link,
.slicewp-input-copy,
.slicewp-button-view-qr-code,
.slicewp-form button[type="submit"],
.slicewp-card button[type="submit"] {
  width: 100% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background-color: #00f0d1 !important;
  background: #00f0d1 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border-radius: 9999px !important;
  padding: 0.875rem 2rem !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 25px rgba(0, 240, 209, 0.35) !important;
  transition: all 0.2s ease !important;
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}

.slicewp-button-primary:hover,
.slicewp-form button[type="submit"]:hover,
.slicewp-card button[type="submit"]:hover {
  background-color: #00d6ba !important;
  box-shadow: 0 0 35px rgba(0, 240, 209, 0.5) !important;
  transform: translateY(-1px) !important;
}

.slicewp-button-primary *,
.slicewp-input-copy *,
.slicewp-button-view-qr-code * {
  color: #000000 !important;
  font-weight: 900 !important;
  fill: none !important;
}

/* Lost Password Link */
.slicewp-lost-password,
.slicewp-form .slicewp-lost-password {
  margin-top: 1.25rem !important;
  text-align: center !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.slicewp-lost-password a,
.slicewp-form a {
  color: #9ca3af !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  background: transparent !important;
}

.slicewp-lost-password a:hover,
.slicewp-form a:hover {
  color: #00f0d1 !important;
  text-decoration: underline !important;
}

/* 4. Tables */
.slicewp-list-table-wrapper {
  background: rgba(13, 15, 18, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.25rem !important;
  overflow: hidden !important;
  margin-top: 1rem !important;
}

.slicewp-list-table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.slicewp-list-table th {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #9ca3af !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 0.875rem 1rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-align: left !important;
}

.slicewp-list-table td {
  padding: 1rem !important;
  color: #e5e7eb !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 0.85rem !important;
}

/* 5. Date Picker & Filters */
.slicewp-date-picker-input {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

.slicewp-date-picker-input svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  fill: #00f0d1 !important;
}

.slicewp-commission-rate-tag-sale {
  display: inline-block !important;
  background: rgba(0, 240, 209, 0.1) !important;
  color: #00f0d1 !important;
  border: 1px solid rgba(0, 240, 209, 0.3) !important;
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
}

/* ==========================================================================
   WOOCOMMERCE MY ACCOUNT PAGE GLASSMORPHIC STYLING
   ========================================================================== */
body.woocommerce-account,
.woocommerce-account,
.woocommerce-account main,
.woocommerce-account #primary,
.woocommerce-account #page,
.woocommerce-account .site-main {
  background-color: #0b0d10 !important;
  background: #0b0d10 !important;
  color: #e5e7eb !important;
}

.woocommerce-account .entry-content,
.woocommerce-account .woocommerce {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

@media (min-width: 768px) {
  .woocommerce-account .woocommerce {
    flex-direction: row !important;
    align-items: flex-start !important;
  }
}

/* Sidebar Navigation Tabs */
.woocommerce-MyAccount-navigation {
  width: 100% !important;
  flex: 0 0 260px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 1.25rem !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

.woocommerce-MyAccount-navigation-link {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation-link a {
  display: flex !important;
  align-items: center !important;
  padding: 0.875rem 1.25rem !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0.875rem !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-navigation-link a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(0, 240, 209, 0.4) !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  background: #0b1e24 !important;
  color: #00f0d1 !important;
  border: 1px solid #00f0d1 !important;
  box-shadow: 0 0 15px rgba(0, 240, 209, 0.25) !important;
  font-weight: 800 !important;
}

/* My Account Content Panel */
.woocommerce-MyAccount-content {
  width: 100% !important;
  flex: 1 1 auto !important;
  background: rgba(13, 15, 18, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1.5rem !important;
  padding: 2rem !important;
  box-sizing: border-box !important;
  color: #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content div,
.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content legend {
  color: #e5e7eb !important;
}

.woocommerce-MyAccount-content strong,
.woocommerce-MyAccount-content b,
.woocommerce-MyAccount-content mark {
  color: #00f0d1 !important;
  background: transparent !important;
}

/* Form Controls & Inputs */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select,
.woocommerce-account textarea {
  background-color: #0b0d10 !important;
  background: #0b0d10 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1rem !important;
  font-size: 0.875rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  border-color: #00f0d1 !important;
  outline: none !important;
  box-shadow: 0 0 10px rgba(0, 240, 209, 0.2) !important;
}

.woocommerce-account label {
  color: #9ca3af !important;
  font-weight: 800 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 0.375rem !important;
  display: block !important;
}

/* Buttons */
.woocommerce-account button.button,
.woocommerce-account .button,
.woocommerce-account input[type="submit"],
.woocommerce-account a.button {
  background: #00f0d1 !important;
  color: #000000 !important;
  font-weight: 900 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 9999px !important;
  padding: 0.875rem 2rem !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 0 25px rgba(0, 240, 209, 0.35) !important;
  display: inline-block !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-account button.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover,
.woocommerce-account a.button:hover {
  background: #00d6ba !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 30px rgba(0, 240, 209, 0.5) !important;
}

/* Tables (Orders, Addresses, Downloads) */
.woocommerce-account table.shop_table,
.woocommerce-account table.my_account_orders {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  margin-top: 1rem !important;
}

.woocommerce-account table.shop_table th {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #9ca3af !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 1rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-account table.shop_table td {
  padding: 1rem !important;
  color: #e5e7eb !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.woocommerce-account table.shop_table tr:last-child td {
  border-bottom: none !important;
}

/* WooCommerce Notices & Alerts */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
  background: rgba(0, 240, 209, 0.08) !important;
  border: 1px solid rgba(0, 240, 209, 0.3) !important;
  border-radius: 1rem !important;
  color: #ffffff !important;
  padding: 1rem 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.woocommerce-account .woocommerce-error {
  background: rgba(244, 63, 94, 0.08) !important;
  border-color: rgba(244, 63, 94, 0.3) !important;
  color: #fecdd3 !important;
}