.elementor-12 .elementor-element.elementor-element-2edf9317{--display:flex;}/* Start custom CSS for wc-elements, class: .elementor-element-3400eba *//* FORCE SHOW ORDER NUMBER ON MOBILE */
@media (max-width: 768.98px) {

    /* Prevent theme from hiding the first (Order) column */
    .woocommerce-account .woocommerce-orders-table__cell-order-number {
        display: block !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #e4e4e4;
    }

    /* Add label above order number */
    .woocommerce-account .woocommerce-orders-table__cell-order-number::before {
        content: "Order No"; /* Mobile label */
        font-weight: 600;
        margin-bottom: 4px;
        display: block;
        color: #333;
    }

    /* Make sure table headers stay hidden (as WooCommerce expects) */
    .shop_table_responsive thead,
    .shop_table_responsive th {
        display: none !important;
    }

    /* Fix spacing for mobile rows */
    .shop_table_responsive tbody tr td {
        display: block;
        padding: 8px 15px !important;
    }
}/* End custom CSS */