/* ============================================================
   Luxury Preloader — preloader.css
   Colours are injected as CSS variables by the plugin PHP.
   Do not hardcode colours here.
============================================================ */

#lp-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lp-bg, #0c0b09);
    opacity: 1;
    visibility: visible;
    /* Exit transition is applied by JS so speed setting takes effect */
}

#lp-preloader.lp-exit {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.lp-glow {
    position: absolute;
    width: 440px;
    height: 560px;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.04) 0%,
        rgba(255, 255, 255, 0.01) 40%,
        transparent 70%
    );
    pointer-events: none;
    animation: lp-breathe 4s ease-in-out infinite;
}

@keyframes lp-breathe {
    0%, 100% { transform: scale(1);     opacity: 1; }
    50%       { transform: scale(1.05); opacity: 0.7; }
}

#lp-logo {
    position: relative;
    z-index: 1;
    width: 200px;
    height: auto;
    overflow: visible;
}

/* All paths start invisible — JS arms and animates them */
#lp-logo path {
    fill: var(--lp-logo, #ffffff);
    fill-opacity: 0;
    stroke: var(--lp-logo, #ffffff);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
}