/**
 * TeachDemy Plus — Round 45 ("Edits (5)" items 77-117 area, WooCommerce
 * My Account FRONTEND). All new plugin-side account styling lives here:
 *
 *   1. Account navigation TAB ICONS (item 79) — inline-SVG mask icons on
 *      .woocommerce-MyAccount-navigation-link--{endpoint} a::before,
 *      currentColor-based (dark-mode safe, no external font/asset).
 *   2. WoodMart dashboard card-grid icons for the three plugin endpoints
 *      the theme's own icon set does not cover (My Learning / Courses /
 *      Manage Assessments — the two red boxes in the employer's image65).
 *   3. Orders tab (88/89/90/91/92): centered table, green "View" button,
 *      tabular numbers, no empty actions-column stretch, quick-links box.
 *   4. Tickets (103-111): Send Reply button styling, .show-ticket-details
 *      chip, message timestamp line (.tdp-msg-time), attachment chips.
 *   5. Wallet (95/97/113/114): stronger USDT balance box + Save-as-CSV
 *      button moved beside Reset (same button family).
 *   6. Account details (115): lost-password ghost button + the password
 *      strength meter bar.
 *   7. My Learning (84/86/87): visible stat-tile borders, aligned journey
 *      chips, Support Plans section (82/83).
 *   8. Shared .tdp-table header bump (98/100/105) and dark-mode pairs for
 *      every new element above.
 *
 * RTL-safe: only logical offsets (inset-inline-*, margin-inline-*) are used.
 * Colors follow the site palette (teal #062b2b / green #16a673 family).
 */

/* =========================================================
   1) ACCOUNT NAVIGATION TAB ICONS (item 79)
   Sidebar nav links are plain text (confirmed by the theme's own
   myaccount-dashboard-refresh.css comment) — the ::before below is a
   16px mask icon painted with currentColor, so it inherits the link
   color (hover + active + dark mode all stay correct).
   ========================================================= */
.woocommerce-MyAccount-navigation li a::before{
  content:"";
  flex:none;
  width:16px;
  height:16px;
  /* background-color lives in the per-endpoint rules below ONLY — a
     third-party nav link without one of our icons gets an invisible
     spacer instead of a solid 16px square. */
  background-color:transparent;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  opacity:.75;
}
.woocommerce-MyAccount-navigation li.is-active a::before,
.woocommerce-MyAccount-navigation li a:hover::before{
  opacity:1;
}

/* dashboard — grid */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
/* my_learning — book open */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my_learning a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}
/* my_exams — clipboard check */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my_exams a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E");
}
/* my_certificates — award */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my_certificates a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12'/%3E%3C/svg%3E");
}
/* orders — package */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05'/%3E%3Cpath d='M12 22.08V12'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05'/%3E%3Cpath d='M12 22.08V12'/%3E%3C/svg%3E");
}
/* wishlist — heart */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--wishlist a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
/* messages — chat bubble */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--messages a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
}
/* tickets — life buoy */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--tickets a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M4.93 19.07l4.24-4.24'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M4.93 19.07l4.24-4.24'/%3E%3C/svg%3E");
}
/* wallet / account-funds — credit card */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--account-funds a::before,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--wallet a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cpath d='M1 10h22'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cpath d='M1 10h22'/%3E%3C/svg%3E");
}
/* affiliate_dashboard — share */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--affiliate_dashboard a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98'/%3E%3C/svg%3E");
}
/* withdrawal_requests — banknote download */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--withdrawal_requests a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
}
/* wallet_addresses — map pin */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--wallet_addresses a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
/* edit-account — user */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
/* customer-logout — log out */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}
/* my_courses — graduation cap */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--my_courses a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E");
}
/* manage_exams — pencil ruler */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--manage_exams a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4L7 21H3v-4L17 3z'/%3E%3Cpath d='M15 5l4 4'/%3E%3Cpath d='M3 21h4v-4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4L7 21H3v-4L17 3z'/%3E%3Cpath d='M15 5l4 4'/%3E%3Cpath d='M3 21h4v-4'/%3E%3C/svg%3E");
}

