/* ==========================================================

   EMS LOADER (loaded only on EMS-controlled pages)

   ========================================================== */



.ems-page-loader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--ems-white, #ffffff);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 999999;

    opacity: 1;

    transition: opacity 0.5s ease-out;

    overflow: hidden;

}



.ems-page-loader.is-hidden {

    opacity: 0;

    pointer-events: none;

}



.ems-loader-content {

    text-align: center;

}



/* Text loader: gradient "Loading..." with top → bottom fill */

.ems-page-loader--text {

    --ems-loader-bg: #1a1a1a;

    --ems-loader-gradient-start: #00e5ff;

    --ems-loader-gradient-end: var(--ems-accent, #007bff);

    background: var(--ems-loader-bg);

}



.ems-page-loader--text .ems-loader-text {

    --ems-loader-fill-duration: 2s;

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

    font-family: "Montserrat", var(--ems-font-family, system-ui, sans-serif);

    font-size: clamp(2.5rem, 10vw, 4.5rem);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -0.02em;

    text-transform: none;

}



.ems-page-loader--text .ems-loader-text__track,

.ems-page-loader--text .ems-loader-text__fill {

    display: block;

}



.ems-page-loader--text .ems-loader-text__track {

    color: rgba(255, 255, 255, 0.1);

    user-select: none;

}



.ems-page-loader--text .ems-loader-text__fill {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background-image: linear-gradient(

        180deg,

        var(--ems-loader-gradient-start) 0%,

        var(--ems-loader-gradient-end) 100%

    );

    background-size: 100% 100%;

    background-repeat: no-repeat;

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    -webkit-text-fill-color: transparent;

    clip-path: inset(0 0 100% 0);

    -webkit-clip-path: inset(0 0 100% 0);

    animation: ems-loader-text-fill-down var(--ems-loader-fill-duration, 2s) ease-in-out infinite;

}



@keyframes ems-loader-text-fill-down {

    0% {

        clip-path: inset(0 0 100% 0);

        -webkit-clip-path: inset(0 0 100% 0);

    }



    50% {

        clip-path: inset(0 0 0 0);

        -webkit-clip-path: inset(0 0 0 0);

    }



    65% {

        clip-path: inset(0 0 0 0);

        -webkit-clip-path: inset(0 0 0 0);

    }



    100% {

        clip-path: inset(0 0 100% 0);

        -webkit-clip-path: inset(0 0 100% 0);

    }

}



.ems-loader-text {

    margin: 0;

    color: var(--ems-secondary, #0f0f0f);

    font-family: var(--ems-font-family, inherit);

    font-size: var(--ems-font-size-lg, 1.125rem);

    font-weight: var(--ems-font-weight-medium, 500);

    letter-spacing: 0.02em;

}



.ems-loader-logo {

    width: 300px;

    max-width: min(300px, 80vw);

    height: auto;

}



.ems-loader-logo svg {

    width: 100%;

    height: auto;

}



.ems-page-loader--default .ems-logo-path-1,

.ems-page-loader--default .ems-logo-path-2 {

    stroke: var(--ems-secondary, #0f0f0f);

    stroke-width: 0.5;

    fill: transparent;

    stroke-dasharray: 1000;

    stroke-dashoffset: 1000;

    animation: ems-draw 1.5s forwards ease-in-out;

}



.ems-page-loader--default .ems-logo-path-2 {

    animation-delay: 0.3s;

}



@keyframes ems-draw {

    0% {

        stroke-dashoffset: 1000;

        fill: transparent;

    }



    70% {

        fill: transparent;

    }



    100% {

        stroke-dashoffset: 0;

        fill: var(--ems-secondary, #0f0f0f);

    }

}



body.ems-loading-active {

    overflow: hidden !important;

}