/**
 * Product Floating Actions
 *
 * Shared alignment rules for AuraBricks product-card actions.
 */

.abr-product-floating-actions {
    --abr-product-actions-gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--abr-product-actions-gap);
}

.abr-product-floating-actions > .aurabricks-add-to-cart-btn,
.abr-product-floating-actions > .aurabricks-wishlist-btn,
.abr-product-floating-actions > .aurabricks-compare-btn,
.abr-product-floating-actions > .aurabricks-quick-view-btn {
    box-sizing: border-box;
    flex: 0 0 auto;
    line-height: 1;
}

.abr-product-floating-actions > .aurabricks-add-to-cart-btn:not(.is-loading) > i,
.abr-product-floating-actions > .aurabricks-add-to-cart-btn > svg,
.abr-product-floating-actions > .aurabricks-wishlist-btn > svg,
.abr-product-floating-actions > .aurabricks-compare-btn > svg,
.abr-product-floating-actions > .aurabricks-quick-view-btn > i,
.abr-product-floating-actions > .aurabricks-quick-view-btn > svg {
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    vertical-align: middle;
}

/* Font Awesome draws the glyph with ::before. Center that glyph rather than
 * relying on the line box inherited from the active theme. */
.abr-product-floating-actions > .aurabricks-add-to-cart-btn > i,
.abr-product-floating-actions > .aurabricks-quick-view-btn > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: none !important;
}

.abr-product-floating-actions > .aurabricks-add-to-cart-btn > i::before,
.abr-product-floating-actions > .aurabricks-quick-view-btn > i::before {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}