/* React Animation Plugin — Base CSS */

/* Builder preview label */
body.themify_builder_active [data-rap-animation]::before {
    content: '⚡ ' attr(data-rap-animation);
    position: absolute;
    top: 4px;
    right: 6px;
    background: rgba(99, 102, 241, 0.9);
    color: #fff;
    font: 10px/1.5 monospace;
    padding: 2px 8px;
    border-radius: 3px;
    pointer-events: none;
    z-index: 9999;
    letter-spacing: .04em;
    white-space: nowrap;
}
body.themify_builder_active [data-rap-animation] {
    position: relative;
    outline: 1px dashed rgba(99, 102, 241, 0.4);
}

/* Tilt */
.rap-tilt-active { transform-style: preserve-3d; }

/* Magnet */
.rap-magnet-active { display: inline-block; }

/* Star border */
.rap-star-border-active { display: inline-block; }

/* Spotlight */
.rap-spotlight-active { overflow: hidden; }

/* Cursor trail */
.rap-cursor-trail-active { overflow: hidden; }

/* Background wrapper */
.rap-background-wrap {
    position: relative;
    overflow: hidden;
}
.rap-bg-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.rap-bg-content {
    position: relative;
    z-index: 1;
}

/* Reduced motion — disable all RAP animations */
@media (prefers-reduced-motion: reduce) {
    [data-rap-animation],
    [data-rap-animation] * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        clip-path: none !important;
    }
    .rap-bg-canvas { display: none !important; }
}