.py-woo-orders {
    border: 2px solid #0066ff;
    border-radius: 16px;
    overflow: hidden;
}

.woocommerce-orders-table {
    margin-bottom: 0 !important;
}

.woocommerce-orders-table thead th {
    background: #0066ff10;
    border-bottom: 2px solid #0066ff;
    color: #0066ff;
}

.woocommerce-orders-table td {
    border-bottom: 1px solid #0066ff30;
}

.woocommerce-orders-table td {
    border-bottom: 1px solid #0066ff30;
}

.woocommerce-orders-table tbody tr:last-child td,
.woocommerce-orders-table tbody tr:only-child td {
    border-bottom: 0 !important;
}


@media (min-width: 992px) {
    .woocommerce-orders-table__cell .py-label {
        display: none;
    }
}

span.py-value {
    font-weight: bold;
}

.py-woo-orders .woocommerce-orders-table__cell-order-number .py-value a {
    font-weight: bold;
    color: #333 !important;
}
    
.woocommerce-orders-table__cell-order-total .py-value .woocommerce-Price-amount {
    color: #333 !important;
}
    
.py-woo-orders .woocommerce-orders-table__cell-order-actions a.woocommerce-button::after {
    content: " جزئیات";
    display: inline;
    font-weight: 500;
}

    .py-woo-orders .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3px;
        width: 100%;
        padding: 10px;
        border-radius: 10px;
        background-color: #0066ff;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        box-sizing: border-box;
        transition: background-color 0.2s ease;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover {
        background-color: #0056cc;
    }


@media (max-width: 768px) {
    .py-woo-orders {
    border: none;
    border-radius: 0;
    overflow: hidden;
    }
    
    .woocommerce-orders-table__row:last-child {
        margin-bottom: 0;
    }
    
    .py-woo-orders .woocommerce-orders-table thead {
        display: none;
    }

    .py-woo-orders .woocommerce-orders-table tbody tr {
        display: flex;
        flex-direction: column;
        border: 2px solid #0066ff;
        border-radius: 16px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .woocommerce-orders-table tbody tr.woocommerce-orders-table__row td:nth-child(odd) {
    background-color: #0066ff10;
    }
    
    .woocommerce-orders-table tbody tr.woocommerce-orders-table__row td:nth-child(even) {
        background-color: #ffffff;
    }
    
    .woocommerce-orders-table tbody tr.woocommerce-orders-table__row td:last-child {
    background-color: #ffffff !important;
    }
    
    .py-woo-orders .woocommerce-orders-table tbody tr td,
    .py-woo-orders .woocommerce-orders-table tbody tr th {
        border-bottom: 1px solid #0066ff30 !important;
    }

    /* order-number */
    .py-woo-orders .woocommerce-orders-table__cell-order-number .py-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-number .py-label {
        text-align: right;
        font-weight: 500;
        font-size: 15px;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-number .py-value {
        text-align: left;
        font-weight: bold;
    }

    .woocommerce-orders-table__cell-order-number .py-value a {
    color: #333;
    }

    /* order-date */
    .py-woo-orders .woocommerce-orders-table__cell-order-date .py-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-date .py-label {
        text-align: right;
        font-weight: 500;
        font-size: 15px;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-date .py-value {
        text-align: left;
        font-weight: bold;
    }

    /* order-status */
    .py-woo-orders .woocommerce-orders-table__cell-order-status .py-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-status .py-label {
        text-align: right;
        font-weight: 500;
        font-size: 15px;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-status .py-value {
        text-align: left;
        font-weight: bold;
    }

    /* order-total */
    .py-woo-orders .woocommerce-orders-table__cell-order-total .py-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-total .py-label {
        text-align: right;
        font-weight: 500;
        font-size: 15px;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-total .py-value {
        text-align: left;
        font-weight: bold;
    }


    
    .py-woo-orders .woocommerce-orders-table tbody tr td:last-child,
    .py-woo-orders .woocommerce-orders-table tbody tr td:nth-last-child(2) {
        border-bottom: 0 !important;
    }
    
    /* order-actions */
    .py-woo-orders .woocommerce-orders-table__cell-order-actions {
        padding-top: 0 !important;
        padding-bottom: 10px !important;
    }

    .py-woo-orders .woocommerce-orders-table__cell-order-actions .py-label {
        display: none;
    }

    .woocommerce-orders-table__cell-order-actions .py-flex {
    display: block;
    }
    

}