/* ==========================================================================
   MY ACCOUNT + WISHLIST - LavitzNation Dark Theme
   Matches the design language from front-page, FAQ, subscriptions, etc.

   Key selectors:
   - body.woocommerce-account  → all My Account subpages
   - body.woocommerce-wishlist → standalone /wishlist/ page
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ASTRA CONTAINER OVERRIDES
   Kill every white background Astra injects on account + wishlist pages.
   Same pattern used in faq.css and subscriptions.css.
   -------------------------------------------------------------------------- */

body.woocommerce-account .ast-separate-container #primary,
body.woocommerce-account .ast-separate-container .ast-article-single,
body.woocommerce-account .ast-separate-container .ast-article-page,
body.woocommerce-account .ast-separate-container .ast-woocommerce-container,
body.woocommerce-account .ast-plain-container #primary,
body.woocommerce-account #primary,
body.woocommerce-account .site-content,
body.woocommerce-account .entry-content {
    background: transparent !important;
    color: var(--ln-text-primary) !important;
}

body.woocommerce-wishlist .ast-separate-container #primary,
body.woocommerce-wishlist .ast-separate-container .ast-article-single,
body.woocommerce-wishlist .ast-separate-container .ast-article-page,
body.woocommerce-wishlist .ast-separate-container .ast-woocommerce-container,
body.woocommerce-wishlist .ast-plain-container #primary,
body.woocommerce-wishlist #primary,
body.woocommerce-wishlist .site-content,
body.woocommerce-wishlist .entry-content {
    background: transparent !important;
    color: var(--ln-text-primary) !important;
}

/* Page title */
body.woocommerce-account .entry-title,
body.woocommerce-wishlist .entry-title {
    color: var(--ln-text-primary) !important;
    font-weight: 800;
}

/* --------------------------------------------------------------------------
   2. ACCOUNT NAVIGATION SIDEBAR
   Dark card with cyan accent, avatar glow — matches ln-card pattern
   -------------------------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--ln-bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: var(--ln-radius-md) !important;
    padding: 1.25rem !important;
    overflow: hidden;
}

/* Avatar + greeting (Astra adds this wrapper) */
body.woocommerce-account .ast-wooaccount-user-wrapper {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.woocommerce-account .ast-wooaccount-user-wrapper img {
    border-radius: 50%;
    border: 2px solid var(--ln-accent-cyan);
    box-shadow: 0 0 12px var(--ln-glow-cyan);
}

body.woocommerce-account .ast-wooaccount-user-wrapper .ast-username {
    color: var(--ln-text-primary) !important;
    font-weight: 500;
}

body.woocommerce-account .ast-wooaccount-user-wrapper .ast-username strong {
    color: var(--ln-accent-cyan);
}

/* Nav list — Astra sets background on the UL, not the nav wrapper.
   Override var(--ast-global-color-primary) that causes the white box. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Kill Astra's right border on the nav */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    border-right: none !important;
}

/* Kill Astra's top border between nav items */
body.woocommerce-account .woocommerce-MyAccount-navigation-link + .woocommerce-MyAccount-navigation-link {
    border-top: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: var(--ln-text-secondary) !important;
    padding: 0.65rem 1rem !important;
    border-radius: var(--ln-radius-sm) !important;
    display: flex !important;
    align-items: center;
    gap: 0.6rem;
    transition: all var(--ln-transition) !important;
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 500;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--ln-accent-cyan) !important;
    background: rgba(0, 229, 255, 0.08) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--ln-accent-cyan) !important;
    background: rgba(0, 229, 255, 0.12) !important;
    font-weight: 600;
    box-shadow: inset 3px 0 0 var(--ln-accent-cyan);
}

/* Nav SVG icons */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a .ahfb-svg-iconset svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    opacity: 0.6;
    flex-shrink: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a .ahfb-svg-iconset svg,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover .ahfb-svg-iconset svg {
    opacity: 1;
}

