/* =====================================================
   GLOBAL SOFT LOADER – Aurora
   Calm, non-annoying, Beauty & Sleep friendly
===================================================== */

#global-loader.loader-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 9999;
}

    /* Visible state */
    #global-loader.loader-overlay.show {
        opacity: 1;
        pointer-events: auto;
    }

/* Center content wrapper */
#global-loader .loader-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Breathing circle (calm animation) */
#global-loader .loader-breath {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient( 135deg, #e6c9d3, #d7e7e4 );
    animation: global-loader-breathe 1.6s ease-in-out infinite;
}

/* Breathing animation */
@keyframes global-loader-breathe {
    0% {
        transform: scale(0.9);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.6;
    }
}

/* Optional: slightly softer on dark theme */
html[data-bs-theme="dark"] #global-loader.loader-overlay {
    background: rgba(20, 20, 20, 0.55);
}