/**
 * Swup.js Page Transitions
 * Ella Radio Theme
 */

/* Fade Transition */
.transition-fade {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

html.is-changing .transition-fade {
    opacity: 0;
}

html.is-animating .transition-fade {
    opacity: 0;
}

/* Prevent layout shift during transition */
html.is-changing,
html.is-rendering {
    cursor: wait;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Loading indicator (optional) */
html.is-changing::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #E30917, #FF2030);
    z-index: 9999;
    animation: loadingBar 1s ease-in-out;
}

@keyframes loadingBar {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}