/* Niftel preloader — overrides theme default GIF loader */

.niftel-preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.niftel-preloader::before {
    display: none !important;
}

.niftel-preloader .preloader {
    display: none !important;
}

.niftel-preloader__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    animation: niftel-preloader-fade-in 0.5s ease;
}

.niftel-preloader__logo img {
    width: 160px;
    max-width: 55vw;
    height: auto;
    object-fit: contain;
}

.niftel-preloader__spinner {
    position: relative;
    width: 44px;
    height: 44px;
}

.niftel-preloader__spinner span,
.niftel-preloader__spinner::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 3px solid transparent;
}

.niftel-preloader__spinner::before {
    border-top-color: #E97717;
    border-right-color: #E97717;
    animation: niftel-preloader-spin 0.9s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.niftel-preloader__spinner span {
    inset: 6px;
    border-bottom-color: rgba(26, 55, 96, 0.2);
    border-left-color: rgba(26, 55, 96, 0.2);
    animation: niftel-preloader-spin 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite reverse;
}

@keyframes niftel-preloader-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes niftel-preloader-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .niftel-preloader__logo img {
        width: 130px;
    }

    .niftel-preloader__content {
        gap: 22px;
    }
}