﻿#general-loader .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
}

#general-loader .modal-dialog {
    background: transparent;
    box-shadow: none;
    border: none;
}

#general-loader .modal-backdrop + &,
.modal-backdrop {
    opacity: 0 !important;
}

#general-loader::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.80);
    z-index: -1;
}

.lotus-loader-wrapper {
    text-align: center;
}

.lotus-message {
    margin-top: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

@keyframes lotusBreathing {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

.lotus-petal {
    will-change: opacity;
    animation: lotusBreathing 2.4s ease-in-out infinite;
}

.lotus-petal-left {
    animation-delay: 0s;
}

.lotus-petal-center {
    animation-delay: 0.8s;
}

.lotus-petal-right {
    animation-delay: 1.6s;
}


/* ── Lotus Loader Modal ───────────────────────────────────────────────
#umbraco-form-loader .modal-dialog {
    background: transparent;
    box-shadow: none;
    border: none;
}

#umbraco-form-loader .modal-backdrop,
#umbraco-form-loader + .modal-backdrop {
    opacity: 0.4;
}

.lotus-loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: lotus-pulse 1.6s ease-in-out infinite;
}

    .lotus-loader-wrapper svg {
        filter: drop-shadow(0 4px 16px rgba(122, 0, 121, 0.35));
    }

.lotus-petal {
    animation: lotus-petal-breathe 1.6s ease-in-out infinite;
}

.lotus-petal-left {
    animation-delay: 0s;
    transform-origin: 20px 39px;
}

.lotus-petal-center {
    animation-delay: 0.2s;
    transform-origin: 20px 39px;
}

.lotus-petal-right {
    animation-delay: 0.4s;
    transform-origin: 20px 39px;
}

@keyframes lotus-petal-breathe {
    0%, 100% {
        opacity: 1;
        transform: scaleY(1);
    }

    50% {
        opacity: 0.6;
        transform: scaleY(0.88);
    }
}

@keyframes lotus-pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.06);
    }
}
     */
