/* Basic styles; customize in theme or Elementor if you like */
.aple-content-area {
    min-height: 120px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
}

.aple-placeholder {
    opacity: .6;
    font-style: italic;
}

.aple-busy {
    position: relative;
    opacity: .7;
}

.aple-error {
    background: #fee2e2;
    border: 1px solid #fecaca;
    padding: 12px;
    border-radius: 8px;
}

.aple-loaded .aple-inner {
    animation: apleFade .25s ease-in both;
}

@keyframes apleFade {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Optional button loading style (applies to clicked element if it has .ajax-load-page) */
.ajax-load-page.aple-loading {
    pointer-events: none;
    opacity: .7;
}