/*
 * La Despensa product actions.
 * Actual inline SVG nodes are injected by product-runtime.js, so the controls
 * no longer depend on Font Awesome or on addon pseudo-elements.
 */
.eael-product-gallery .icons-wrap li a,
.eael-product-grid .icons-wrap li a {
    position: relative !important;
    color: #fff !important;
}

.eael-product-gallery .icons-wrap li a > i,
.eael-product-grid .icons-wrap li a > i {
    display: none !important;
}

/* Neutralize the missing Font Awesome glyphs generated by the original addon. */
.eael-product-gallery .icons-wrap li a::before,
.eael-product-gallery .icons-wrap li a::after,
.eael-product-grid .icons-wrap li a::before,
.eael-product-grid .icons-wrap li a::after {
    content: none !important;
    display: none !important;
}

.eael-product-gallery .icons-wrap .ldes-action-icon,
.eael-product-grid .icons-wrap .ldes-action-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

.eael-product-gallery .icons-wrap .ldes-action-icon svg,
.eael-product-grid .icons-wrap .ldes-action-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    max-width: none !important;
    max-height: none !important;
    fill: currentColor;
    overflow: visible !important;
}

.eael-product-gallery .icons-wrap li a:hover,
.eael-product-grid .icons-wrap li a:hover {
    color: #111 !important;
}

/* Keep the suite-owned loader compatible with the original visual controls. */
.ldes-load-more-button[disabled] {
    cursor: wait !important;
    opacity: .75;
}