/**
 * Global Button Centering Fixes
 * Ensures all button labels are properly centered across the website
 */

/* Base button centering for all button types */
button,
input[type="button"],
input[type="submit"],
.btn,
.button,
.edu-btn,
a.button,
a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px;
}

/* Block level buttons */
button.btn-block,
.btn-block,
.button.btn-block {
    display: flex !important;
    width: 100%;
}

/* Akasha theme specific buttons */
.akasha-forward,
.akasha-backward,
.button.akasha-forward,
.button.akasha-backward {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Cart buttons */
.akasha-mini-cart__buttons .button,
.widget_shopping_cart .button,
.cart-buttons .button,
.cart-button,
.add-to-cart,
.add_to_cart_button,
.single_add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Wishlist buttons */
.wishlist-add-to-cart-btn,
.wishlist-modal-add-btn,
.add_to_wishlist,
.remove-from-wishlist {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Dashboard and profile buttons */
.dashboard-btn,
.profile-btn,
.order-btn,
.track-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Form buttons */
form button,
form input[type="submit"],
form .btn,
form .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Checkout buttons */
.checkout-button,
.place-order-btn,
.payment-btn,
#place_order {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100%;
}

/* Product page buttons */
.product-actions .button,
.product-buttons .button,
.single-product-buttons .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Modal buttons */
.modal-footer .btn,
.modal-footer .button,
.popup-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Ensure icons inside buttons are also aligned */
button i,
.btn i,
.button i,
button svg,
.btn svg,
.button svg {
    flex-shrink: 0;
}

/* Fix for anchor tag buttons */
a.button,
a.btn,
a.edu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none;
}

/* Footer device buttons */
.footer-device-mobile-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Clear and continue shopping buttons */
.btn-clear,
.btn-continue,
.continue-shopping {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Empty state buttons */
.empty-state .btn,
.empty-state .button,
.wishlist-empty-state .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Slick slider dots - exclude from flex */
.slick-dots li button {
    display: block !important;
}

/* Remove button in cart - keep original styling */
.remove_from_cart_button,
.remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

