/**
 * Pretpot Cursor Hover Trail Effect
 * @package Pretpot_Massive_Addons_Kit_Pro
 * @version 2.7.5 (fixed)
 */

/* ── Base Wrapper ── */
.pretpot-cursor-hover-trail-yes {
    position: relative;
}

.pretpot-cursor-hover-trail-yes.pretpot-trail-overflow-visible {
    overflow: visible !important;
}

/* ── Trail Images (absolute relative to wrapper) ── */
.pretpot-trail-image {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
    /* Only transition opacity — transform is set inline by JS */
    transition: opacity var(--pretpot-trail-fade-in, 300ms) ease;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.pretpot-trail-image.active {
    opacity: 1;
}

.pretpot-trail-image.fading-out {
    opacity: 0;
    transition: opacity var(--pretpot-trail-fade-out, 300ms) ease;
}

/* ── Dust Trail Particles ── */
.pretpot-dust-particle {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    will-change: transform, opacity;
    transform: translate(-50%, -50%);
}

/* ── Custom Cursor (fixed, positioned via left/top) ── */
.pretpot-custom-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 99999;
    top: 0;
    left: 0;
    opacity: 0;
    will-change: left, top;
    transition: opacity 0.15s ease;
}

.pretpot-custom-cursor.active {
    opacity: 1;
}

/* Circle cursor */
.pretpot-custom-cursor.pretpot-cursor-circle {
    border-radius: 50%;
    background-color: var(--pretpot-cursor-color, #000000);
    /* Removed mix-blend-mode to prevent invisibility */
}

/* Text cursor */
.pretpot-custom-cursor.pretpot-cursor-text {
    white-space: nowrap;
    color: var(--pretpot-cursor-text-color, #ffffff);
    background: rgba(0, 0, 0, 0.8);
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Icon cursor */
.pretpot-custom-cursor.pretpot-cursor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pretpot-cursor-icon-color, #000000);
}

/* Image cursor */
.pretpot-custom-cursor.pretpot-cursor-image img {
    display: block;
    width: auto;
    height: auto;
}

/* ── Responsive Disable ── */
@media (max-width: 1024px) {
    .pretpot-cursor-hover-trail-disable-tablet .pretpot-trail-image,
    .pretpot-cursor-hover-trail-disable-tablet .pretpot-dust-particle,
    .pretpot-cursor-hover-trail-disable-tablet .pretpot-custom-cursor {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .pretpot-cursor-hover-trail-disable-mobile .pretpot-trail-image,
    .pretpot-cursor-hover-trail-disable-mobile .pretpot-dust-particle,
    .pretpot-cursor-hover-trail-disable-mobile .pretpot-custom-cursor {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .pretpot-cursor-hover-trail-disable-desktop .pretpot-trail-image,
    .pretpot-cursor-hover-trail-disable-desktop .pretpot-dust-particle,
    .pretpot-cursor-hover-trail-disable-desktop .pretpot-custom-cursor {
        display: none !important;
    }
}