/* Estilos personalizados para la tabla de pedidos en versión móvil */
@media (max-width: 768px) {
    /* Ocultar encabezados y celdas de columnas no deseadas en dispositivos móviles */
    .woocommerce-orders-table__header-order-number,
    .woocommerce-orders-table__header-order-status,
    .woocommerce-orders-table__header-order-total,
    .woocommerce-orders-table__cell-order-number,
    .woocommerce-orders-table__cell-order-status,
    .woocommerce-orders-table__cell-order-total {
        display: none; /* Ocultar encabezados y celdas específicas en dispositivos móviles */
    }

    /* Ajustar los encabezados restantes */
    .woocommerce-orders-table__header-order-date,
    .woocommerce-orders-table__header-order-actions,
    .woocommerce-orders-table__header-order-downloads {
        display: inline-block;
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
        border-bottom: none; /* Quitar borde inferior */
    }

    .woocommerce-orders-table__header-order-date {
        width: 50%; /* Ajustar el ancho de la columna de fecha */
    }

    .woocommerce-orders-table__header-order-actions {
        width: 20%; /* Ajustar el ancho de la columna de acciones */
    }

    .woocommerce-orders-table__header-order-downloads {
        width: 30%; /* Ajustar el ancho de la columna de facturas */
    }

    /* Ajustar las celdas restantes para que ocupen la misma línea */
    .woocommerce-orders-table__cell-order-date,
    .woocommerce-orders-table__cell-order-actions,
    .woocommerce-orders-table__cell-order-downloads {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box;
        border-bottom: none; /* Quitar borde inferior */
    }

    .woocommerce-orders-table__cell-order-date {
        width: 50%; /* Ajustar el ancho de la celda de fecha */
        white-space: nowrap; /* Evitar que la fecha se divida en dos líneas */
    }

    .woocommerce-orders-table__cell-order-actions {
        width: 20%; /* Ajustar el ancho de la celda de acciones */
    }

    .woocommerce-orders-table__cell-order-downloads {
        width: 30%; /* Ajustar el ancho de la celda de facturas */
    }

    /* Asegurar que los botones ocupen todo el ancho disponible */
    .woocommerce-orders-table__cell-order-actions button {
        width: 100%;
    }

    /* Eliminar márgenes adicionales */
    .woocommerce-orders-table__cell {
        margin: 0;
        border-bottom: none; /* Quitar borde inferior */
    }

    /* Eliminar el margen inferior de las filas */
    .woocommerce-orders-table__row {
        margin-bottom: 0;
        border-bottom: none; /* Quitar borde inferior */
        position: relative; /* Necesario para la línea divisoria */
    }

    /* Añadir una línea separadora completa entre las filas */
    .woocommerce-orders-table__row:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #e0e0e0;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}