/* =========================================================
   1b) WOODMART DASHBOARD CARD GRID — the three plugin endpoints the
   theme's icon sheet does not cover (the employer's image65 red boxes:
   "My Learning" + "Manage Assessments"; "Courses" has none either).
   Same selector pattern + palette the theme uses, so this overrides
   cleanly instead of duplicating.
   ========================================================= */
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-my_learning .wd-nav-icon{
  background-color:#E9F9F1;
}
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-my_learning .wd-nav-icon::before{
  content:"" !important;
  display:block;
  width:24px;
  height:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231FAE6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-my_courses .wd-nav-icon{
  background-color:#F1EDFC;
}
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-my_courses .wd-nav-icon::before{
  content:"" !important;
  display:block;
  width:24px;
  height:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237C5CE0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10L12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3Cpath d='M22 10v6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-manage_exams .wd-nav-icon{
  background-color:#FBF2E1;
}
.wd-my-account-links.wd-nav-my-acc .wd-my-acc-manage_exams .wd-nav-icon::before{
  content:"" !important;
  display:block;
  width:24px;
  height:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E0A22B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4L7 21H3v-4L17 3z'/%3E%3Cpath d='M15 5l4 4'/%3E%3Cpath d='M3 21h4v-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}

/* =========================================================
   2) ORDERS TAB (items 88/89/90/91/92)
   Scoped to WooCommerce's real orders-table markup
   (table.woocommerce-orders-table with
   woocommerce-orders-table__cell-* cells — the classes WooCommerce
   itself prints in templates/myaccount/orders.php).
   ========================================================= */
body.woocommerce-account table.woocommerce-orders-table th,
body.woocommerce-account table.woocommerce-orders-table td{
  text-align:center;
  vertical-align:middle;
}
/* Jumbled numbers (item 89): tabular figures for order numbers/amounts. */
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-date{
  font-variant-numeric:tabular-nums;
}
/* The "View" action button (item 90): solid green, 10px radius. */
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__order-actions .button{
  background:#0f7a55;
  color:#fff;
  border:none;
  border-radius:10px;
  min-width:64px;
  padding:9px 16px;
  font-weight:600;
  font-size:13.5px;
  text-align:center;
  cursor:pointer;
  box-shadow:0 6px 16px -8px rgba(22,166,115,.55);
}
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button:hover,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__order-actions .button:hover{
  background:#0d7a52;
  color:#fff;
}
/* Empty actions column must not stretch (item 91). */
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__header-order-actions,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__order-actions{
  max-width:96px;
  width:96px;
}
/* Item 89: quick-links box above the orders table (rendered by PHP). */
.tdp-orders-quicklinks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  background:#f7fdfa;
  border:1px solid #d5e8de;
  border-radius:12px;
  padding:14px 18px;
  margin:0 0 18px;
  font-size:13.5px;
  color:#354a55;
}
.tdp-orders-quicklinks a{
  display:inline-block;
  background:#16a673;
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  padding:9px 16px;
  border-radius:10px;
  box-shadow:0 6px 16px -8px rgba(22,166,115,.55);
}
.tdp-orders-quicklinks a.tdp-orders-quicklinks--ghost{
  background:#fff;
  color:#0d7a57 !important;
  border:1px solid #a9e3c9;
  box-shadow:none;
}
.tdp-orders-quicklinks a:hover{
  background:#0d7a52;
  color:#fff !important;
}
.tdp-orders-quicklinks a.tdp-orders-quicklinks--ghost:hover{
  background:#e9fbf4;
  color:#0d7a57 !important;
}

/* =========================================================
   3) TICKETS (items 103-111)
   ========================================================= */
/* "Send Reply" — was completely unstyled (item 109). */
.woocommerce-MyAccount-content #sts-reply-form button[type="submit"]{
  background:#0f7a55;
  color:#fff;
  border:none;
  padding:12px 24px;
  min-height:44px;
  border-radius:10px;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 6px 16px -8px rgba(22,166,115,.55);
}
.woocommerce-MyAccount-content #sts-reply-form button[type="submit"]:hover{
  background:#0d7a52;
}
.woocommerce-MyAccount-content #sts-reply-form textarea{
  display:block;
  width:100%;
  max-width:520px;
  min-height:120px;
  margin-bottom:12px;
  padding:10px 14px;
  border:1px solid #dce9e7;
  border-radius:10px;
  background:#fff;
  color:#092b36;
  font-size:14px;
  line-height:1.5;
  resize:vertical;
}
/* "Show Details" chip (item 109): real inline-block + 10px radius. */
.show-ticket-details{
  display:inline-block;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  padding:7px 14px;
  text-align:center;
}
/* Message timestamp line (item 104). Round 46 — employer said the chat clock
   was too small: bumped 11px → 12.5px to match tdp-chat.css's .tdp-msg-meta. */