/* --------------------------------------------------------------------------
   3. ACCOUNT CONTENT AREA
   -------------------------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content {
    color: var(--ln-text-primary);
}

body.woocommerce-account .woocommerce-MyAccount-content p {
    color: var(--ln-text-secondary);
}

body.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--ln-accent-cyan);
    transition: color var(--ln-transition);
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: var(--ln-accent-magenta);
}

body.woocommerce-account .woocommerce-MyAccount-content strong {
    color: var(--ln-text-primary);
}

/* --------------------------------------------------------------------------
   4. ORDERS GRID (Astra's card-based layout)
   Follows the same card pattern as ln-feed-card and product cards
   -------------------------------------------------------------------------- */

body.woocommerce-account .ast-woo-grid-orders-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.woocommerce-account .ast-orders-table__row {
    background: var(--ln-bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: var(--ln-radius-md) !important;
    padding: 1.25rem !important;
    transition: border-color var(--ln-transition), box-shadow var(--ln-transition), transform var(--ln-transition);
    color: var(--ln-text-primary) !important;
}

body.woocommerce-account .ast-orders-table__row:hover {
    border-color: rgba(0, 229, 255, 0.25) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

/* Status left-border accent (matches the neon palette) */
body.woocommerce-account .ast-orders-table__row--status-completed {
    border-left: 3px solid var(--ln-accent-green) !important;
}

body.woocommerce-account .ast-orders-table__row--status-processing {
    border-left: 3px solid var(--ln-accent-orange) !important;
}

body.woocommerce-account .ast-orders-table__row--status-on-hold {
    border-left: 3px solid var(--ln-accent-purple) !important;
}

body.woocommerce-account .ast-orders-table__row--status-cancelled,
body.woocommerce-account .ast-orders-table__row--status-failed {
    border-left: 3px solid var(--ln-accent-magenta) !important;
}

/* Order cells - all dark */
body.woocommerce-account .ast-orders-table__cell {
    color: var(--ln-text-primary) !important;
    background: transparent !important;
}

body.woocommerce-account .ast-orders-table__cell-order-number img {
    border-radius: var(--ln-radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.woocommerce-account .ast-orders-table__cell-order-date strong,
body.woocommerce-account .ast-woo-order-date {
    color: var(--ln-text-primary) !important;
    font-weight: 600;
}

body.woocommerce-account .ast-orders-table__cell-order-status {
    color: var(--ln-text-muted) !important;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body.woocommerce-account .ast-orders-table__cell-order-total {
    color: var(--ln-text-secondary) !important;
    font-size: 0.85rem;
}

body.woocommerce-account .ast-orders-table__cell-order-total .woocommerce-Price-amount {
    color: var(--ln-accent-cyan) !important;
    font-weight: 700;
}

body.woocommerce-account .ast-orders-table__cell-order-actions a.view {
    color: var(--ln-accent-cyan) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    padding: 6px 16px;
    border: 1px solid var(--ln-accent-cyan);
    border-radius: var(--ln-radius-sm);
    transition: all var(--ln-transition);
}

body.woocommerce-account .ast-orders-table__cell-order-actions a.view:hover {
    background: var(--ln-accent-cyan) !important;
    color: var(--ln-bg-primary) !important;
    box-shadow: 0 0 20px var(--ln-glow-cyan);
}

/* --------------------------------------------------------------------------
   5. TABLES INSIDE ACCOUNT (Subscriptions, Order Details, etc.)
   Same table styling as the shop_table in style.css cart/checkout
   -------------------------------------------------------------------------- */

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table {
    background: var(--ln-bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: var(--ln-radius-md) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table thead {
    background: var(--ln-bg-elevated) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table th {
    color: var(--ln-text-secondary) !important;
    background: transparent !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 1rem 1.25rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table td {
    color: var(--ln-text-primary) !important;
    background: transparent !important;
    padding: 0.85rem 1.25rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: none !important;
    vertical-align: middle;
}

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

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table td a {
    color: var(--ln-accent-cyan) !important;
    font-weight: 500;
    transition: color var(--ln-transition);
}

body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td a:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table td a:hover {
    color: var(--ln-accent-magenta) !important;
}

/* --------------------------------------------------------------------------
   6. PURCHASED GALLERIES (custom endpoint)
   -------------------------------------------------------------------------- */

body.woocommerce-account .ln-purchased-galleries {
    width: 100%;
}

body.woocommerce-account .ln-purchased-galleries h2 {
    text-align: center;
    margin-bottom: 1.5rem;
    color: var(--ln-text-primary);
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   7. ACCOUNT FORMS (edit account, payment methods, etc.)
   Same input styling as checkout forms in style.css
   -------------------------------------------------------------------------- */

/* Astra floating labels: positioned absolute over the input.
   We need extra top-padding on inputs so the label + value don't overlap. */
body.woocommerce-account .woocommerce-MyAccount-content form label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) {
    color: var(--ln-text-muted) !important;
    font-weight: 500;
}

body.woocommerce-account .woocommerce-MyAccount-content form input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content form input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content form input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content form input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content form input[type="number"],
body.woocommerce-account .woocommerce-MyAccount-content form select,
body.woocommerce-account .woocommerce-MyAccount-content form textarea {
    background: var(--ln-bg-elevated) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--ln-text-primary) !important;
    border-radius: var(--ln-radius-sm) !important;
    padding: 22px 14px 8px !important;  /* tall top-padding for floating label */
    transition: border-color var(--ln-transition);
}

body.woocommerce-account .woocommerce-MyAccount-content form input:focus,
body.woocommerce-account .woocommerce-MyAccount-content form select:focus,
body.woocommerce-account .woocommerce-MyAccount-content form textarea:focus {
    border-color: var(--ln-accent-cyan) !important;
    box-shadow: 0 0 0 2px var(--ln-glow-cyan) !important;
    outline: none !important;
}

/* Checkbox labels stay normal */
body.woocommerce-account .woocommerce-MyAccount-content form label.checkbox,
body.woocommerce-account .woocommerce-MyAccount-content form label.woocommerce-form__label-for-checkbox,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row label.woocommerce-form__label-for-checkbox {
    color: var(--ln-text-secondary) !important;
    position: static !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    font-size: inherit !important;
}

/* --------------------------------------------------------------------------
   7b. PASSWORD STRENGTH METER
   WooCommerce outputs .woocommerce-password-strength below password fields.
   It has colored backgrounds for short/bad/good/strong — restyle for dark theme.
   -------------------------------------------------------------------------- */

body.woocommerce-account .woocommerce-password-strength {
    background: var(--ln-bg-elevated) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: var(--ln-radius-sm) !important;
    color: var(--ln-text-primary) !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    font-weight: 600;
    text-align: center;
    margin-top: 0.5rem;
}

body.woocommerce-account .woocommerce-password-strength.short {
    border-color: var(--ln-accent-magenta) !important;
    color: var(--ln-accent-magenta) !important;
    background: rgba(233, 30, 140, 0.1) !important;
}

body.woocommerce-account .woocommerce-password-strength.bad {
    border-color: var(--ln-accent-orange) !important;
    color: var(--ln-accent-orange) !important;
    background: rgba(255, 107, 43, 0.1) !important;
}

body.woocommerce-account .woocommerce-password-strength.good {
    border-color: var(--ln-accent-cyan) !important;
    color: var(--ln-accent-cyan) !important;
    background: rgba(0, 229, 255, 0.1) !important;
}

body.woocommerce-account .woocommerce-password-strength.strong {
    border-color: var(--ln-accent-green) !important;
    color: var(--ln-accent-green) !important;
    background: rgba(57, 255, 20, 0.1) !important;
}

/* Password hint text */
body.woocommerce-account .woocommerce-password-hint {
    color: var(--ln-text-muted) !important;
    font-size: 0.8rem;
}

/* Show/hide password toggle button — WooCommerce renders these as empty
   styled spans after password fields. Give them a visible eye icon. */
body.woocommerce-account .show-password-input {
    background: transparent !important;
    border: none !important;
    color: var(--ln-text-muted) !important;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 4px 8px !important;
    border-radius: var(--ln-radius-sm) !important;
    transition: color var(--ln-transition);
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
}

body.woocommerce-account .show-password-input::after {
    content: "Show";
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}

body.woocommerce-account .show-password-input.display-password::after {
    content: "Hide";
}

body.woocommerce-account .show-password-input:hover {
    color: var(--ln-accent-cyan) !important;
}

/* --------------------------------------------------------------------------
   8. WISHLIST PAGE (YITH WooCommerce Wishlist at /wishlist/)
   This is a standalone page, NOT inside My Account.
   -------------------------------------------------------------------------- */

/* Title */
body.woocommerce-wishlist .wishlist-title-container {
    margin-bottom: 1.5rem;
}

body.woocommerce-wishlist .wishlist-title h2,
body.woocommerce-wishlist .yith-wcwl-form h2 {
    color: var(--ln-text-primary) !important;
    font-weight: 700;
}

body.woocommerce-wishlist .wishlist-title .show-title-form {
    color: var(--ln-text-muted) !important;
    transition: color var(--ln-transition);
}

body.woocommerce-wishlist .wishlist-title .show-title-form:hover {
    color: var(--ln-accent-cyan) !important;
}

/* Wishlist table */
body.woocommerce-wishlist table.wishlist_table,
table.wishlist_table {
    background: var(--ln-bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: var(--ln-radius-md) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    color: var(--ln-text-primary) !important;
    width: 100%;
}

body.woocommerce-wishlist .wishlist_table thead,
table.wishlist_table thead {
    background: var(--ln-bg-elevated) !important;
}

body.woocommerce-wishlist .wishlist_table thead tr,
table.wishlist_table thead tr {
    background: var(--ln-bg-elevated) !important;
}

body.woocommerce-wishlist .wishlist_table thead th,
body.woocommerce-wishlist .wishlist_table thead th span,
table.wishlist_table thead th,
table.wishlist_table thead th span {
    color: var(--ln-text-secondary) !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em;
    font-weight: 600 !important;
    padding: 1rem 1.25rem !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.woocommerce-wishlist .wishlist_table tbody tr,
table.wishlist_table tbody tr {
    background: var(--ln-bg-card) !important;
    transition: background var(--ln-transition);
}

body.woocommerce-wishlist .wishlist_table tbody tr:hover,
table.wishlist_table tbody tr:hover {
    background: var(--ln-bg-elevated) !important;
}

body.woocommerce-wishlist .wishlist_table td,
table.wishlist_table td {
    color: var(--ln-text-primary) !important;
    padding: 1rem 1.25rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    vertical-align: middle !important;
    background: transparent !important;
}

body.woocommerce-wishlist .wishlist_table tbody tr:last-child td,
table.wishlist_table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Product thumbnails - glow on hover like gallery grid items */
table.wishlist_table .product-thumbnail img {
    border-radius: var(--ln-radius-sm);
    border: 2px solid rgba(255, 255, 255, 0.08);
    transition: border-color var(--ln-transition), box-shadow var(--ln-transition);
}

table.wishlist_table tbody tr:hover .product-thumbnail img {
    border-color: var(--ln-accent-cyan);
    box-shadow: 0 0 12px var(--ln-glow-cyan);
}

/* Product name links */
table.wishlist_table .product-name a {
    color: var(--ln-accent-cyan) !important;
    font-weight: 500;
    transition: color var(--ln-transition);
}

table.wishlist_table .product-name a:hover {
    color: var(--ln-accent-magenta) !important;
}

/* Price */
table.wishlist_table .product-price,
table.wishlist_table .product-price .woocommerce-Price-amount {
    color: var(--ln-text-primary) !important;
    font-weight: 600;
}

/* Stock status - green/magenta like the neon palette */
table.wishlist_table .wishlist-in-stock {
    color: var(--ln-accent-green) !important;
}

table.wishlist_table .wishlist-out-of-stock {
    color: var(--ln-accent-magenta) !important;
}

/* Add to cart - magenta gradient button like all other buttons */
table.wishlist_table .product-add-to-cart a.add_to_cart {
    background: linear-gradient(135deg, var(--ln-accent-magenta), var(--ln-accent-purple)) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--ln-radius-sm) !important;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 8px 20px !important;
    transition: box-shadow var(--ln-transition), transform var(--ln-transition);
    display: inline-block;
}

table.wishlist_table .product-add-to-cart a.add_to_cart:hover {
    box-shadow: 0 0 25px var(--ln-glow-magenta), 0 0 50px var(--ln-glow-purple);
    transform: translateY(-1px);
}

/* Remove (x) button */
table.wishlist_table .product-remove a.remove_from_wishlist {
    color: var(--ln-text-muted) !important;
    font-size: 1.3rem;
    transition: color var(--ln-transition);
    text-decoration: none;
}

table.wishlist_table .product-remove a.remove_from_wishlist:hover {
    color: var(--ln-accent-magenta) !important;
}

/* --------------------------------------------------------------------------
   8b. WISHLIST INSIDE MY ACCOUNT (endpoint wrapper)
   The YITH shortcode renders inside .ln-wishlist-endpoint within My Account.
   -------------------------------------------------------------------------- */

.ln-wishlist-endpoint {
    width: 100%;
}

.ln-wishlist-endpoint .wishlist-title-container {
    margin-bottom: 1.5rem;
}

.ln-wishlist-endpoint .wishlist-title h2 {
    color: var(--ln-text-primary) !important;
    font-weight: 700;
}

.ln-wishlist-endpoint .wishlist-title .show-title-form {
    color: var(--ln-text-muted) !important;
    transition: color var(--ln-transition);
}

.ln-wishlist-endpoint .wishlist-title .show-title-form:hover {
    color: var(--ln-accent-cyan) !important;
}

/* --------------------------------------------------------------------------
   10. WOO NOTICES & MESSAGES
   -------------------------------------------------------------------------- */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-wishlist .woocommerce-message,
body.woocommerce-wishlist .woocommerce-info {
    background: var(--ln-bg-card) !important;
    border-top-color: var(--ln-accent-cyan) !important;
    color: var(--ln-text-primary) !important;
}

body.woocommerce-account .woocommerce-error,
body.woocommerce-wishlist .woocommerce-error {
    background: var(--ln-bg-card) !important;
    border-top-color: var(--ln-accent-magenta) !important;
    color: var(--ln-text-primary) !important;
}

/* --------------------------------------------------------------------------
   11. MOBILE RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Stack nav horizontally on mobile */
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 1.5rem !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.4rem !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 0 0 auto;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 0.4rem 0.8rem !important;
        font-size: 0.8rem !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
        box-shadow: none;
        border-bottom: 2px solid var(--ln-accent-cyan);
    }

    /* Order cards */
    body.woocommerce-account .ast-orders-table__row {
        flex-wrap: wrap;
        padding: 1rem !important;
    }

    body.woocommerce-account .ast-orders-table__cell-order-number img {
        width: 50px;
        height: 50px;
    }

    /* Wishlist table on mobile */
    table.wishlist_table.responsive tbody tr {
        display: block !important;
        background: var(--ln-bg-card) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: var(--ln-radius-md) !important;
        margin-bottom: 1rem;
        padding: 1rem !important;
    }

    table.wishlist_table.responsive tbody td {
        display: block !important;
        border-bottom: none !important;
        padding: 0.5rem 0 !important;
    }
}