/*==========================================================
  My Account — premium redesign
  ==========================================================
  Reuses the design tokens already built for the product page
  redesign (woocommerce.css, .tll-pdp-* — see content-single-
  product.php) rather than inventing a new palette:
    - dark bookend gradient  #1a2f6b -> #0d1429
    - primary indigo         #3b4fe4 (hover #257cff)
    - success/selected green #22c55e (hover/dark text #16a34a)
    - pill badges: blue #f0f4ff/#1a2f6b, green #f0fdf4/#16a34a,
      red #fef2f2/#dc2626
    - Poppins for headings/labels/data, Open Sans for body
    - card: border 1px #e9ecf3, radius 12px,
      shadow 0 8px 30px rgba(26,47,107,.06)
    - section heading: Poppins + 56x3px green accent bar under

  Enqueued only on My Account pages, Submit Ticket/My Tickets,
  and single ticket views — see thelawyerleads_my_account_styles()
  in functions.php. Depends on thelegalplans-woocommerce-style so
  it always prints after woocommerce.css regardless of hook order.

  Deliberately does NOT touch `display` on .accordion-content /
  .accordion-head.active + .accordion-content (main.css) or
  .order-fold-row / .order-fold-row.open (main.css) — those are
  load-bearing for JS-driven expand/collapse already fixed once
  this session. Cosmetic properties only on those selectors here.
==========================================================*/

:root {
    --tll-acct-navy-1: #1a2f6b;
    --tll-acct-navy-2: #0d1429;
    --tll-acct-primary: #3b4fe4;
    --tll-acct-primary-hover: #257cff;
    --tll-acct-green: #22c55e;
    --tll-acct-green-dark: #16a34a;
    --tll-acct-green-darker: #16803f;
    --tll-acct-border: #e9ecf3;
    --tll-acct-text: #1e293b;
    --tll-acct-text-muted: #64748b;
    --tll-acct-card-shadow: 0 8px 30px rgba(26, 47, 107, 0.06);
    --tll-acct-card-shadow-lg: 0 8px 40px rgba(26, 47, 107, 0.12);
    --tll-acct-radius: 12px;
}

/*----------------------------------------------------------
  1. Sidebar — .woocommerce-MyAccount-navigation
     Existing layout rule: woocommerce.css:992-1026 (flex, widths)
     Existing list rule to beat: main.css:1005-1017
     (.woocommerce-MyAccount-navigation ul / ul li, spec 0-2-1)
----------------------------------------------------------*/
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        margin-bottom: 0;
    }
}

/*
 * Light sidebar, not the dark navy gradient the product-page redesign
 * uses elsewhere — the dark background made the (originally translucent-
 * white) link text hard to read in practice, and this site's own look
 * is light/clean throughout rather than legalsalesleads.com's darker
 * branding. Kept the same card shell (border/radius/shadow) as every
 * other panel in this file for visual consistency, with the indigo
 * primary as the active/hover accent instead of white-on-navy.
 */
.woocommerce-MyAccount-navigation ul {
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    padding: 10px;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--tll-acct-border);
    padding: 0;
    margin-bottom: 2px;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 11px 16px;
    border-radius: 8px;
    color: var(--tll-acct-text);
    font-family: "Poppins", var(--font-family-sec);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #f5f7ff;
    color: var(--tll-acct-primary);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(59, 79, 228, 0.08);
    color: var(--tll-acct-primary);
    font-weight: 600;
    border-left-color: var(--tll-acct-primary);
}

/*----------------------------------------------------------
  2. Page-level content wrapper spacing
----------------------------------------------------------*/
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
    font-family: var(--font-family, "Open Sans", sans-serif);
    color: var(--tll-acct-text);
}

.woocommerce-MyAccount-content h2 {
    font-family: "Poppins", var(--font-family-sec);
    font-weight: 600;
    color: var(--tll-acct-text);
    margin-bottom: 20px;
}

/*----------------------------------------------------------
  3. Card shell — reused everywhere a panel is needed
     (.ibox, .edit-price-container wrapper, generic content
     blocks). Base card + a Poppins heading with the green
     title-line accent, matching the product page's section-
     head pattern.
----------------------------------------------------------*/
.tll-acct-card,
.woocommerce-MyAccount-content .ibox {
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    overflow: hidden;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content .ibox-header {
    background: #ffffff;
    border-bottom: 1px solid var(--tll-acct-border);
    padding: 18px 22px 14px;
}

.woocommerce-MyAccount-content .ibox-header h4 {
    font-family: "Poppins", var(--font-family-sec);
    font-size: 16px;
    font-weight: 600;
    color: var(--tll-acct-text);
    margin: 0 0 10px;
}

.woocommerce-MyAccount-content .ibox-header h4::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background: var(--tll-acct-green);
    margin-top: 10px;
}

