/*=============================================
=    PREMIUM PRELOADER DESIGN BY INCEPBIO   =
=============================================*/

/* Force the preloader to cover the entire page */
#preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(255, 255, 255, 0.95) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    z-index: 999999 !important;
    display: flex;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the loader container takes up full space to perfectly center content */
#preloader .loader,
#preloader #loader {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
}

/* Hide the old broken HTML containers completely */
#preloader .loader-container,
#preloader .loader-icon {
    display: none !important;
}

/* Premium Incepbio Logo with Gentle Pulse */
#preloader .loader::before,
#preloader #loader::before {
    content: "";
    display: block;
    width: 240px;
    height: 70px;
    background: url('../img/logo/incepbio_logo.png') no-repeat center center;
    background-size: contain;
    animation: premiumPulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    margin-bottom: 25px;
    filter: drop-shadow(0 4px 15px rgba(0,0,0,0.06));
}

/* Elegant sleek spinner */
#preloader .loader::after,
#preloader #loader::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border: 3px solid rgba(0, 162, 147, 0.15); /* Light teal trail */
    border-top-color: #00a293; /* IncepBio primary brand teal */
    border-radius: 50%;
    animation: premiumSpin 0.9s cubic-bezier(0.6, 0.2, 0.4, 0.8) infinite;
}

/* Animations */
@keyframes premiumPulse {
    0%   { opacity: 0.85; transform: scale(0.97); }
    50%  { opacity: 1; transform: scale(1.03); }
    100% { opacity: 0.85; transform: scale(0.97); }
}

@keyframes premiumSpin {
    to { transform: rotate(360deg); }
}

/* Support for dark mode backgrounds if applied via JS */
#preloader.black-bg,
#preloader.black2-bg {
    background: rgba(15, 15, 15, 0.95) !important;
}
#preloader.black-bg .loader::after,
#preloader.black2-bg .loader::after {
    border-color: rgba(255, 255, 255, 0.1);
    border-top-color: #00a293;
}