/**
 * Elementor Widget CSS for ACF Advanced Filters
 *
 * Additional styles for Elementor widget integration.
 */

/* Elementor editor preview */
.elementor-editor-active .acf-filters-wrapper {
    pointer-events: auto;
}

.elementor-editor-active .acf-filters-preview {
    padding: 2rem;
    text-align: center;
    background: #f8f9fa;
    border: 2px dashed #ddd;
    border-radius: 4px;
    color: #666;
}

/* Elementor widget container */
.elementor-widget-acf-advanced-filters {
    width: 100%;
}

.elementor-widget-acf-advanced-filters .elementor-widget-container {
    width: 100%;
}

/* Loading animation for Elementor */
.elementor-widget-acf-advanced-filters.acf-filtering::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #0073aa;
    border-radius: 50%;
    animation: acf-spin 1s linear infinite;
    z-index: 10;
}

/* Integration with Elementor Loop Grid */
.elementor-widget-container[data-query-id] {
    transition: opacity 0.3s ease;
}

.elementor-widget-container[data-query-id].acf-filtering {
    opacity: 0.7;
    position: relative;
}

/* Responsive adjustments for Elementor */
@media (max-width: 1024px) {
    .elementor-column[data-col="33"] .acf-filters-wrapper[data-layout="sidebar"],
    .elementor-column[data-col="25"] .acf-filters-wrapper[data-layout="sidebar"] {
        position: static;
        max-height: none;
    }
}