/*
 * CSS for Orders Page Only
 * Applies only to: http://bigfatlink.local/account/orders/
 * Plugin: WooCommerce Subscription Customizer
 */

/* Add your custom styles here for the orders page */

/* Example: Style the orders table */
.woocommerce-account .woocommerce-MyAccount-content .shop_table.my_account_orders {
    /* Your custom styles for the orders table */
}

/* Example: Style the subscription status column */
.woocommerce-account .shop_table .subscription-status {
    /* Your custom styles for subscription status */
}

/* Example: Style the orders page filters */
.woocommerce-account .orders-table-filters {
    /* Your custom styles for the filters */
}

/* Example: Style order action buttons */
.woocommerce-account .shop_table .woocommerce-button {
    /* Your custom styles for order buttons */
}

/* Add more custom styles as needed for the orders page */

/* ===============================================
   RESPONSIVE BREAKPOINT - 768px and below
   =============================================== */
@media (max-width: 768px) {

        .woocommerce{
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        .woocommerce-account .woocommerce-MyAccount-content{
            width: 100%!important;
        }

        .woocommerce-account .woocommerce-MyAccount-navigation{
            width: 100%!important;
        }
        
        td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions{
            width: 768px!important;
        }
        .woocommerce-account .woocommerce-orders-table .button.orf_export, .woocommerce-MyAccount-content .woocommerce-orders-table .button.orf_export{
            padding: 15px!important;
            font-size: 15px!important;
            font-weight: 600!important;
        }
}