.tdp-msg-time{
  display:block;
  font-size:12.5px;
  color:#7c8f99;
  margin-top:4px;
  font-variant-numeric:tabular-nums;
}
html[data-theme="dark"] .tdp-msg-time,
body.woodmart-dark .tdp-msg-time{
  color:#9ab4b0 !important;
}
/* Dark mode for the reply form. */
html[data-theme="dark"] .woocommerce-MyAccount-content #sts-reply-form textarea,
body.woodmart-dark .woocommerce-MyAccount-content #sts-reply-form textarea{
  background:#0d2222;
  border-color:#1e3f42;
  color:#e6f2f0;
  color-scheme:dark;
}
/* Multi-file selection chips (item 106). */
.tdp-file-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.tdp-file-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#eef7f3;
  border:1px solid #bfe0d3;
  color:#0d5c46;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  padding:4px 10px;
  max-width:100%;
}
.tdp-file-chip span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:220px;
}
.tdp-file-chip button{
  background:none;
  border:none;
  color:#b3413a;
  cursor:pointer;
  font-size:14px;
  line-height:1;
  padding:0;
}
html[data-theme="dark"] .tdp-file-chip,
body.woodmart-dark .tdp-file-chip{
  background:#12302e;
  border-color:#1e3f42;
  color:#9adbc2;
}

/* =========================================================
   4) WALLET (items 95/97/113/114)
   ========================================================= */
/* Item 113: a clearly visible balance box — stronger green tint +
   green border, larger figures. The inline PHP styles keep the layout;
   these rules win via specificity and !important on the visuals. */
body.woocommerce-endpoint-account-funds .tdp-wallet-balance,
body.woocommerce-account .tdp-wallet-balance{
  background:rgba(22,166,115,.12) !important;
  border:1px solid rgba(22,166,115,.35) !important;
}
body.woocommerce-endpoint-account-funds .tdp-wallet-balance strong,
body.woocommerce-account .tdp-wallet-balance strong{
  font-size:26px !important;
}
html[data-theme="dark"] .tdp-wallet-balance,
body.woodmart-dark .tdp-wallet-balance{
  background:rgba(22,166,115,.10) !important;
  border-color:rgba(22,166,115,.35) !important;
}
html[data-theme="dark"] .tdp-wallet-balance strong,
body.woodmart-dark .tdp-wallet-balance strong{
  color:#e6f2f0 !important;
}
/* Item 114: "Save as CSV" sits BESIDE "Reset" (same button family —
   12px radius, same padding/typography as Reset). */
#save_transactions_chart{
  display:inline-block;
  margin-inline-start:10px;
  border-radius:12px;
}
/* The container that used to hold the CSV button alone now just adds
   breathing room before the table. */
.table-filter-container + div > #save_transactions_chart{
  margin-inline-start:0;
}

/* =========================================================
   5) ACCOUNT DETAILS (item 115)
   ========================================================= */
