/* =========================================================
   SUTEZ FILTERS — PREMIUM LOGO PRELOADER
========================================================= */

#loading.sutez-logo-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(47,158,219,.10), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%);
    opacity: 1;
    visibility: visible;
    transition: opacity .45s ease, visibility .45s ease;
}

#loading.sutez-logo-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.sutez-preloader-card {
    width: min(420px, calc(100% - 42px));
    padding: 38px 34px 32px;
    text-align: center;
    background: rgba(255,255,255,.84);
    border: 1px solid rgba(47,158,219,.14);
    border-radius: 24px;
    box-shadow:
        0 24px 60px rgba(13,34,56,.12),
        inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.sutez-preloader-logo {
    display: block;
    width: min(230px, 74%);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    animation: sutezLogoReveal 1.15s ease-in-out infinite alternate;
}

.sutez-preloader-tagline {
    margin: 18px 0 0;
    color: #607386;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.sutez-preloader-track {
    position: relative;
    width: min(250px, 78%);
    height: 3px;
    margin: 22px auto 0;
    overflow: hidden;
    background: #dceaf2;
    border-radius: 99px;
}

.sutez-preloader-track::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -45%;
    width: 45%;
    background: linear-gradient(90deg, #1174b5, #53b8ee, #2f9edb);
    border-radius: inherit;
    animation: sutezLoadingLine 1.25s ease-in-out infinite;
}

.sutez-preloader-status {
    display: block;
    margin-top: 11px;
    color: #8a9ba9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
}

@keyframes sutezLogoReveal {
    from {
        opacity: .74;
        transform: translateY(2px) scale(.975);
        filter: drop-shadow(0 8px 14px rgba(17,116,181,.04));
    }
    to {
        opacity: 1;
        transform: translateY(-2px) scale(1);
        filter: drop-shadow(0 12px 20px rgba(17,116,181,.13));
    }
}

@keyframes sutezLoadingLine {
    0%   { left: -45%; }
    55%  { left: 52%; }
    100% { left: 110%; }
}

@media (max-width: 520px) {
    .sutez-preloader-card {
        padding: 31px 24px 27px;
        border-radius: 19px;
    }

    .sutez-preloader-logo {
        width: min(205px, 78%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sutez-preloader-logo,
    .sutez-preloader-track::after {
        animation: none;
    }
}