/**
 * Animotor — Frontend Styles
 */

.amtr-wrapper {
    position: relative;
    width: 100%;
    /* Click-through on live pages: SVG is decorative, underlying elements
       stay interactive. Bricks selects the wrapper via its own overlay
       system — it does not need pointer-events on the element itself.
       Replay buttons get pointer-events:auto restored by frontend.js. */
    pointer-events: none;
}

.amtr-svg-container {
    width: 100%;
    line-height: 0;
    pointer-events: none;
}

.amtr-svg-container svg {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
}

/* ── FOUC prevention ──────────────────────────────────────
   Hide SVG until initWrapper has set initial states.
   The amtr-ready class is added by frontend.js after
   createAnimations() runs (initial states applied).
   Static mode adds amtr-ready before setAllFinalStates,
   so this rule never fires in static mode. */
.amtr-wrapper:not(.amtr-ready) .amtr-svg-container {
    visibility: hidden;
}

/* Always visible in the Bricks builder — initWrapper may not
   have fired yet but the designer needs to see the SVG. */
.brxe-animotor .amtr-svg-container {
    visibility: visible !important;
}

/* Placeholder shown in Bricks editor when no SVG is uploaded */
.amtr-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    color: #999;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #fafafa;
    padding: 40px 20px;
    text-align: center;
}

/* ── Static Mode (?static / #static URL param) ─────────── */
.amtr-static-mode .amtr-preview-controls {
    display: none !important;
}
.amtr-static-mode .amtr-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}