.woocommerce-MyAccount-content .ibox-body {
    padding: 20px 22px;
}

/*----------------------------------------------------------
  4. WC core Dashboard — bare <p>/<a>, no wrapping class
----------------------------------------------------------*/
.woocommerce-MyAccount-content > p {
    color: var(--tll-acct-text-muted);
    font-size: 15px;
    line-height: 1.7;
}

.woocommerce-MyAccount-content > p a {
    color: var(--tll-acct-primary);
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-MyAccount-content > p a:hover {
    color: var(--tll-acct-primary-hover);
    text-decoration: underline;
}

/*----------------------------------------------------------
  5. WC core Address — .woocommerce-Addresses / .woocommerce-Address
----------------------------------------------------------*/
.woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

.woocommerce-MyAccount-content .woocommerce-Address {
    flex: 1 1 280px;
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    padding: 20px 22px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    font-family: "Poppins", var(--font-family-sec);
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
    color: var(--tll-acct-primary);
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-Address address {
    color: var(--tll-acct-text-muted);
    font-style: normal;
    line-height: 1.7;
    font-size: 14px;
}

/*----------------------------------------------------------
  6. WC core Account details — .woocommerce-EditAccountForm
     Submit button already resolves to the right indigo via
     .theme-btn/.woocommerce-Button in main.css:2262-2280 —
     only spacing/radius polish needed here, not color.
----------------------------------------------------------*/
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row {
    margin-bottom: 16px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm label {
    display: block;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 13px;
    font-weight: 600;
    color: var(--tll-acct-text);
    margin-bottom: 6px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Input {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--tll-acct-border);
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Input:focus {
    border-color: var(--tll-acct-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 79, 228, 0.12);
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    padding: 18px 20px 6px;
    margin: 20px 0;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {
    font-family: "Poppins", var(--font-family-sec);
    font-weight: 600;
    font-size: 14px;
    padding: 0 8px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type="submit"] {
    border-radius: 8px;
    padding: 13px 26px;
    font-family: "Poppins", var(--font-family-sec);
}

/*----------------------------------------------------------
  7. WC core Downloads — order/order-downloads.php
----------------------------------------------------------*/
.woocommerce-MyAccount-content .woocommerce-table--order-downloads {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    overflow: hidden;
}

.woocommerce-MyAccount-content .woocommerce-table--order-downloads th {
    background: var(--tll-acct-navy-1);
    color: #ffffff;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 12px 16px;
    border: 0;
}

.woocommerce-MyAccount-content .woocommerce-table--order-downloads td {
    padding: 14px 16px;
    border-top: 1px solid var(--tll-acct-border);
    font-size: 14px;
}

.woocommerce-MyAccount-content .woocommerce-MyAccount-downloads-file.button.alt {
    background: var(--tll-acct-primary);
    color: #ffffff;
    border-radius: 7px;
    padding: 8px 16px;
    font-weight: 600;
    text-decoration: none;
}

/*----------------------------------------------------------
  8. My Coupons — table already has a scoped ruleset in
     woocommerce.css:1222-1285 (spec 0-2-1) to match/exceed
----------------------------------------------------------*/
.woocommerce-MyAccount-coupons table.my_account_coupons {
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

.woocommerce-MyAccount-coupons table.my_account_coupons th {
    background: var(--tll-acct-navy-1);
    color: #ffffff;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 0;
}

.woocommerce-MyAccount-coupons table.my_account_coupons td {
    border-top: 1px solid var(--tll-acct-border);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

/*----------------------------------------------------------
  9. Status pills — reused everywhere a state badge appears:
     View Order's <mark class="order-status">, WC core order
     list statuses, Awesome Support ticket status.
     Same color language as the product page's .pill-*.
----------------------------------------------------------*/
.tll-acct-pill {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.5;
}

.woocommerce-MyAccount-content mark.order-status,
.woocommerce-orders-table__cell-order-status mark {
    display: inline-block;
    background: #f0fdf4;
    color: var(--tll-acct-green-dark);
    padding: 4px 12px;
    border-radius: 20px;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
}

.woocommerce-orders-table__row--status-pending mark.order-status,
.woocommerce-orders-table__row--status-on-hold mark.order-status,
.woocommerce-MyAccount-content mark.order-status.status-pending,
.woocommerce-MyAccount-content mark.order-status.status-on-hold {
    background: #fffbeb;
    color: #b45309;
}

.woocommerce-orders-table__row--status-cancelled mark.order-status,
.woocommerce-orders-table__row--status-failed mark.order-status,
.woocommerce-MyAccount-content mark.order-status.status-cancelled,
.woocommerce-MyAccount-content mark.order-status.status-failed {
    background: #fef2f2;
    color: #dc2626;
}

mark.order-number,
mark.order-date {
    background: none;
    color: var(--tll-acct-text-muted);
    font-weight: 600;
}

/*----------------------------------------------------------
  10. View Order — order/order-details.php,
      order/order-details-item.php, order-details-customer.php
----------------------------------------------------------*/
.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details {
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    padding: 22px;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title {
    font-family: "Poppins", var(--font-family-sec);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 14px;
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details th {
    text-align: left;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--tll-acct-text-muted);
    padding: 8px 4px 10px;
    border-bottom: 2px solid var(--tll-acct-border);
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details td {
    padding: 12px 4px;
    border-bottom: 1px solid var(--tll-acct-border);
    font-size: 14px;
}

/*
 * tfoot's <th scope="row"> cells ("Subtotal:", "Total:", "Payment
 * method:", "Actions:") are row labels, not column headers - but they'd
 * otherwise inherit the column-header rule above (small/uppercase/muted),
 * making "Total:" look like a tiny caption instead of the actual total.
 * WooCommerce gives no class to reliably single out just the "Total" row
 * from "Subtotal"/"Payment method" (confirmed live: plain <tr><th> with
 * no distinguishing class, and the row count varies - not always safe to
 * assume by position), so this styles the whole footer as one clear,
 * readable block instead of guessing a fragile selector for one row.
 */
.woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot th {
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 14px;
    font-weight: 600;
    color: var(--tll-acct-text);
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot td {
    font-family: "Poppins", var(--font-family-sec);
    font-size: 14px;
    font-weight: 600;
    color: var(--tll-acct-navy-1);
    font-variant-numeric: tabular-nums;
}

.woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot th,
.woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot td {
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.woocommerce-MyAccount-content .wc-item-meta {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: var(--tll-acct-text-muted);
}

.woocommerce-MyAccount-content .wc-item-meta-label {
    color: var(--tll-acct-text);
}

.woocommerce-MyAccount-content .order-again .woocommerce-button,
.woocommerce-MyAccount-content .order-actions .woocommerce-button {
    border-radius: 8px;
}

/*----------------------------------------------------------
  11. Orders list — theme override, .woocommerce-orders-table
      + .fold-table expand rows. Cosmetic only — the
      order-fold-row display toggle (main.css:4617-4623)
      stays untouched.
----------------------------------------------------------*/
.woocommerce-MyAccount-content table.woocommerce-orders-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    overflow: hidden;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table thead th {
    background: var(--tll-acct-navy-1);
    color: #ffffff;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 0;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr.order-view-row {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr.order-view-row:hover {
    background: #f8faff;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table td {
    border-top: 1px solid var(--tll-acct-border);
}

/*----------------------------------------------------------
  12. Edit Order — .accordion-* (shared with Order list where
      relevant) + .edit-price-container. Cosmetic only — never
      set `display` on .accordion-content / .accordion-head
      here (see main.css:4491,4507-4509 — load-bearing JS toggle).
----------------------------------------------------------*/
.woocommerce-MyAccount-content .edit-product-item {
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    padding: 24px;
}

.woocommerce-MyAccount-content .accordion-wrapper {
    border: 1px solid var(--tll-acct-border);
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(26, 47, 107, 0.05);
    overflow: hidden;
}

.woocommerce-MyAccount-content .accordion-head {
    background: #f8faff;
    border-bottom: 1px solid var(--tll-acct-border);
    padding: 14px 18px;
}

.woocommerce-MyAccount-content .accordion-head h3 {
    font-family: "Poppins", var(--font-family-sec);
    font-size: 15px;
    font-weight: 600;
    color: var(--tll-acct-text);
}

.woocommerce-MyAccount-content .accordion-head:hover {
    background: #edf2ff;
}

.woocommerce-MyAccount-content .accordion-head .icon {
    color: var(--tll-acct-text-muted);
    transition: transform 0.25s ease;
}

.woocommerce-MyAccount-content .accordion-head.active .icon {
    color: var(--tll-acct-green);
}

.woocommerce-MyAccount-content .edit-price-container table th,
.woocommerce-MyAccount-content .edit-price-container table td {
    font-size: 14px;
}

/*
 * Every cell in this table - not just a header row - is a <th> (see
 * edit-order.php), so the "other tables" catch-all further down (its
 * `th` rule paints a navy header background/white text) matches every
 * row here, not just an intended header. This table has no real
 * header/body distinction, so reset back to plain rows explicitly
 * (needs !important: the catch-all's four :not() clauses give it higher
 * specificity than a plain .edit-price-container table th selector).
 */
.woocommerce-MyAccount-content .edit-price-container table th {
    background: transparent !important;
    color: var(--tll-acct-text) !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

.woocommerce-MyAccount-content .edit-option-total-price .edit-label-item,
.woocommerce-MyAccount-content .edit-option-total-price .edit-price-item,
.woocommerce-MyAccount-content .edit-total-without-fixed .edit-label-item,
.woocommerce-MyAccount-content .edit-total-without-fixed .edit-price-item {
    font-family: "Poppins", var(--font-family-sec);
    font-weight: 600 !important;
    color: var(--tll-acct-navy-1) !important;
}

/* "Sub Total" and "Total" share the same class with no way to tell them
   apart except position - the actual grand total is the last such row,
   so give only that one the fuller emphasis (matching Option Total). */
.woocommerce-MyAccount-content .edit-total-without-fixed:last-of-type .edit-label-item,
.woocommerce-MyAccount-content .edit-total-without-fixed:last-of-type .edit-price-item {
    font-size: 16px;
    font-weight: 700 !important;
}

.woocommerce-MyAccount-content .ppom-field-wrapper .accordion-head {
    background: #ffffff;
}

/*----------------------------------------------------------
  13. Order Update History — .filter-list, moved here from
      orders-history.php's own inline <style> block. Styled as
      a compact tag list instead of a bare bullet list.
----------------------------------------------------------*/
.woocommerce-MyAccount-content .filter-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.woocommerce-MyAccount-content .filter-list li {
    background: #f0f4ff;
    color: var(--tll-acct-navy-1);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 12px;
    margin: 0;
}

.woocommerce-MyAccount-content .filter-list li:last-child {
    margin: 0;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table.fold-table td {
    vertical-align: top;
}

/*----------------------------------------------------------
  14. DataTables — My Leads, Lead Replace. Zero prior theme
      overrides existed for these classes, so this is a clean
      restyle. The hardcoded #leads-table ID-selector header
      color in my-leads.php/lead-replace.php's own inline
      <style> block is removed as part of this change (an ID
      selector would otherwise beat any class rule here).
----------------------------------------------------------*/
.woocommerce-MyAccount-content .dataTables_wrapper {
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    padding: 18px;
}

.woocommerce-MyAccount-content .dataTable {
    border-collapse: collapse;
    width: 100%;
}

.woocommerce-MyAccount-content .dataTable thead th {
    background: var(--tll-acct-navy-1) !important;
    color: #ffffff !important;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 0 !important;
    padding: 12px 10px;
}

.woocommerce-MyAccount-content .dataTable tbody td {
    padding: 12px 10px;
    font-size: 13.5px;
    border-top: 1px solid var(--tll-acct-border);
}

.woocommerce-MyAccount-content .dataTable tbody tr:hover td {
    background: #f8faff;
}

.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_length,
.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_info {
    font-size: 13px;
    color: var(--tll-acct-text-muted);
}

.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 6px;
    padding: 5px 11px;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 13px;
    border: 1px solid var(--tll-acct-border) !important;
    background: #ffffff !important;
    color: var(--tll-acct-text) !important;
}

.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--tll-acct-primary) !important;
    border-color: var(--tll-acct-primary) !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #cbd5e1 !important;
}

/*----------------------------------------------------------
  15. Status/lead badges — my-leads.php / lead-replace.php's
      own .status-badge etc. moved here (see the matching
      trim in those two files' inline <style> blocks).
----------------------------------------------------------*/
.woocommerce-MyAccount-content .status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
}

.woocommerce-MyAccount-content .status-badge.bg-primary {
    background: #f0f4ff;
    color: var(--tll-acct-navy-1);
}

.woocommerce-MyAccount-content .status-badge.bg-secondary {
    background: #f1f5f9;
    color: var(--tll-acct-text-muted);
}

.woocommerce-MyAccount-content .status-badge.bg-success,
.woocommerce-MyAccount-content .badge.bg-success {
    background: #f0fdf4;
    color: var(--tll-acct-green-dark);
}

.woocommerce-MyAccount-content .status-badge.bg-warning,
.woocommerce-MyAccount-content .badge.bg-warning {
    background: #fffbeb;
    color: #b45309;
}

.woocommerce-MyAccount-content .status-badge.bg-info,
.woocommerce-MyAccount-content .badge.bg-info {
    background: #f0f4ff;
    color: var(--tll-acct-navy-1);
}

.woocommerce-MyAccount-content .status-badge.bg-danger,
.woocommerce-MyAccount-content .badge.bg-danger {
    background: #fef2f2;
    color: #dc2626;
}

/*----------------------------------------------------------
  16. Buttons — scoped to My Account so .theme-btn doesn't
      change sitewide. Enumerates every class-casing variant
      actually found in the codebase (case-sensitive as CSS):
      .theme-btn, .woocommerce-Button (capital B),
      .woocommerce-button (lowercase), .wc-forward, .button.
      Existing hover states are !important-locked in main.css,
      matched here.
----------------------------------------------------------*/
.woocommerce-MyAccount-content .theme-btn,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .wc-forward,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input.button {
    background: var(--tll-acct-primary) !important;
    color: #ffffff !important;
    border: 1px solid var(--tll-acct-primary) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-family: "Poppins", var(--font-family-sec) !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.woocommerce-MyAccount-content .theme-btn:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content .wc-forward:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input.button:hover {
    background: var(--tll-acct-primary-hover) !important;
    border-color: var(--tll-acct-primary-hover) !important;
}

.woocommerce-MyAccount-content .theme-btn-outline,
.woocommerce-MyAccount-content .button.cancel,
.woocommerce-MyAccount-content a.edit {
    background: #ffffff !important;
    color: var(--tll-acct-primary) !important;
    border: 1px solid var(--tll-acct-primary) !important;
}

/*----------------------------------------------------------
  17. Submit Ticket / My Tickets / single ticket — Awesome
      Support's own markup inside .woocommerce-MyAccount-content.
      Lower-confidence pass: generic selectors only, since this
      is third-party plugin markup not built by this theme.
----------------------------------------------------------*/
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
    border: 1px solid var(--tll-acct-border);
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    box-sizing: border-box;
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
    border-color: var(--tll-acct-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 79, 228, 0.12);
}

.woocommerce-MyAccount-content table:not(.woocommerce-orders-table):not(.woocommerce-table--order-details):not(.my_account_coupons):not(.dataTable) {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border: 1px solid var(--tll-acct-border);
    border-radius: var(--tll-acct-radius);
    box-shadow: var(--tll-acct-card-shadow);
    overflow: hidden;
}

.woocommerce-MyAccount-content table:not(.woocommerce-orders-table):not(.woocommerce-table--order-details):not(.my_account_coupons):not(.dataTable) th {
    background: var(--tll-acct-navy-1);
    color: #ffffff;
    font-family: "Poppins", var(--font-family-sec);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 12px 14px;
    border: 0;
}

.woocommerce-MyAccount-content table:not(.woocommerce-orders-table):not(.woocommerce-table--order-details):not(.my_account_coupons):not(.dataTable) td {
    padding: 12px 14px;
    border-top: 1px solid var(--tll-acct-border);
}

/*----------------------------------------------------------
  18. Notices — WC's .woocommerce-info/-error/-message, used
      across most of these pages (empty states, form errors)
----------------------------------------------------------*/
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error {
    border-radius: 10px;
    border-top-width: 3px;
    font-size: 14px;
}

.woocommerce-MyAccount-content .woocommerce-message {
    border-top-color: var(--tll-acct-green) !important;
}

.woocommerce-MyAccount-content .woocommerce-error {
    border-top-color: #dc2626 !important;
}

/*----------------------------------------------------------
  19. Responsive
----------------------------------------------------------*/
@media (max-width: 767px) {
    .woocommerce-MyAccount-content .woocommerce-Addresses.col2-set.addresses {
        flex-direction: column;
    }

    .woocommerce-MyAccount-content .ibox-header,
    .woocommerce-MyAccount-content .ibox-body {
        padding: 16px;
    }
}