/* ============================================================
   JD Dashboard Widget v1.0 — Premium WooCommerce My Account
   
   Transforms the default WooCommerce My Account page from a 
   plain sidebar + content layout into a modern dashboard with
   horizontal pill-tab navigation and styled sub-pages.

   Targets:
   - .woocommerce-MyAccount-navigation  (sidebar → tabs)
   - .woocommerce-MyAccount-content     (content area)
   - .woocommerce-orders-table          (orders listing)
   - .woocommerce-address-fields        (address forms)
   - .woocommerce-EditAccountForm       (account details)
   - .woocommerce-form-login/register   (login/register)
   ============================================================ */


/* ──────────────────────────────────────────────────────────
   0. WRAPPER & LAYOUT RESET
   
   WooCommerce uses float-based layout:
     .woocommerce-MyAccount-navigation { float: left; width: 30%; }
     .woocommerce-MyAccount-content { float: right; width: 68%; }
   We kill floats and use vertical flex (tabs on top, content below).
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.jd-dashboard-wrapper .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Kill ALL WooCommerce floats */
.jd-dashboard-wrapper .woocommerce::after,
.jd-dashboard-wrapper .woocommerce::before {
    display: none !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    clear: none !important;
}


/* ──────────────────────────────────────────────────────────
   1. NAVIGATION — Horizontal Pill Tabs
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px 16px 0 0 !important;
    padding: 6px !important;
    position: relative !important;
    z-index: 2 !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-shrink: 0 !important;
}

/* Kill default bullets/markers */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li::before,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li::marker {
    display: none !important;
    content: '' !important;
}

/* Kill ALL existing WooCommerce / theme nav icons */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a::before,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a::after,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a i,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a em,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a .fa,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a .fas,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a .dashicons {
    display: none !important;
    content: '' !important;
}

/* Tab link styling */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #475569;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    line-height: 1.4;
    border: none !important;
    background-color: transparent;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

/* Active tab */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li.is-active a,
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    background-color: #0f172a;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15);
}

/* Tab Icons (injected by JS) */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a .jd-nav-icon {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a .jd-nav-icon svg {
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Logout tab — subtle red tint */
.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ef4444;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #fef2f2;
    color: #dc2626;
}


/* ──────────────────────────────────────────────────────────
   2. CONTENT AREA
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper .woocommerce-MyAccount-content {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-top: none !important;
    border-radius: 0 0 16px 16px;
    padding: 40px;
    min-height: 300px !important;
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
}

/* Links inside content */
.jd-dashboard-wrapper .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
    color: #3b82f6;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.2s !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
    color: #1d4ed8;
    text-decoration: underline !important;
}


/* ──────────────────────────────────────────────────────────
   3. DASHBOARD HOME — Welcome & Quick Actions
   ────────────────────────────────────────────────────────── */

/* The default dashboard text */
.jd-dashboard-wrapper .woocommerce-MyAccount-content > p:first-child {
    font-size: 16px !important;
    color: #475569 !important;
    margin-bottom: 10px !important;
    padding: 20px 24px !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    border: 1px solid #f1f5f9 !important;
    line-height: 1.6 !important;
}

.jd-dashboard-wrapper .woocommerce-MyAccount-content > p:first-child strong {
    color: #0f172a !important;
}


/* ──────────────────────────────────────────────────────────
   4. ORDERS TABLE
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper .woocommerce-orders-table,
.jd-dashboard-wrapper table.woocommerce-table--order-downloads,
.jd-dashboard-wrapper table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    background: #ffffff !important;
}

/* Table header */
.jd-dashboard-wrapper .woocommerce-orders-table thead th,
.jd-dashboard-wrapper table.shop_table thead th {
    background-color: #f8fafc;
    color: #475569;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    padding: 14px 20px !important;
    border-bottom: 1px solid #e5e7eb;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Table body rows */
.jd-dashboard-wrapper .woocommerce-orders-table tbody tr,
.jd-dashboard-wrapper table.shop_table tbody tr {
    transition: background 0.15s ease !important;
}

.jd-dashboard-wrapper .woocommerce-orders-table tbody tr:hover,
.jd-dashboard-wrapper table.shop_table tbody tr:hover {
    background: #f8fafc !important;
}

/* Alternating rows */
.jd-dashboard-wrapper .woocommerce-orders-table tbody tr:nth-child(even),
.jd-dashboard-wrapper table.shop_table tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

/* Table cells */
.jd-dashboard-wrapper .woocommerce-orders-table td,
.jd-dashboard-wrapper table.shop_table td {
    padding: 14px 20px !important;
    font-size: 14px;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    vertical-align: middle !important;
}

.jd-dashboard-wrapper .woocommerce-orders-table tbody tr:last-child td,
.jd-dashboard-wrapper table.shop_table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Order number link */
.jd-dashboard-wrapper .woocommerce-orders-table td a {
    font-weight: 600 !important;
}

/* Order Status Badges */
.jd-dashboard-wrapper .woocommerce-orders-table td[data-title="Status"],
.jd-dashboard-wrapper .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* View Order button in table */
.jd-dashboard-wrapper .woocommerce-orders-table .woocommerce-button,
.jd-dashboard-wrapper .woocommerce-orders-table .button {
    font-size: 13px !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
}

/* No orders message */
.jd-dashboard-wrapper .woocommerce-info,
.jd-dashboard-wrapper .woocommerce-message {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 24px !important;
    border-radius: 12px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
}

.jd-dashboard-wrapper .woocommerce-info {
    background: #eff6ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
}

.jd-dashboard-wrapper .woocommerce-message {
    background: #ecfdf5 !important;
    color: #065f46 !important;
    border: 1px solid #a7f3d0 !important;
}

.jd-dashboard-wrapper .woocommerce-info::before,
.jd-dashboard-wrapper .woocommerce-message::before,
.jd-dashboard-wrapper .woocommerce-error::before {
    display: none !important;
}


/* ──────────────────────────────────────────────────────────
   5. ADDRESSES — Side by Side Cards
   ────────────────────────────────────────────────────────── */

/* Address columns container */
.jd-dashboard-wrapper .woocommerce-Addresses,
.jd-dashboard-wrapper .u-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    width: 100% !important;
}

