/* TestaMind Account Page Styles - Ultra Modern Design */
/* Colors: Neon gradient borders, Black backgrounds, White text */

/* ============================================
   FORCE BLACK BACKGROUND EVERYWHERE
   ============================================ */
body.woocommerce-account,
body.woocommerce-account *:not(.ld-progress-bar-percentage):not(.ld-status-icon):not(.ld-expand-button):not(button):not(input[type="submit"]) {
  background-color: #000000 !important;
}

body.woocommerce-account,
body.woocommerce-account *,
body.page-template-default.woocommerce-account {
  --ld-primary-color: #00f5d4 !important;
  --ld-secondary-color: #f15bb5 !important;
}

body.woocommerce-account .ld-primary-background,
body.woocommerce-account .ld-secondary-background {
  background: linear-gradient(135deg, #667eea, #f15bb5) !important;
}

body.woocommerce-account .ld-primary-color,
body.woocommerce-account .ld-secondary-color {
  color: #00f5d4 !important;
}

/* ============================================
   BASE STYLES - PURE BLACK
   ============================================ */
body.woocommerce-account,
body.page-template-default.woocommerce-account {
  font-family: 'Heebo', sans-serif !important;
  background: #000000 !important;
  color: #ffffff !important;
  min-height: 100vh;
}

html,
html body,
html body.woocommerce-account {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Override any theme wrapper backgrounds */
body.woocommerce-account #page,
body.woocommerce-account .site,
body.woocommerce-account .hfeed,
body.woocommerce-account #wrapper,
body.woocommerce-account .wrapper,
body.woocommerce-account .main-wrapper,
body.woocommerce-account .page-wrapper,
body.woocommerce-account .site-container,
body.woocommerce-account .ast-separate-container {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* ============================================
   OVERRIDE GLOBAL BLUE COLOR #156AE9
   ============================================ */
html body.woocommerce-account,
html body.woocommerce-account * {
  --flavor-primary: #667eea !important;
  --flavor-dark: #000000 !important;
  --flavor-light: #ffffff !important;
  --flavor-link: #00f5d4 !important;
  --flavor-text: #ffffff !important;
  --flavor-bg: #000000 !important;
}

/* Override ALL inline blue colors */
body.woocommerce-account [style*="#156AE9"],
body.woocommerce-account [style*="#4b64e2"],
body.woocommerce-account [style*="#1d76da"],
body.woocommerce-account [style*="156AE9"],
body.woocommerce-account [style*="4b64e2"],
body.woocommerce-account [style*="1d76da"] {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #667eea !important;
  color: #ffffff !important;
}

/* Override blue background anywhere */
body.woocommerce-account [style*="background"][style*="156AE9"],
body.woocommerce-account [style*="background-color"][style*="156AE9"] {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Override blue text color anywhere */
body.woocommerce-account [style*="color"][style*="156AE9"] {
  color: #00f5d4 !important;
}

/* Override blue border anywhere */
body.woocommerce-account [style*="border"][style*="156AE9"] {
  border-color: #667eea !important;
}

/* LearnDash specific blue overrides */
body.woocommerce-account .learndash-wrapper [style*="156AE9"],
body.woocommerce-account .ld-course-list [style*="156AE9"],
body.woocommerce-account .ld-item-list [style*="156AE9"] {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Astra theme blue overrides */
body.woocommerce-account .ast-primary-color,
body.woocommerce-account .ast-primary-background,
body.woocommerce-account a.ast-primary-color {
  color: #00f5d4 !important;
}

body.woocommerce-account .ast-primary-background {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* ============================================
   HEADER & FOOTER
   ============================================ */
body.woocommerce-account .site-header,
body.woocommerce-account header.site-header,
body.woocommerce-account #masthead {
  background: #0a0e1a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.woocommerce-account .site-footer,
body.woocommerce-account footer.site-footer,
body.woocommerce-account #colophon {
  background: #0a0e1a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

body.woocommerce-account .site-footer *,
body.woocommerce-account #colophon * {
  color: #ffffff !important;
}

/* ============================================
   MAIN CONTENT AREA
   ============================================ */
body.woocommerce-account .site-content,
body.woocommerce-account #content,
body.woocommerce-account .content-area,
body.woocommerce-account .ast-container,
body.woocommerce-account .entry-content {
  background: #0a0e1a !important;
}

/* ============================================
   TYPOGRAPHY - All White
   ============================================ */
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4,
body.woocommerce-account h5,
body.woocommerce-account h6,
body.woocommerce-account p,
body.woocommerce-account span,
body.woocommerce-account div,
body.woocommerce-account label,
body.woocommerce-account .entry-title {
  color: #ffffff !important;
  font-family: 'Heebo', sans-serif !important;
}

/* ============================================
   WOOCOMMERCE NAVIGATION - Ultra Gradient Border
   ============================================ */
.woocommerce-account .woocommerce-MyAccount-navigation {
  position: relative !important;
  background: #000000 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation::before {
  content: '' !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  right: -3px !important;
  bottom: -3px !important;
  background: linear-gradient(135deg, #667eea, #f15bb5, #00f5d4, #9b5de5, #667eea) !important;
  background-size: 400% 400% !important;
  border-radius: 23px !important;
  z-index: -1 !important;
  animation: gradientShift 3s ease infinite, neonPulse 2s ease-in-out infinite !important;
}

@keyframes borderGlow {
  0%, 100% {
    opacity: 1;
    filter: brightness(1);
  }
  25% {
    opacity: 0.8;
    filter: brightness(1.4);
  }
  50% {
    opacity: 1;
    filter: brightness(1.6);
  }
  75% {
    opacity: 0.9;
    filter: brightness(1.2);
  }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 8px !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 16px 20px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  background: transparent !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateX(-5px) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: linear-gradient(135deg, #667eea 0%, #f15bb5 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4) !important;
}

/* ============================================
   MAIN CONTENT - Ultra Gradient Border
   ============================================ */
.woocommerce-account .woocommerce-MyAccount-content {
  position: relative !important;
  background: #000000 !important;
  border-radius: 20px !important;
  padding: 32px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
  color: #ffffff !important;
}

.woocommerce-account .woocommerce-MyAccount-content::before {
  content: '' !important;
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  right: -3px !important;
  bottom: -3px !important;
  background: linear-gradient(135deg, #00f5d4, #9b5de5, #f15bb5, #667eea, #00f5d4) !important;
  background-size: 400% 400% !important;
  border-radius: 23px !important;
  z-index: -1 !important;
  animation: gradientShift 4s ease infinite, neonPulse 2.5s ease-in-out infinite !important;
}

/* ============================================
   LEARNDASH COURSE CARDS - Ultra Design
   ============================================ */
.woocommerce-account .ld-course-list,
.woocommerce-account .learndash-wrapper,
.woocommerce-account .ld-item-list {
  background: transparent !important;
}

.woocommerce-account .ld-item-list-item,
.woocommerce-account .ld-item-list-item-course {
  position: relative !important;
  background: #000000 !important;
  border: none !important;
  border-radius: 20px !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
  overflow: visible !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.woocommerce-account .ld-item-list-item::before,
.woocommerce-account .ld-item-list-item-course::before {
  content: '' !important;
  position: absolute !important;
  top: -4px !important;
  left: -4px !important;
  right: -4px !important;
  bottom: -4px !important;
  background: linear-gradient(135deg, #667eea, #f15bb5, #00f5d4, #9b5de5, #667eea) !important;
  background-size: 400% 400% !important;
  border-radius: 24px !important;
  z-index: -1 !important;
  animation: gradientShift 3s ease infinite, neonPulse 2s ease-in-out infinite !important;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; filter: brightness(1); }
  25% { background-position: 50% 50%; filter: brightness(1.5); }
  50% { background-position: 100% 50%; filter: brightness(1); }
  75% { background-position: 50% 50%; filter: brightness(1.8); }
  100% { background-position: 0% 50%; filter: brightness(1); }
}

@keyframes neonPulse {
  0%, 100% {
    box-shadow: 0 0 5px #667eea, 0 0 10px #667eea, 0 0 20px #f15bb5, 0 0 40px #f15bb5;
    filter: brightness(1);
  }
  50% {
    box-shadow: 0 0 10px #00f5d4, 0 0 20px #00f5d4, 0 0 40px #9b5de5, 0 0 80px #9b5de5;
    filter: brightness(1.3);
  }
}

.woocommerce-account .ld-item-list-item:hover,
.woocommerce-account .ld-item-list-item-course:hover {
  transform: translateY(-5px) scale(1.02) !important;
  box-shadow: 0 30px 60px rgba(102, 126, 234, 0.3) !important;
}

.woocommerce-account .ld-item-list-item-preview {
  background: #000000 !important;
  border-radius: 20px !important;
  padding: 24px !important;
}

/* Course Title */
.woocommerce-account .ld-item-name,
.woocommerce-account .ld-course-title,
.woocommerce-account .ld-item-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

.woocommerce-account .ld-item-name:hover {
  color: #00f5d4 !important;
}

/* Status Icon */
.woocommerce-account .ld-status-icon {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
  border: none !important;
}

.woocommerce-account .ld-status-icon.ld-status-complete {
  background: linear-gradient(135deg, #10b981, #00f5d4) !important;
}

/* Expand Button */
.woocommerce-account .ld-expand-button {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
}

.woocommerce-account .ld-expand-button:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.5) !important;
}

.woocommerce-account .ld-expand-button .ld-icon,
.woocommerce-account .ld-expand-button .ld-text {
  color: #ffffff !important;
}

/* Expanded Content */
.woocommerce-account .ld-item-list-item-expanded {
  background: #000000 !important;
  border-radius: 0 0 20px 20px !important;
  padding: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Progress Bar */
.woocommerce-account .ld-progress {
  background: #0a0a0a !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-top: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-account .ld-progress-heading {
  margin-bottom: 12px !important;
}

.woocommerce-account .ld-progress-label,
.woocommerce-account .ld-progress-stats,
.woocommerce-account .ld-progress-percentage,
.woocommerce-account .ld-progress-steps,
.woocommerce-account .ld-progress span,
.woocommerce-account .ld-progress div {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.woocommerce-account .ld-progress-percentage,
.woocommerce-account .ld-progress-percentage.ld-secondary-color,
.woocommerce-account .ld-progress-stats .ld-progress-percentage,
.woocommerce-account .ld-progress-stats .ld-progress-steps,
.woocommerce-account .ld-progress-steps,
.woocommerce-account div.ld-progress-percentage,
.woocommerce-account div.ld-progress-steps {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.woocommerce-account .ld-progress-bar {
  background: #1a1a1a !important;
  border-radius: 10px !important;
  height: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.woocommerce-account .ld-progress-bar-percentage {
  background: linear-gradient(90deg, #667eea, #f15bb5, #00f5d4, #f15bb5, #667eea) !important;
  background-size: 300% 100% !important;
  animation: progressGlow 2s ease infinite !important;
  border-radius: 10px !important;
  height: 100% !important;
}

@keyframes progressGlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* ============================================
   BUTTONS - Neon Style
   ============================================ */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"],
.woocommerce-account .ld-button {
  background: linear-gradient(135deg, #667eea 0%, #f15bb5 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4) !important;
  font-family: 'Heebo', sans-serif !important;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 40px rgba(241, 91, 181, 0.5) !important;
  background: linear-gradient(135deg, #f15bb5 0%, #00f5d4 100%) !important;
}

/* ============================================
   FORM INPUTS
   ============================================ */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="number"],
.woocommerce-account select,
.woocommerce-account textarea {
  background: #1a1a1a !important;
  border: 2px solid #2a2a2a !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  color: #ffffff !important;
  font-family: 'Heebo', sans-serif !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  border-color: #667eea !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2) !important;
}

.woocommerce-account input::placeholder {
  color: #666666 !important;
}

/* ============================================
   TABLES
   ============================================ */
.woocommerce-account table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #0d0d0d !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.woocommerce-account table thead {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
}

.woocommerce-account table thead th {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 18px !important;
  text-align: right !important;
  border: none !important;
}

.woocommerce-account table tbody tr {
  background: #0d0d0d !important;
  transition: all 0.3s ease !important;
}

.woocommerce-account table tbody tr:hover {
  background: #1a1a1a !important;
}

.woocommerce-account table tbody td {
  padding: 18px !important;
  border-bottom: 1px solid #1a1a1a !important;
  color: #ffffff !important;
}

.woocommerce-account table tbody td a {
  color: #00f5d4 !important;
  text-decoration: none !important;
}

.woocommerce-account table tbody td a:hover {
  color: #f15bb5 !important;
}

/* ============================================
   LINKS
   ============================================ */
.woocommerce-account a {
  color: #00f5d4 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.woocommerce-account a:hover {
  color: #f15bb5 !important;
}

/* ============================================
   NOTICES & MESSAGES
   ============================================ */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
  background: linear-gradient(135deg, rgba(0, 245, 212, 0.1), rgba(102, 126, 234, 0.1)) !important;
  border: 2px solid #00f5d4 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
}

.woocommerce-account .woocommerce-error {
  background: linear-gradient(135deg, rgba(241, 91, 181, 0.1), rgba(239, 68, 68, 0.1)) !important;
  border: 2px solid #f15bb5 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  padding: 20px 24px !important;
}

/* ============================================
   ADDRESS CARDS
   ============================================ */
.woocommerce-account .woocommerce-Address {
  position: relative !important;
  background: #0d0d0d !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 20px !important;
}

.woocommerce-account .woocommerce-Address::before {
  content: '' !important;
  position: absolute !important;
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  background: linear-gradient(135deg, #9b5de5, #00f5d4) !important;
  border-radius: 22px !important;
  z-index: -1 !important;
}

.woocommerce-account .woocommerce-Address-title h3 {
  color: #00f5d4 !important;
}

/* ============================================
   RESPONSIVE - Mobile First
   ============================================ */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 24px !important;
    padding: 20px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 14px 16px !important;
    font-size: 14px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 20px !important;
  }

  .woocommerce-account .ld-item-list-item-preview {
    padding: 16px !important;
  }

  .woocommerce-account .ld-course-title {
    font-size: 16px !important;
  }

  .woocommerce-account table {
    font-size: 13px !important;
    display: block !important;
    overflow-x: auto !important;
  }

  .woocommerce-account .woocommerce-Button,
  .woocommerce-account .button {
    width: 100% !important;
    text-align: center !important;
    padding: 16px 20px !important;
  }

  .woocommerce-account .ld-item-list-item:hover {
    transform: none !important;
  }
}

/* ============================================
   ASTRA THEME OVERRIDES
   ============================================ */
body.woocommerce-account .ast-separate-container .ast-article-post,
body.woocommerce-account .ast-separate-container .ast-article-single {
  background: transparent !important;
  padding: 0 !important;
}

body.woocommerce-account .ast-separate-container .site-content > .ast-container {
  max-width: 1200px !important;
  padding: 40px 20px !important;
}

body.woocommerce-account .main-navigation a {
  color: #ffffff !important;
}

body.woocommerce-account .main-navigation a:hover {
  color: #00f5d4 !important;
}

/* Breadcrumbs */
body.woocommerce-account .ast-breadcrumbs,
body.woocommerce-account .woocommerce-breadcrumb {
  color: #ffffff !important;
  background: transparent !important;
}

body.woocommerce-account .ast-breadcrumbs a,
body.woocommerce-account .woocommerce-breadcrumb a {
  color: #00f5d4 !important;
}

/* ============================================
   SCROLLBAR
   ============================================ */
body.woocommerce-account ::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

body.woocommerce-account ::-webkit-scrollbar-track {
  background: #0d0d0d !important;
}

body.woocommerce-account ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #667eea, #f15bb5) !important;
  border-radius: 4px !important;
}

/* ============================================
   DASHBOARD WELCOME
   ============================================ */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  font-size: 18px !important;
  line-height: 1.8 !important;
  padding: 24px !important;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(241, 91, 181, 0.1)) !important;
  border-radius: 16px !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(102, 126, 234, 0.3) !important;
}

/* ============================================
   EXTRA LEARNDASH OVERRIDES
   ============================================ */
.woocommerce-account .learndash-wrapper .ld-item-list .ld-item-list-item {
  background: #0d0d0d !important;
}

.woocommerce-account .learndash-wrapper * {
  color: #ffffff !important;
}

.woocommerce-account .ld-course-list-items {
  background: transparent !important;
}

.woocommerce-account .ld-section-heading h2 {
  color: #ffffff !important;
}

/* Override any remaining blue */
.woocommerce-account [class*="ld-primary"],
.woocommerce-account [class*="ld-secondary"] {
  background-color: transparent !important;
}

.woocommerce-account .ld-primary-background {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
}

/* ============================================
   FORCE ALL TEXT WHITE & BACKGROUNDS BLACK
   ============================================ */
body.woocommerce-account,
body.woocommerce-account div,
body.woocommerce-account span,
body.woocommerce-account p,
body.woocommerce-account a,
body.woocommerce-account li,
body.woocommerce-account td,
body.woocommerce-account th,
body.woocommerce-account label,
body.woocommerce-account h1,
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4,
body.woocommerce-account h5,
body.woocommerce-account h6 {
  color: #ffffff !important;
}

/* Links get accent color */
body.woocommerce-account a:not(.button):not(.woocommerce-Button) {
  color: #00f5d4 !important;
}

body.woocommerce-account a:hover {
  color: #f15bb5 !important;
}

/* Force black on all containers */
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content,
body.woocommerce-account .ast-container,
body.woocommerce-account .ast-article-post,
body.woocommerce-account .ast-article-single,
body.woocommerce-account .ast-separate-container,
body.woocommerce-account #primary,
body.woocommerce-account #main,
body.woocommerce-account .site-main,
body.woocommerce-account article,
body.woocommerce-account .learndash-wrapper,
body.woocommerce-account .ld-course-list,
body.woocommerce-account .ld-item-list,
body.woocommerce-account .ld-course-list-items {
  background: #000000 !important;
}

/* LearnDash card internals */
body.woocommerce-account .ld-item-list-item,
body.woocommerce-account .ld-item-list-item-preview,
body.woocommerce-account .ld-item-list-item-expanded,
body.woocommerce-account .ld-item-details,
body.woocommerce-account .ld-expand-button-wrap {
  background: #000000 !important;
}

/* Ensure ld-item-name link is white */
body.woocommerce-account .ld-item-name,
body.woocommerce-account .ld-course-title,
body.woocommerce-account a.ld-item-name {
  color: #ffffff !important;
}

body.woocommerce-account a.ld-item-name:hover {
  color: #00f5d4 !important;
}

/* Override inline styles */
body.woocommerce-account [style*="background"] {
  background-color: #000000 !important;
}

/* Make sure expand buttons keep their gradient */
body.woocommerce-account .ld-expand-button,
body.woocommerce-account .ld-expand-button.ld-primary-background,
body.woocommerce-account .ld-expand-button.ld-button-alternate {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
}

/* Status icons keep gradient */
body.woocommerce-account .ld-status-icon {
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
}

body.woocommerce-account .ld-status-icon.ld-status-complete {
  background: linear-gradient(135deg, #10b981, #00f5d4) !important;
}

/* ============================================
   PAGINATION - Big and Clear
   ============================================ */
body.woocommerce-account .ld-pagination,
body.woocommerce-account .ld-content-actions,
body.woocommerce-account .ld-course-steps,
body.woocommerce-account .ld-lesson-navigation,
body.woocommerce-account .ld-topic-navigation,
body.woocommerce-account nav.navigation,
body.woocommerce-account .learndash-pager,
body.woocommerce-account .ld-pager {
  background: #000000 !important;
  padding: 20px !important;
  margin: 20px 0 !important;
  border-radius: 16px !important;
  border: 2px solid rgba(102, 126, 234, 0.3) !important;
}

body.woocommerce-account .ld-pagination span,
body.woocommerce-account .ld-pagination a,
body.woocommerce-account .ld-content-actions span,
body.woocommerce-account .learndash-pager span,
body.woocommerce-account .learndash-pager a,
body.woocommerce-account .ld-pager span,
body.woocommerce-account .ld-pager a,
body.woocommerce-account .pager-legend,
body.woocommerce-account .wpProQuiz_pager span {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  display: inline-block !important;
}

/* Course step counter "1 מ 4" */
body.woocommerce-account .ld-lesson-item-steps,
body.woocommerce-account .ld-topic-item-steps,
body.woocommerce-account .ld-lesson-steps,
body.woocommerce-account .ld-steps,
body.woocommerce-account [class*="steps"],
body.woocommerce-account .ld-course-navigation span,
body.woocommerce-account .ld-nav span {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Ensure all LearnDash text inside progress area is white and big */
body.woocommerce-account .ld-progress *,
body.woocommerce-account .ld-progress-stats *,
body.woocommerce-account .ld-progress-heading * {
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.woocommerce-account .ld-progress-stats {
  font-size: 16px !important;
}

body.woocommerce-account .ld-progress-stats > div {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 5px 0 !important;
}

/* Make the percentage and steps stand out */
body.woocommerce-account .ld-progress-percentage {
  color: #00f5d4 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

body.woocommerce-account .ld-progress-steps {
  color: #f15bb5 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* ============================================
   FORCE WHITE TEXT - MAXIMUM SPECIFICITY
   ============================================ */
html body.woocommerce-account .ld-progress-stats .ld-progress-steps,
html body.woocommerce-account .ld-progress .ld-progress-stats .ld-progress-steps,
html body.woocommerce-account div.ld-progress-steps,
html body.woocommerce-account .ld-progress-stats > div.ld-progress-steps,
html body.woocommerce-account .learndash-wrapper .ld-progress-steps,
.woocommerce-account .ld-progress-steps,
.ld-progress-steps {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.woocommerce-account .ld-progress-stats .ld-progress-percentage,
html body.woocommerce-account .ld-progress .ld-progress-stats .ld-progress-percentage,
html body.woocommerce-account div.ld-progress-percentage,
html body.woocommerce-account .ld-progress-stats > div.ld-progress-percentage,
html body.woocommerce-account .learndash-wrapper .ld-progress-percentage,
html body.woocommerce-account .ld-progress-percentage.ld-secondary-color,
.woocommerce-account .ld-progress-percentage,
.ld-progress-percentage {
  color: #00f5d4 !important;
  -webkit-text-fill-color: #00f5d4 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ============================================
   FINAL NUCLEAR OVERRIDE - KILL ALL BLUE #156AE9
   ============================================ */
html body.woocommerce-account *[style*="background: #156AE9"],
html body.woocommerce-account *[style*="background:#156AE9"],
html body.woocommerce-account *[style*="background-color: #156AE9"],
html body.woocommerce-account *[style*="background-color:#156AE9"] {
  background: #000000 !important;
  background-color: #000000 !important;
}

html body.woocommerce-account *[style*="color: #156AE9"],
html body.woocommerce-account *[style*="color:#156AE9"] {
  color: #00f5d4 !important;
  -webkit-text-fill-color: #00f5d4 !important;
}

html body.woocommerce-account *[style*="border-color: #156AE9"],
html body.woocommerce-account *[style*="border-color:#156AE9"] {
  border-color: #667eea !important;
}

/* Global style tag override - highest priority */
body.woocommerce-account {
  --flavor-primary: #667eea !important;
  --flavor-dark: #000000 !important;
}

/* Force black on html and body */
html:has(body.woocommerce-account),
html:has(body.woocommerce-account) body {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Any element with blue background */
body.woocommerce-account *:not(.ld-progress-bar-percentage):not(.ld-status-icon):not(.ld-expand-button):not(button):not(input[type="submit"]):not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content):not(.ld-item-list-item):not(.ld-item-list-item-course) {
  background-color: #000000 !important;
}

/* ============================================
   OVERRIDE ELEMENTOR CUSTOM CSS - NUCLEAR
   These rules override the black text set in Elementor
   ============================================ */

/* Override Elementor's black text on course title */
body.woocommerce-account .ld-course-title,
body.woocommerce-account .ld-course-title *,
body.woocommerce-account .learndash-wrapper .ld-course-title,
html body.woocommerce-account .ld-course-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Override Elementor's black text on profile stats */
body.woocommerce-account .ld-profile-stat,
body.woocommerce-account .ld-profile-stat span,
body.woocommerce-account .ld-profile-stat strong,
body.woocommerce-account .ld-profile-stat *,
html body.woocommerce-account .ld-profile-stat span,
html body.woocommerce-account .ld-profile-stat strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Override Elementor's black text on progress */
body.woocommerce-account .ld-progress-percentage,
body.woocommerce-account .ld-progress-percentage *,
body.woocommerce-account .ld-progress-steps,
body.woocommerce-account .ld-progress-steps *,
html body.woocommerce-account .ld-progress-percentage,
html body.woocommerce-account .ld-progress-steps {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Override Elementor's black text on pages/pagination */
body.woocommerce-account .ld-pages,
body.woocommerce-account .ld-pages *,
body.woocommerce-account .ld-pages .ld-icon,
html body.woocommerce-account .ld-pages,
html body.woocommerce-account .ld-pages * {
  color: #ffffff !important;
  fill: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* LearnDash Profile - ALL text white */
body.woocommerce-account .learndash-wrapper .ld-profile-summary,
body.woocommerce-account .learndash-wrapper .ld-profile-summary *,
body.woocommerce-account .ld-profile-summary,
body.woocommerce-account .ld-profile-summary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Course list titles */
body.woocommerce-account .ld-item-list-item-preview .ld-item-name,
body.woocommerce-account .ld-course-list-item .ld-course-title,
body.woocommerce-account .ld-item-title,
body.woocommerce-account .learndash-wrapper h2,
body.woocommerce-account .learndash-wrapper h3,
body.woocommerce-account .learndash-wrapper h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Lesson section headings */
body.woocommerce-account .ld-lesson-section-heading,
body.woocommerce-account .ld-section-heading,
body.woocommerce-account .ld-topic-title,
body.woocommerce-account .ld-lesson-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* All spans and divs in learndash */
body.woocommerce-account .learndash-wrapper span,
body.woocommerce-account .learndash-wrapper div,
body.woocommerce-account .learndash-wrapper p,
body.woocommerce-account .learndash-wrapper label {
  color: #ffffff !important;
}

/* Fix any remaining black text */
body.woocommerce-account [style*="color: #000"],
body.woocommerce-account [style*="color:#000"],
body.woocommerce-account [style*="color: black"],
body.woocommerce-account [style*="color:black"] {
  color: #ffffff !important;
}

/* Hide admin bar search on frontend */
#wpadminbar #adminbarsearch,
#wpadminbar .adminbar-input,
#wpadminbar .adminbar-button,
#adminbar-search {
  display: none !important;
}

/* ============================================
   FIX LEARNDASH PAGINATION
   ============================================ */
body.woocommerce-account .ld-pagination,
body.woocommerce-account .ld-pagination-page-profile {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  margin: 20px 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 12px !important;
}

body.woocommerce-account .ld-pagination .ld-pages {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

body.woocommerce-account .ld-pagination .ld-pages span {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

body.woocommerce-account .ld-pagination .ld-pages a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50px !important;
  height: 50px !important;
  background: linear-gradient(135deg, #667eea, #9b5de5) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

body.woocommerce-account .ld-pagination .ld-pages a:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.5) !important;
}

body.woocommerce-account .ld-pagination .ld-pages a.disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

body.woocommerce-account .ld-pagination .ld-pages a .ld-icon {
  font-size: 20px !important;
  color: #ffffff !important;
}

/* Make sure arrows are visible */
body.woocommerce-account .ld-icon-arrow-left:before,
body.woocommerce-account .ld-icon-arrow-right:before {
  color: #ffffff !important;
}