/* Page expérience lecture immersive : canvas plein écran + overlay */

.immersive-reading-experience {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    animation: immersive-reading-experience-fade-in 1.4s ease-out forwards;
}

@keyframes immersive-reading-experience-fade-in {
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .immersive-reading-experience {
        animation-duration: 0.6s;
    }
}

.immersive-reading-experience__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

.immersive-reading-experience__canvas.is-ready {
    opacity: 1;
}

.immersive-reading-experience .immersive-reading-intro {
    pointer-events: auto;
    background: transparent;
}

.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__title,
.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__subtitle,
.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] > .immersive-reading-intro__continue {
    opacity: 0;
    transform: translateY(16px);
    animation: immersive-reading-title-reveal 0.7s ease-out forwards;
}

.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__title {
    animation-delay: 0.35s;
}

.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__subtitle {
    animation-delay: 0.55s;
}

.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] > .immersive-reading-intro__continue {
    animation-delay: 1s;
}

.immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] > .immersive-reading-intro__continue.is-visible {
    opacity: 0;
}

@keyframes immersive-reading-title-reveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__title,
    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__subtitle,
    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] > .immersive-reading-intro__continue {
        animation: immersive-reading-title-reveal-simple 0.4s ease-out forwards;
        transform: none;
    }

    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__title { animation-delay: 0.1s; }
    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] .immersive-reading-intro__subtitle { animation-delay: 0.2s; }
    .immersive-reading-experience .immersive-reading-intro__content[data-intro-phase="title"] > .immersive-reading-intro__continue { animation-delay: 0.3s; }
}

@keyframes immersive-reading-title-reveal-simple {
    to {
        opacity: 1;
    }
}