/* PDF Invoice - Frontend Styles for My Account page */

/* Style the PDF download buttons in My Account orders table */
.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-button.pdf-invoice,
.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-button.pdf-packing_slip,
.woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-button.pdf-credit_note {
    display: inline-block;
    padding: 8px 15px;
    margin: 2px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    transition: all 0.2s ease;
}

/* Button colors */
.woocommerce-button.pdf-invoice {
    background-color: #4CAF50 !important;
    border-color: #45a049 !important;
    color: white !important;
}

.woocommerce-button.pdf-packing_slip {
    background-color: #2196F3 !important;
    border-color: #0b7dda !important;
    color: white !important;
}

.woocommerce-button.pdf-credit_note {
    background-color: #ff9800 !important;
    border-color: #e68a00 !important;
    color: white !important;
}

/* Hover effects */
.woocommerce-button.pdf-invoice:hover,
.woocommerce-button.pdf-packing_slip:hover,
.woocommerce-button.pdf-credit_note:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Ensure buttons don't break the table layout */
.woocommerce-MyAccount-content .woocommerce-orders-table__row td .button {
    margin-bottom: 5px;
    margin-right: 5px;
}

/* Make buttons responsive */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .woocommerce-orders-table__row .woocommerce-button {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}