/* AP Euro reel — non-interactive scene “playback” via CSS opacity cycles (reels with scenePlayback: css-autoplay) */

.ap-euro-reel-text-scroller--autoplay {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: auto;
}

.ap-euro-reel-text-scroller--autoplay .ap-euro-reel-text-scene--autoplay {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    pointer-events: none;
    will-change: opacity;
}

.ap-euro-reel-slide--autoplay-scenes .ap-euro-reel-text-scene--autoplay .ap-euro-reel-scene-read,
.ap-euro-reel-slide--autoplay-scenes .ap-euro-reel-text-scene--autoplay .ap-euro-reel-hint {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

/* --- 2 scenes (16s loop) --- */
@keyframes ap-euro-autop2-1 {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop2-2 {
    0%,
    49% {
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--2 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop2-1 16s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--2 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop2-2 16s ease-in-out infinite;
}

/* --- 3 scenes (24s loop) --- */
@keyframes ap-euro-autop3-1 {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    33.33% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop3-2 {
    0%,
    32% {
        opacity: 0;
    }
    34% {
        opacity: 1;
    }
    63% {
        opacity: 1;
    }
    66.66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop3-3 {
    0%,
    65% {
        opacity: 0;
    }
    67% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--3 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop3-1 24s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--3 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop3-2 24s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--3 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop3-3 24s ease-in-out infinite;
}

/* --- 4 scenes (32s loop) --- */
@keyframes ap-euro-autop4-1 {
    0% {
        opacity: 0;
    }
    1.5% {
        opacity: 1;
    }
    22% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop4-2 {
    0%,
    24% {
        opacity: 0;
    }
    26% {
        opacity: 1;
    }
    47% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop4-3 {
    0%,
    49% {
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
    72% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop4-4 {
    0%,
    74% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--4 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop4-1 32s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--4 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop4-2 32s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--4 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop4-3 32s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--4 .ap-euro-reel-text-scene--autoplay:nth-child(4) {
    animation: ap-euro-autop4-4 32s ease-in-out infinite;
}

/* --- 5 scenes (40s loop) --- */
@keyframes ap-euro-autop5-1 {
    0% {
        opacity: 0;
    }
    1.2% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop5-2 {
    0%,
    19% {
        opacity: 0;
    }
    21% {
        opacity: 1;
    }
    37% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop5-3 {
    0%,
    39% {
        opacity: 0;
    }
    41% {
        opacity: 1;
    }
    57% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop5-4 {
    0%,
    59% {
        opacity: 0;
    }
    61% {
        opacity: 1;
    }
    77% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop5-5 {
    0%,
    79% {
        opacity: 0;
    }
    81% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--5 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop5-1 40s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--5 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop5-2 40s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--5 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop5-3 40s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--5 .ap-euro-reel-text-scene--autoplay:nth-child(4) {
    animation: ap-euro-autop5-4 40s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--5 .ap-euro-reel-text-scene--autoplay:nth-child(5) {
    animation: ap-euro-autop5-5 40s ease-in-out infinite;
}

/* --- 6 scenes (48s loop) --- */
@keyframes ap-euro-autop6-1 {
    0% {
        opacity: 0;
    }
    1.2% {
        opacity: 1;
    }
    14% {
        opacity: 1;
    }
    16.66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop6-2 {
    0%,
    16.2% {
        opacity: 0;
    }
    17.5% {
        opacity: 1;
    }
    30.5% {
        opacity: 1;
    }
    33.33% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop6-3 {
    0%,
    32.8% {
        opacity: 0;
    }
    34% {
        opacity: 1;
    }
    47% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop6-4 {
    0%,
    49.5% {
        opacity: 0;
    }
    50.8% {
        opacity: 1;
    }
    63.5% {
        opacity: 1;
    }
    66.66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop6-5 {
    0%,
    65.8% {
        opacity: 0;
    }
    67.2% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    83.33% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop6-6 {
    0%,
    82.5% {
        opacity: 0;
    }
    84% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop6-1 48s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop6-2 48s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop6-3 48s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(4) {
    animation: ap-euro-autop6-4 48s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(5) {
    animation: ap-euro-autop6-5 48s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--6 .ap-euro-reel-text-scene--autoplay:nth-child(6) {
    animation: ap-euro-autop6-6 48s ease-in-out infinite;
}

/* --- 7 scenes (56s loop) --- */
@keyframes ap-euro-autop7-1 {
    0% {
        opacity: 0;
    }
    1.5% {
        opacity: 1;
    }
    11.5% {
        opacity: 1;
    }
    14.28% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-2 {
    0%,
    14% {
        opacity: 0;
    }
    15.5% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    28.57% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-3 {
    0%,
    28% {
        opacity: 0;
    }
    29.5% {
        opacity: 1;
    }
    39% {
        opacity: 1;
    }
    42.86% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-4 {
    0%,
    42% {
        opacity: 0;
    }
    43.5% {
        opacity: 1;
    }
    53% {
        opacity: 1;
    }
    57.14% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-5 {
    0%,
    56% {
        opacity: 0;
    }
    57.5% {
        opacity: 1;
    }
    67% {
        opacity: 1;
    }
    71.43% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-6 {
    0%,
    71% {
        opacity: 0;
    }
    72.5% {
        opacity: 1;
    }
    81% {
        opacity: 1;
    }
    85.71% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop7-7 {
    0%,
    85% {
        opacity: 0;
    }
    86.5% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop7-1 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop7-2 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop7-3 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(4) {
    animation: ap-euro-autop7-4 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(5) {
    animation: ap-euro-autop7-5 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(6) {
    animation: ap-euro-autop7-6 56s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--7 .ap-euro-reel-text-scene--autoplay:nth-child(7) {
    animation: ap-euro-autop7-7 56s ease-in-out infinite;
}

/* --- 8 scenes (64s loop) --- */
@keyframes ap-euro-autop8-1 {
    0% {
        opacity: 0;
    }
    1.5% {
        opacity: 1;
    }
    9.5% {
        opacity: 1;
    }
    12.5% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-2 {
    0%,
    12% {
        opacity: 0;
    }
    13.5% {
        opacity: 1;
    }
    21% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-3 {
    0%,
    24.5% {
        opacity: 0;
    }
    26% {
        opacity: 1;
    }
    33.5% {
        opacity: 1;
    }
    37.5% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-4 {
    0%,
    37% {
        opacity: 0;
    }
    38.5% {
        opacity: 1;
    }
    46% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-5 {
    0%,
    49.5% {
        opacity: 0;
    }
    51% {
        opacity: 1;
    }
    58.5% {
        opacity: 1;
    }
    62.5% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-6 {
    0%,
    62% {
        opacity: 0;
    }
    63.5% {
        opacity: 1;
    }
    71% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-7 {
    0%,
    74.5% {
        opacity: 0;
    }
    76% {
        opacity: 1;
    }
    83.5% {
        opacity: 1;
    }
    87.5% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ap-euro-autop8-8 {
    0%,
    87% {
        opacity: 0;
    }
    88.5% {
        opacity: 1;
    }
    98% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(1) {
    animation: ap-euro-autop8-1 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(2) {
    animation: ap-euro-autop8-2 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(3) {
    animation: ap-euro-autop8-3 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(4) {
    animation: ap-euro-autop8-4 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(5) {
    animation: ap-euro-autop8-5 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(6) {
    animation: ap-euro-autop8-6 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(7) {
    animation: ap-euro-autop8-7 64s ease-in-out infinite;
}

.ap-euro-reel-autoplay-cycle--8 .ap-euro-reel-text-scene--autoplay:nth-child(8) {
    animation: ap-euro-autop8-8 64s ease-in-out infinite;
}

/* --- title auto-hide: fade out after first scene plays --- */
.ap-euro-reel-slide--autoplay-scenes .ap-euro-reel-slide-title {
    animation: ap-euro-title-autoplay-hide 6s ease-in-out forwards;
}

@keyframes ap-euro-title-autoplay-hide {
    0%, 55% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-8px); pointer-events: none; }
}

@media (prefers-reduced-motion: reduce) {
    .ap-euro-reel-text-scroller--autoplay .ap-euro-reel-text-scene--autoplay {
        animation: none !important;
        position: relative !important;
        inset: auto !important;
        opacity: 0 !important;
        will-change: auto;
    }

    .ap-euro-reel-text-scroller--autoplay .ap-euro-reel-text-scene--autoplay:first-child {
        opacity: 1 !important;
    }

    .ap-euro-reel-text-scroller--autoplay .ap-euro-reel-text-scene--autoplay:not(:first-child) {
        display: none !important;
    }
}