/*
Nintendo Premium Slider Content (Scoped to prevent conflicts)
EXACT layout match to user reference image.
*/
/* Hide original menu pages to make room for the premium slider */
.site-menu .site-menu__pages { display: none !important; }
/* Keep .site-menu__background visible as it hosts our lazy-loaded video */
.site-menu__background { display: block !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.site-menu__background--reduced-opacity { opacity: 0.60 !important; }
.site-menu__background__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.nintendo-slider-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.nintendo-slider-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; overflow: hidden; transition: transform 0.85s cubic-bezier(0.645, 0.045, 0.355, 1); background: #000; }
.slide-up-out { transform: translateY(-100%); }
.slide-down-out { transform: translateY(100%); }
.next-slide-in { transform: translateY(100%); z-index: 10 !important; }
.prev-slide-in { transform: translateY(-100%); z-index: 10 !important; }
.slide-in-active { transform: translateY(0); }
/* Ken Burns Background Animation */
.nintendo-kb-bg { position: absolute; top: -5%; left: -5%; width: 110%; height: 110%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; will-change: transform; transition: margin 0.2s ease-out; transform-origin: center center; animation: kenBurns 25s ease infinite alternate; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.nintendo-kb-bg--active { z-index: 2; }
.nintendo-kb-bg--next { z-index: 1; }
@keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.2); } }
.nintendo-gradient-overlay { position: absolute; top: 0; left: 0; width: 70%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%); z-index: 2; pointer-events: none; }
.nintendo-slider-inner { width: 100%; height: 100%; display: flex; align-items: center; padding: 0 10vw; position: relative; z-index: 30; /* High enough to be above gradients */ pointer-events: none; /* Let clicks pass through to child elements that need them */ }
.nintendo-content-left { flex: 0 0 800px; /* Increased to allow long titles on one line */ color: #fff; pointer-events: all; /* Enable clicks for the CTA and text */ }
/* Scoped Slider Typography with Staggered Entry */
.nintendo-slider-title { font-family: 'VistaSans', sans-serif !important; font-weight: 500 !important; font-size: 3.2rem !important; color: #fff !important; margin: 0 0 5px 0 !important; opacity: 0; transform: translateY(30px); white-space: nowrap; /* Prevent line break */ }
.nintendo-slider-subtitle { font-family: 'VistaSans', sans-serif !important; font-weight: 200 !important; font-size: 2.1rem !important; color: #fff !important; margin: 0 0 45px 0 !important; opacity: 0; transform: translateY(30px); }
.nintendo-slider-desc { font-family: 'VistaSans', sans-serif !important; font-weight: 200 !important; font-size: 1.15rem !important; line-height: 1.5 !important; color: #fff !important; margin-bottom: 50px !important; max-width: 720px; /* Balanced with the long title */ opacity: 0; transform: translateY(30px); }
.nintendo-cta-row { display: flex; align-items: center; gap: 40px; opacity: 0; transform: translateY(30px); }
/* Entry Animation Classes */
.is-visible .nintendo-slider-title { animation: slideUpFade 0.8s forwards 0.4s; }
.is-visible .nintendo-slider-subtitle { animation: slideUpFade 0.8s forwards 0.5s; }
.is-visible .nintendo-slider-desc { animation: slideUpFade 0.8s forwards 0.6s; }
.is-visible .nintendo-cta-row { animation: slideUpFade 0.8s forwards 0.7s; }
@keyframes slideUpFade { to { opacity: 1; transform: translateY(0); } }
.hamburger-slide__cta { display: inline-block; padding: 14px 28px; background: #ef6c26 !important; color: #fff !important; border-radius: 999px; text-decoration: none; font-family: 'VistaSans', sans-serif; font-weight: 500; font-size: 16px; transition: background 0.2s ease, transform 0.2s ease-out; flex-shrink: 0; }
.hamburger-slide__cta:hover { background: #cf5f25 !important; transform: translateY(-0.125rem); box-shadow: none !important; }
.hamburger-progress-container { width: 240px; height: 6px; background: rgba(0, 0, 0, 0.3); border-radius: 10px; overflow: hidden; }
.hamburger-progress-bar { height: 100%; width: 0%; background: #ef6c26 !important; }
/* Navigation Arrows - Right Edge (Stacked) */
.hamburger-nav { position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; z-index: 100001; gap: 15px; }
.hamburger-nav__btn,
.mobile-menu-nav-btn { width: 100px; height: 100px; background: rgba(0, 0, 0, 0.7) !important; border: none; color: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; touch-action: manipulation; }

/* GOLD STANDARD: Orange Hover/Active/Keyboard States for Nav Arrows */
body#site .hamburger-nav__btn:hover,
body#site .hamburger-nav__btn:active,
body#site .hamburger-nav__btn.keyboard-active,
body#site .mobile-menu-nav-btn:hover,
body#site .mobile-menu-nav-btn:active,
body#site .mobile-menu-nav-btn.keyboard-active { 
    background: #ef6c26 !important; 
}
body#site .hamburger-nav__btn:hover svg, 
body#site .hamburger-nav__btn:active svg, 
body#site .hamburger-nav__btn.keyboard-active svg,
body#site .mobile-menu-nav-btn:hover svg, 
body#site .mobile-menu-nav-btn:active svg, 
body#site .mobile-menu-nav-btn.keyboard-active svg { 
    color: #fff !important;
    stroke: #fff !important; 
    stroke-width: 4;
    transform: scale(1.15);
}
.hamburger-nav__btn svg,
.mobile-menu-nav-btn svg { width: 60px; height: 60px; transition: all 0.2s ease-out; stroke: #fff; }
/* Mobile Adjustments */
@media only screen and (max-width: 80em) { .nintendo-slider-inner { padding-left: 8rem; } .nintendo-content-left { flex: 0 0 450px; } }
@media only screen and (max-width: 64em) { .nintendo-slider-inner { padding: 6rem 2rem 2rem; flex-direction: column; text-align: center; } .nintendo-content-left { flex: 0 0 auto; width: 100%; } .nintendo-cta-row { justify-content: center; flex-direction: column; gap: 20px; } }
.js-language-toggle { z-index: 1000 !important; position: relative; pointer-events: all !important; transition: opacity 0.3s ease; font-family: 'VistaSans', sans-serif !important; appearance: none; -webkit-appearance: none; background: none; border: none; padding: 0; margin: 0; line-height: 1; cursor: pointer; color: #fff; font-size: 13px; font-weight: 500; }
.js-language-toggle:hover { opacity: 0.7; }