/* Kill WooCommerce float columns */
.jd-dashboard-wrapper .u-columns .u-column1,
.jd-dashboard-wrapper .u-columns .u-column2,
.jd-dashboard-wrapper .woocommerce-Addresses .woocommerce-Address,
.jd-dashboard-wrapper .col-1,
.jd-dashboard-wrapper .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Each address card */
.jd-dashboard-wrapper .woocommerce-Address {
    background-color: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 28px;
    position: relative !important;
}

/* Address card title */
.jd-dashboard-wrapper .woocommerce-Address header,
.jd-dashboard-wrapper .woocommerce-Address .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.jd-dashboard-wrapper .woocommerce-Address h3,
.jd-dashboard-wrapper .woocommerce-Address-title h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Edit link */
.jd-dashboard-wrapper .woocommerce-Address-title a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #3b82f6 !important;
    text-decoration: none !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    border: 1px solid #3b82f6 !important;
    transition: all 0.2s ease !important;
}

.jd-dashboard-wrapper .woocommerce-Address-title a:hover {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

/* Address text */
.jd-dashboard-wrapper .woocommerce-Address address {
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
}


/* ──────────────────────────────────────────────────────────
   6. FORMS — Account Details, Edit Address, Login/Register
   ────────────────────────────────────────────────────────── */

/* Fieldset / legend */
.jd-dashboard-wrapper fieldset {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 0 0 24px 0 !important;
}

.jd-dashboard-wrapper fieldset legend {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 8px !important;
}

/* Labels */
.jd-dashboard-wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px !important;
    display: block !important;
}

.jd-dashboard-wrapper label .required {
    color: #ef4444 !important;
}

/* All input types */
.jd-dashboard-wrapper input[type="text"],
.jd-dashboard-wrapper input[type="email"],
.jd-dashboard-wrapper input[type="password"],
.jd-dashboard-wrapper input[type="tel"],
.jd-dashboard-wrapper input[type="number"],
.jd-dashboard-wrapper input[type="url"],
.jd-dashboard-wrapper select,
.jd-dashboard-wrapper textarea {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 15px;
    color: #0f172a;
    background-color: #ffffff;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
}

.jd-dashboard-wrapper textarea {
    height: auto !important;
    padding: 12px 16px !important;
    min-height: 120px !important;
}

.jd-dashboard-wrapper select {
    padding-right: 40px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
}

.jd-dashboard-wrapper input:focus,
.jd-dashboard-wrapper select:focus,
.jd-dashboard-wrapper textarea:focus {
    border-color: #0f172a;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

.jd-dashboard-wrapper input::placeholder,
.jd-dashboard-wrapper textarea::placeholder {
    color: #94a3b8 !important;
}

/* Form rows */
.jd-dashboard-wrapper .woocommerce-form-row,
.jd-dashboard-wrapper .form-row {
    margin-bottom: 20px !important;
}

/* Wide / half rows */
.jd-dashboard-wrapper .form-row-wide {
    width: 100% !important;
    float: none !important;
}

.jd-dashboard-wrapper .form-row-first,
.jd-dashboard-wrapper .form-row-last {
    width: 48% !important;
}

.jd-dashboard-wrapper .form-row-first {
    float: left !important;
}

.jd-dashboard-wrapper .form-row-last {
    float: right !important;
}


/* ──────────────────────────────────────────────────────────
   7. BUTTONS — All WooCommerce Buttons
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper .woocommerce-button,
.jd-dashboard-wrapper .button,
.jd-dashboard-wrapper input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #0f172a;
    color: #ffffff;
    border: none !important;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
    -webkit-appearance: none !important;
    line-height: 1.4;
    letter-spacing: 0.01em;
}

.jd-dashboard-wrapper .woocommerce-button:hover,
.jd-dashboard-wrapper .button:hover,
.jd-dashboard-wrapper input[type="submit"]:hover {
    background-color: #1e293b;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.2);
    color: #ffffff;
}

/* Secondary / outline variant (for view, edit links) */
.jd-dashboard-wrapper .woocommerce-button.button {
    font-size: 13px !important;
    padding: 10px 22px !important;
}

/* Small action buttons in tables */
.jd-dashboard-wrapper td .button,
.jd-dashboard-wrapper td .woocommerce-button {
    font-size: 13px !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}


/* ──────────────────────────────────────────────────────────
   8. LOGIN / REGISTER FORMS
   ────────────────────────────────────────────────────────── */

/* Two column layout for login/register */
.jd-dashboard-wrapper .u-columns.col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
}