/* Lost-password link rendered ABOVE the form (ghost button, 10px). */
a.tdp-lost-password-link{
  display:inline-block;
  background:#fff;
  color:#0d7a57 !important;
  border:1px solid #a9e3c9;
  border-radius:10px;
  padding:10px 18px;
  font-size:13.5px;
  font-weight:600;
  text-decoration:none;
  margin:0 0 18px;
}
a.tdp-lost-password-link:hover{
  background:#e9fbf4;
  color:#0d7a57 !important;
}
html[data-theme="dark"] a.tdp-lost-password-link,
body.woodmart-dark a.tdp-lost-password-link{
  background:#0d2222;
  color:#9adbc2 !important;
  border-color:#1e3f42;
}
html[data-theme="dark"] a.tdp-lost-password-link:hover,
body.woodmart-dark a.tdp-lost-password-link:hover{
  background:#12302e;
}
/* Password strength meter (JS-rendered under #password_1). */
.tdp-pw-meter{
  display:flex;
  gap:4px;
  margin:8px 0 4px;
  max-width:400px;
}
.tdp-pw-meter i{
  flex:1;
  height:6px;
  border-radius:3px;
  background:#e3e8e6;
  transition:background .2s;
}
html[data-theme="dark"] .tdp-pw-meter i,
body.woodmart-dark .tdp-pw-meter i{
  background:#1e3f42;
}
.tdp-pw-meter i.on-1{ background:#d92d20; }
.tdp-pw-meter i.on-2{ background:#e0a22b; }
.tdp-pw-meter i.on-3{ background:#16a673; }
.tdp-pw-meter i.on-4{ background:#0d7a52; }
.tdp-pw-meter-label{
  font-size:11.5px;
  font-weight:600;
  color:#7c8f99;
  margin:0 0 10px;
}
.tdp-pw-meter-label.tdp-pw-1{ color:#d92d20; }
.tdp-pw-meter-label.tdp-pw-2{ color:#b07a12; }
.tdp-pw-meter-label.tdp-pw-3{ color:#0d7a52; }
.tdp-pw-meter-label.tdp-pw-4{ color:#0d7a52; }

/* =========================================================
   6) MY LEARNING (items 82-87)
   ========================================================= */
/* Visible stat tiles (item 84): border dark enough to see, lighter bg,
   number spaced from the label. */
.tdp-ml-stats .tdp-ml-stat{
  background:#fbfdfc;
  border:1px solid #d5dbd7;
  border-top:3px solid #16a673;
  border-radius:12px;
  padding:16px 18px;
}
.tdp-ml-stats .tdp-ml-stat .tdp-ml-stat-num{
  display:block;
  font-size:26px;
  font-weight:800;
  color:#062b2b;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.tdp-ml-stats .tdp-ml-stat .tdp-ml-stat-label{
  display:block;
  font-size:12.5px;
  color:#6b7b90;
  margin-top:8px;
}
html[data-theme="dark"] .tdp-ml-stats .tdp-ml-stat,
body.woodmart-dark .tdp-ml-stats .tdp-ml-stat{
  background:#0d2222;
  border-color:#1e3f42;
}
html[data-theme="dark"] .tdp-ml-stats .tdp-ml-stat .tdp-ml-stat-num,
body.woodmart-dark .tdp-ml-stats .tdp-ml-stat .tdp-ml-stat-num{
  color:#e6f2f0;
}
/* Journey rows: chips always on ONE line (item 84) — the chip and CTA
   sit in a fixed trailing cluster, never wrapping between themselves. */
.tdp-ml-journey .tdp-ml-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  background:#fff;
  border:1px solid #d5dbd7;
  border-radius:12px;
  padding:14px 18px;
}
.tdp-ml-journey .tdp-ml-row-main{
  flex:1 1 240px;
  min-width:0;
}
.tdp-ml-journey .tdp-ml-row-actions{
  flex:none;
  display:flex;
  align-items:center;
  gap:10px;
}
.tdp-ml-journey .tdp-ml-chip{
  flex:none;
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
  white-space:nowrap;
}
html[data-theme="dark"] .tdp-ml-journey .tdp-ml-row,
body.woodmart-dark .tdp-ml-journey .tdp-ml-row{
  background:#0d2222;
  border-color:#1e3f42;
}
/* Support Plans section (items 82/83). */
.tdp-ml-supportplans{
  margin-top:26px;
}
.tdp-ml-supportplans h3{
  font-size:19px;
  font-weight:800;
  color:#062b2b;
  margin:0 0 6px;
}
.tdp-ml-supportplans p.tdp-ml-supportplans-sub{
  color:#6b7b90;
  font-size:13.5px;
  margin:0 0 16px;
}
html[data-theme="dark"] .tdp-ml-supportplans h3,
body.woodmart-dark .tdp-ml-supportplans h3{
  color:#e6f2f0;
}
.tdp-support-plan-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  background:#fff;
  border:1px solid #d5dbd7;
  border-radius:12px;
  padding:14px 18px;
  margin-bottom:12px;
}
.tdp-support-plan-main{
  flex:1 1 260px;
  min-width:0;
}
.tdp-support-plan-title{
  font-weight:700;
  font-size:15px;
  color:#062b2b;
}
.tdp-support-plan-meta{
  color:#6b7b90;
  font-size:12.5px;
  margin-top:3px;
}
.tdp-support-plan-chip{
  flex:none;
  display:inline-block;
  background:#16a673;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:5px 12px;
  border-radius:999px;
  white-space:nowrap;
}
.tdp-support-plan-chip.is-expired{
  background:#8a94a0;
}
a.tdp-support-plan-message{
  flex:none;
  background:#062b2b;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  padding:9px 18px;
  border-radius:9px;
}
a.tdp-support-plan-message:hover{
  background:#07504b;
  color:#fff;
}
html[data-theme="dark"] .tdp-support-plan-row,
body.woodmart-dark .tdp-support-plan-row{
  background:#0d2222;
  border-color:#1e3f42;
}
html[data-theme="dark"] .tdp-support-plan-title,
body.woodmart-dark .tdp-support-plan-title{
  color:#e6f2f0;
}

/* =========================================================
   7) MY COURSES — real sales chart header + support-plan sales table
   (items 112 + 97/98). Range selector row uses the existing filter
   container look.
   ========================================================= */
.tdp-range-filter-container{
  display:flex;
  column-gap:10px;
  align-items:end;
  flex-wrap:wrap;
  margin-bottom:15px;
}
.tdp-range-filter-container label{
  max-width:180px;
  margin:0;
}
.tdp-range-filter-container select,
.tdp-range-filter-container input{
  display:block;
  margin-top:6px;
  padding:9px 12px;
  border:1px solid #dce9e7;
  border-radius:10px;
  background:#fff;
  color:#092b36;
  font-size:13.5px;
}
.tdp-mycourses-section{
  margin-top:34px;
}
.tdp-mycourses-section h3{
  font-size:19px;
  font-weight:800;
  color:#062b2b;
  margin:0 0 6px;
}
.tdp-mycourses-section > p{
  color:#6b7b90;
  font-size:13.5px;
  margin:0 0 16px;
}
html[data-theme="dark"] .tdp-range-filter-container select,
html[data-theme="dark"] .tdp-range-filter-container input,
body.woodmart-dark .tdp-range-filter-container select,
body.woodmart-dark .tdp-range-filter-container input{
  background:#0d2222;
  border-color:#1e3f42;
  color:#e6f2f0;
  color-scheme:dark;
}

/* =========================================================
   8) SHARED TABLE HEADER BUMP (items 98/100/105 — bigger headers on
   every plugin .tdp-table: tickets, withdrawals, wallet addresses,
   support-plan sales).
   ========================================================= */
.tdp-table th{
  font-size:15px;
  font-weight:600;
}

/* Wallet Addresses page (item 102): heading block + button under it. */
.tdp-wallet-addresses-head h4{
  margin:0 0 12px;
  color:#062b2b;
}
.tdp-wallet-addresses-head .tdp-wallet-addresses-add{
  display:flex;
  justify-content:flex-end;
  margin-block:12px;
}

/* =========================================================
   Round 46 — mobile fixes (employer: "mobile mess in some places").
   The Round-45 account surfaces shipped with NO media block in this
   file: the My-Learning stat tiles crammed 4-up on phones, the journey
   /support-plan chip clusters overflowed their cards, and the
   My-Courses range filter + wallet "Add" row ran off the edge. All
   rules are additive at ≤768px only — desktop rendering untouched.
   (The shared .tdp-table ≤768px block in teach-demy-plus-public.css
   already turns every plugin table into a horizontal scroller, and the
   tickets markup additionally wraps its table in an overflow-x:auto
   div — no change needed there beyond tighter cell padding.)
   ========================================================= */
/* Round 46 — mobile fixes */
@media (max-width:768px){
  /* My Learning stat tiles → 2 columns (the grid is inline-styled in
     class-tdp-learner-progress.php, so !important is required — the
     endpoint's own 600px block uses the same technique). */
  .tdp-ml-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  .tdp-ml-stats .tdp-ml-stat{padding:12px 14px;}
  .tdp-ml-stats .tdp-ml-stat .tdp-ml-stat-num{font-size:21px;}
  /* Journey rows: title takes the full first line; chips + CTA wrap
     under it instead of fighting for one line. */
  .tdp-ml-journey .tdp-ml-row{padding:12px 14px;gap:10px;}
  .tdp-ml-journey .tdp-ml-row-main{flex-basis:100%;}
  .tdp-ml-journey .tdp-ml-row-actions{width:100%;flex-wrap:wrap;justify-content:flex-start;}
  /* Support-plan cards: title block full-width, Message button fills
     the wrapped line (no more tiny orphaned button). */
  .tdp-support-plan-row{padding:12px 14px;gap:10px;}
  .tdp-support-plan-main{flex-basis:100%;}
  a.tdp-support-plan-message{flex:1 1 auto;text-align:center;}
  /* Account tables (tickets/withdrawals/wallet/support-plan sales):
     tighter cells so each swiped row carries less dead width. */
  .woocommerce-MyAccount-content .tdp-table th,
  .woocommerce-MyAccount-content .tdp-table td{padding:8px 10px;}
  /* My-Courses sales-chart range filter stacks label above controls. */
  .tdp-range-filter-container label{max-width:100%;width:100%;}
  .tdp-range-filter-container select,
  .tdp-range-filter-container input{max-width:100%;}
  /* Wallet Addresses "Add" row: start-aligned so the button is not
     clipped at the viewport edge. */
  .tdp-wallet-addresses-head .tdp-wallet-addresses-add{justify-content:flex-start;}
}


/* =====================================================================
 * Round 58 — ONE table + button system for every My Account list
 * (Edits items «هدر ها و متن های جدول وسط چین», «رنگ کلمه view دیده نمیشه»,
 * «گردی دکمه مثل بقیه نیست», «فونت هدر جدول کوچیکه بزرگ بشه», «show details /
 * submit a ticket / delete دیده نمی‌شوند» — every one marked NOT DONE).
 * ROOT CAUSE: the earlier per-table rules were single-class selectors WITHOUT
 * !important, so Woodmart's `.woocommerce-account a.button` / `.button` skin
 * (left-aligned th, blue link colour, 4px radius) out-ranked them on the live
 * site — the employer's screenshots show exactly that (blue «VIEW» on green,
 * left-aligned headers, square NEXT button). This block wins on specificity
 * AND !important, and covers Orders / Withdrawals / Wallet addresses / Tickets /
 * Wallet transactions / Certificates / Affiliate tables in one place.
 * ===================================================================== */
body.woocommerce-account .woocommerce-MyAccount-content table:not(.woocommerce-table--order-details):not(.woocommerce-table--customer-details):not(.tdp-verify-info) th,
body.woocommerce-account .woocommerce-MyAccount-content table:not(.woocommerce-table--order-details):not(.woocommerce-table--customer-details):not(.tdp-verify-info) td,
body.woocommerce-account table.tdp-table th,
body.woocommerce-account table.tdp-table td,
body.woocommerce-account table.woocommerce-orders-table th,
body.woocommerce-account table.woocommerce-orders-table td,
body.woocommerce-account table.shop_table_responsive th,
body.woocommerce-account table.shop_table_responsive td {
  text-align: center !important;
  vertical-align: middle !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table:not(.woocommerce-table--order-details):not(.woocommerce-table--customer-details):not(.tdp-verify-info) thead th,
body.woocommerce-account table.tdp-table thead th,
body.woocommerce-account table.woocommerce-orders-table thead th {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table:not(.woocommerce-table--order-details) td {
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

/* Every action button inside a list: the SAME 10px radius, always readable. */
body.woocommerce-account .woocommerce-MyAccount-content table .button,
body.woocommerce-account .woocommerce-MyAccount-content table a.button,
body.woocommerce-account .woocommerce-MyAccount-content table button,
body.woocommerce-account table.woocommerce-orders-table a.button,
body.woocommerce-account table.woocommerce-orders-table .woocommerce-button,
body.woocommerce-account table.tdp-table .button,
body.woocommerce-account table.tdp-table a.button,
body.woocommerce-account table.tdp-table button,
body.woocommerce-account .woocommerce-pagination .button,
body.woocommerce-account .woocommerce-pagination a.button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account .tdp-btn {
  border-radius: 10px !important;
  background: #0f7a55 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  line-height: 1.2 !important;
  padding: 9px 18px !important;
  min-width: 64px;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px -8px rgba(15,122,85,.55);
  opacity: 1 !important;
  visibility: visible !important;
}
body.woocommerce-account .woocommerce-MyAccount-content table .button:hover,
body.woocommerce-account table.tdp-table .button:hover,
body.woocommerce-account table.tdp-table button:hover,
body.woocommerce-account .woocommerce-pagination .button:hover {
  background: #0a6444 !important;
  color: #fff !important;
}
/* Destructive actions: red, identical shape, still white text. */
body.woocommerce-account table.tdp-table .button[class*="delete"],
body.woocommerce-account table.tdp-table button[class*="delete"],
body.woocommerce-account table.tdp-table [class*="tdp-del"],
body.woocommerce-account table.tdp-table [class*="remove"],
body.woocommerce-account table.tdp-table .button-danger {
  background: #c93a3a !important;
  color: #fff !important;
  border-radius: 10px !important;
}
html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content table th,
html[data-theme="dark"] body.woocommerce-account table.tdp-table th { color: #e6f4ef !important; }
html[data-theme="dark"] body.woocommerce-account .woocommerce-MyAccount-content table td,
html[data-theme="dark"] body.woocommerce-account table.tdp-table td { color: #cfe3dc; }

/* Order VIEW page: no empty bands (Edits items «فضای خالی وجود دارد، حذف گردد»). */
body.woocommerce-account .woocommerce-OrderUpdates,
body.woocommerce-account ol.commentlist.notes { margin-bottom: 12px !important; padding-bottom: 0 !important; }
body.woocommerce-account .woocommerce-OrderUpdate-description:empty,
body.woocommerce-account .woocommerce-OrderUpdate-description p:empty,
body.woocommerce-account .woocommerce-OrderUpdate-meta:empty,
body.woocommerce-account .woocommerce-order-details__title:empty { display: none !important; }
body.woocommerce-account .woocommerce-OrderUpdate-description { min-height: 0 !important; margin-bottom: 0 !important; padding: 4px 0 0 !important; }
body.woocommerce-account .woocommerce-order .td-thankyou-steps { margin-bottom: 14px; }
body.woocommerce-account .woocommerce-order p:empty,
body.woocommerce-account .woocommerce-order-details > div:empty,
body.woocommerce-account .woocommerce-order .td-order-again-row:empty { display: none !important; margin: 0 !important; padding: 0 !important; }


/* Round 58 — Ticket submit/reply buttons (My Account → Support): white text on #16a673 was 3.1:1
 * (hard to read on some screens, and Woodmart's generic button skin could still repaint it). */
.woocommerce-MyAccount-content #sts-reply-form button[type="submit"],
.woocommerce-MyAccount-content #sts-ticket-form button[type="submit"],
body.woocommerce-account #sts-reply-form button[type="submit"],
body.woocommerce-account #sts-ticket-form button[type="submit"] {
  background: #0f7a55 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.woocommerce-MyAccount-content #sts-reply-form button[type="submit"]:hover,
.woocommerce-MyAccount-content #sts-ticket-form button[type="submit"]:hover { background: #0a6444 !important; }
.woocommerce-MyAccount-content #sts-reply-form button[type="submit"]:disabled,
.woocommerce-MyAccount-content #sts-ticket-form button[type="submit"]:disabled { background: #7aa898 !important; cursor: not-allowed; }
/* Chat: «latest» pill + recording state — small text on tinted background */
.tdp-conv-latest-btn { color: #06665d; }
.tdp-icon-btn.tdp-recording { color: #b42424; }


/* Round 58 (screenshot: the sidebar menu items flowed side by side like loose pills, wrapping at random,
 * and «Issued Certificates» had no icon). One vertical list, every row full width, every row an icon. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 4px;
        margin: 0; padding: 6px !important; list-style: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
        display: block !important; width: 100% !important; float: none !important; margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
        display: flex !important; align-items: center; width: 100% !important; box-sizing: border-box;
        border-radius: 12px !important; white-space: normal;
}
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--instructor_certificates a::before{
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12'/%3E%3C/svg%3E");
}


/* Round 58 — Edits #63 («وقتی روی هر یک از تب‌های my account کلیک می‌کنیم صفحه به صورت full screen باز شود»).
 * FIX (build 58h): this block used to match ALSO the logged-out page. The login / register card lives inside the same
 * `.woocommerce` wrapper, so the 2-column grid below pushed it into the 260px «menu» column and wrecked the login and
 * sign-up pages. It is now limited to LOGGED-IN visitors who actually have the account menu. */
body.woocommerce-account.logged-in .site-content > .container,
body.woocommerce-account.logged-in .main-page-wrapper > .container { max-width: none !important; width: 100% !important; }
body.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) { max-width: none !important; width: 100% !important; padding-inline: clamp(12px, 2.5vw, 40px); box-sizing: border-box; display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start; }
body.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation { width: auto !important; float: none !important; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content { width: auto !important; float: none !important; min-width: 0; }
@media (max-width: 900px) { body.woocommerce-account.logged-in .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0,1fr); } }


/* Round 58 — Edits #136 («گردی این دکمه هم مانند سایر دکمه‌ها شود») + #129 (wallet header spacing). */
a.show-ticket-details, .woocommerce-MyAccount-content a.show-ticket-details {
  display: inline-block; border-radius: 10px !important; background: #0f7a55 !important; color: #fff !important;
  -webkit-text-fill-color: #fff !important; font-weight: 700; font-size: 13px; padding: 8px 16px; text-decoration: none !important; border: none !important;
}
a.show-ticket-details:hover { background: #0a6444 !important; }
.tdp-wallet-addresses-head { margin-top: 18px; padding-top: 4px; }

/* Round 58 — Edits #140 («فونت این عبارت بزرگ بشه. رنگ این باکس تغییر کنه که مشخص‌تر باشه») — «Available balance». */
body.woocommerce-account .tdp-wallet-balance {
  background: #d9f3e6 !important; border: 2px solid #0f7a55 !important; border-radius: 14px !important; padding: 18px 22px !important;
  box-shadow: 0 10px 26px -18px rgba(15,122,85,.7);
}
body.woocommerce-account .tdp-wallet-balance > span, body.woocommerce-account .tdp-wallet-balance span:first-child { font-size: 19px !important; font-weight: 800 !important; color: #06402c !important; }
body.woocommerce-account .tdp-wallet-balance strong { font-size: 32px !important; color: #06402c !important; }
html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance { background: #14503a !important; border-color: #6ee7b7 !important; }
html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance > span, html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance span:first-child, html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance strong { color: #eafaf2 !important; }

/* Round 58 — Edits #107 (My Learning: titles/texts invisible in light AND dark): the learning tab paints many labels
 * with INLINE colours (#062b2b / #6b7b90 / #3c434a …) that disappear on the dark theme, and some pale-grey labels are
 * too faint on the light one. Attribute selectors beat inline styles without touching the PHP. */
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#062b2b"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color: #062b2b"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#13232b"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#092b36"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#0b1f1f"] { color: #eafaf2 !important; }
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#3c434a"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#354a55"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#5a6b75"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#6b7b90"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#9aa7b5"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#50606b"] { color: #b9d3cb !important; }
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#fff"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background: #fff"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#fafbfc"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#f2fdf8"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#f7faf9"] { background: #0d2222 !important; border-color: rgba(255,255,255,.16) !important; }
.woocommerce-MyAccount-content [style*="color:#9aa7b5"], .woocommerce-MyAccount-content [style*="color:#b6c1cc"] { color: #5f6f7b !important; }
html[data-theme="dark"] .tdp-lp, html[data-theme="dark"] [class*="tdp-lp-"] { color: #eafaf2; }
html[data-theme="dark"] [class*="tdp-lp-"] h2, html[data-theme="dark"] [class*="tdp-lp-"] h3, html[data-theme="dark"] [class*="tdp-lp-"] h4 { color: #eafaf2 !important; }

/* Round 58 — Edits #140 («فونت این عبارت بزرگ بشه. رنگ این باکس تغییر کنه که مشخص‌تر باشه»): the «Available balance» card had a
 * 12px label on a barely tinted box. Bigger label, stronger tint + border, bigger amount. */
body.woocommerce-account .tdp-wallet-balance {
  background: #d9f3e6 !important; border: 1.5px solid #0f7a55 !important; border-radius: 14px !important; padding: 16px 20px !important;
}
body.woocommerce-account .tdp-wallet-balance > :first-child, body.woocommerce-account .tdp-wallet-balance span:first-child {
  font-size: 17px !important; font-weight: 800 !important; color: #06402c !important; letter-spacing: .01em;
}
body.woocommerce-account .tdp-wallet-balance strong, body.woocommerce-account .tdp-wallet-balance b { font-size: 26px !important; color: #062b2b !important; }
html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance { background: #14503a !important; border-color: #6ee7b7 !important; }
html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance > :first-child, html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance span:first-child { color: #eafaf2 !important; }
html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance strong, html[data-theme="dark"] body.woocommerce-account .tdp-wallet-balance b { color: #fff !important; }

/* Round 58 — Edits #143 («این مورد چیه که در این بخش اضافه شده؟»): the empty wide grey box with a chevron in the Messages
 * list is the «open at the latest message» shortcut. It is now a clearly labelled pill instead of an unexplained box. */
.tdp-conv-latest-btn { display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-width: 0 !important; padding: 8px 14px !important; border-radius: 999px !important; font-size: 12px; font-weight: 700; white-space: nowrap; }
.tdp-conv-latest-btn::after { content: "Latest message"; }

/* Round 58 — Edits #107 («در تب Learning بسیاری از متن‌ها و تایتل‌ها در روشن و در دارک اصلا دیده نمی‌شوند»): the Learning tab is
 * built with INLINE colours (dark text, light cards). In dark mode they stayed dark-on-dark. Attribute selectors repaint every
 * inline dark text / light surface inside the account area; light mode gets a minimum text contrast. */
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#062b2b"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color: #062b2b"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#13232b"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#092b36"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#0b2540"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#1d2327"] { color: #eaf7f2 !important; }
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#6b7b90"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#5a6b75"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#3c434a"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#50606b"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#7a8a99"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="color:#9aa7b5"] { color: #b9d3cb !important; }
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#fff"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background: #fff"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#fafbfc"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#f7faf9"],
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#f6f9fb"] { background: #0d2222 !important; border-color: rgba(255,255,255,.16) !important; }
html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#e9fbf4"], html[data-theme="dark"] .woocommerce-MyAccount-content [style*="background:#f2fdf8"] { background: #14503a !important; }
.woocommerce-MyAccount-content [style*="color:#9aa7b5"], .woocommerce-MyAccount-content [style*="color:#aab5c0"] { color: #5a6b75 !important; }