/* Aromavit Shop AJAX Fix - Phlox/Aux recent products filter */
.aux-widget-recent-products-pro {
    position: relative;
}

.aromavit-shop-loading-message {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    max-width: calc(100% - 30px);
    margin: 12px auto 18px;
    padding: 12px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    color: #222;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    z-index: 9999;
    pointer-events: none;
}

.aromavit-shop-loading-message::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.18);
    border-top-color: #38a852;
    animation: aromavit-shop-spin 0.75s linear infinite;
}

.aux-widget-recent-products-pro.aromavit-shop-is-loading .aromavit-shop-loading-message {
    display: flex;
}

.aux-widget-recent-products-pro.aromavit-shop-is-loading .aux-ajax-view {
    opacity: 0.45;
    transition: opacity 0.2s ease;
}

.aux-widget-recent-products-pro.aromavit-shop-is-loading::after {
    content: "Loading products...";
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    z-index: 9998;
    padding: 14px 22px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
    color: #222;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
    pointer-events: none;
}

.aux-widget-recent-products-pro .aux-items-loading.aux-loading-visible,
.aux-widget-recent-products-pro.aromavit-shop-is-loading .aux-items-loading {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 9999 !important;
}

.aux-widget-recent-products-pro .aux-ajax-view {
    min-height: 260px;
}

@keyframes aromavit-shop-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
    .aromavit-shop-loading-message {
        position: sticky;
        top: 12px;
        margin-top: 8px;
        margin-bottom: 14px;
        font-size: 14px;
        padding: 11px 16px;
    }

    .aux-widget-recent-products-pro.aromavit-shop-is-loading::after {
        top: 62%;
        font-size: 14px;
        padding: 12px 18px;
    }

    .aux-widget-recent-products-pro .aux-ajax-view {
        min-height: 340px;
    }
}