.jd-dashboard-wrapper .u-columns.col2-set .u-column1,
.jd-dashboard-wrapper .u-columns.col2-set .u-column2 {
    float: none !important;
    width: 100% !important;
}

/* Login/Register form cards */
.jd-dashboard-wrapper .woocommerce-form-login,
.jd-dashboard-wrapper .woocommerce-form-register {
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 32px !important;
}

.jd-dashboard-wrapper .woocommerce-form-login h2,
.jd-dashboard-wrapper .woocommerce-form-register h2 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 24px 0 !important;
    padding: 0 0 16px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Remember me checkbox */
.jd-dashboard-wrapper .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
}

.jd-dashboard-wrapper .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
    accent-color: #0f172a !important;
}

/* Lost password link */
.jd-dashboard-wrapper .woocommerce-LostPassword {
    margin-top: 16px !important;
}

.jd-dashboard-wrapper .woocommerce-LostPassword a {
    font-size: 13px !important;
    color: #64748b !important;
}


/* ──────────────────────────────────────────────────────────
   9. DOWNLOADS TABLE
   ────────────────────────────────────────────────────────── */

/* Handled by the generic table styles in section 4 */


/* ──────────────────────────────────────────────────────────
   10. ORDER DETAILS PAGE (single order view)
   ────────────────────────────────────────────────────────── */

.jd-dashboard-wrapper .woocommerce-order-details {
    margin-bottom: 30px !important;
}

.jd-dashboard-wrapper .woocommerce-order-details h2,
.jd-dashboard-wrapper .woocommerce-customer-details h2,
.jd-dashboard-wrapper .woocommerce-column__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Order status badges with colors */
.jd-dashboard-wrapper mark.order-status {
    display: inline-block !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* Completed status */
.jd-dashboard-wrapper mark.order-status.status-completed {
    background: #ecfdf5 !important;
    color: #059669 !important;
}

/* Processing status */
.jd-dashboard-wrapper mark.order-status.status-processing {
    background: #fffbeb !important;
    color: #d97706 !important;
}

/* On-hold status */
.jd-dashboard-wrapper mark.order-status.status-on-hold {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

/* Failed / cancelled status */
.jd-dashboard-wrapper mark.order-status.status-failed,
.jd-dashboard-wrapper mark.order-status.status-cancelled {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Pending status */
.jd-dashboard-wrapper mark.order-status.status-pending {
    background: #eff6ff !important;
    color: #2563eb !important;
}

/* Refunded status */
.jd-dashboard-wrapper mark.order-status.status-refunded {
    background: #f5f3ff !important;
    color: #7c3aed !important;
}


/* ──────────────────────────────────────────────────────────
   11. RESPONSIVE — MOBILE
   ────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .jd-dashboard-wrapper .woocommerce-MyAccount-navigation {
        border-radius: 12px !important;
        margin-bottom: 12px !important;
    }

    .jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 2px !important;
    }

    .jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none !important;
    }

    .jd-dashboard-wrapper .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }

    .jd-dashboard-wrapper .woocommerce-MyAccount-content {
        border-radius: 12px !important;
        border: 1px solid #e5e7eb !important;
        padding: 24px 18px !important;
    }

    /* Stack address cards */
    .jd-dashboard-wrapper .woocommerce-Addresses,
    .jd-dashboard-wrapper .u-columns {
        grid-template-columns: 1fr !important;
    }

    /* Stack login/register */
    .jd-dashboard-wrapper .u-columns.col2-set {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Half rows become full */
    .jd-dashboard-wrapper .form-row-first,
    .jd-dashboard-wrapper .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    /* Orders table card mode */
    .jd-dashboard-wrapper .woocommerce-orders-table thead {
        display: none !important;
    }

    .jd-dashboard-wrapper .woocommerce-orders-table tbody tr {
        display: block !important;
        padding: 16px 20px !important;
        margin-bottom: 12px !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 12px !important;
    }

    .jd-dashboard-wrapper .woocommerce-orders-table td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }

    .jd-dashboard-wrapper .woocommerce-orders-table td:last-child {
        border-bottom: none !important;
    }

    .jd-dashboard-wrapper .woocommerce-orders-table td::before {
        content: attr(data-title) !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        color: #94a3b8 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
    }
}

@media (max-width: 480px) {
    .jd-dashboard-wrapper .woocommerce-MyAccount-content {
        padding: 20px 14px !important;
    }

    .jd-dashboard-wrapper .woocommerce-form-login,
    .jd-dashboard-wrapper .woocommerce-form-register {
        padding: 24px 18px !important;
    }

    .jd-dashboard-wrapper .woocommerce-Address {
        padding: 20px !important;
    }
}