/* RepublicaPass V22 — mobile uses the same palette as desktop + richer motion. Desktop untouched. */
@media(max-width:820px){
  :root{
    --rp21-bg:#020706;
    --rp21-card:#06100d;
    --rp21-card-2:#04100c;
    --rp21-line:rgba(13,242,138,.10);
    --rp21-green:#0df28a;
    --rp21-green-2:#55f2ad;
    --rp21-text:#f5f8f6;
    --rp21-muted:#95a49e;
  }

  /* Header / drawer: same green signature as desktop */
  .rp-premium-v15 .rp-wordmark>span>span,
  .mobile-drawer-brand span span{color:#0df28a!important;text-shadow:0 0 22px rgba(13,242,138,.08)}
  .rp-premium-v15.rp-scrolled .rp-premium-header,
  .rp-homepage-v16.rp-scrolled .rp-premium-header{border-bottom-color:rgba(13,242,138,.08)!important}
  .rp-premium-v15 .mobile-public-nav{border-left-color:rgba(13,242,138,.11)!important;background:linear-gradient(180deg,#06100d 0%,#020706 100%)!important}
  .mobile-drawer-links a:first-child{background:linear-gradient(90deg,rgba(13,242,138,.10),rgba(13,242,138,.02))!important;border-color:rgba(13,242,138,.14)!important;color:#0df28a!important}
  .mobile-drawer-links a i{color:#0df28a!important}
  .mobile-login-link{border-color:rgba(13,242,138,.12)!important}

  /* Account remains functional only by direct external link; no account CTA in mobile navigation. */
  .mobile-account-link{display:none!important}

  /* Three-item bottom navigation. */
  .rp-mobile-bottom-nav{grid-template-columns:repeat(3,1fr)!important;background:rgba(2,7,6,.965)!important;border-top-color:rgba(13,242,138,.08)!important}
  .rp-mobile-bottom-nav a{position:relative;color:#72817b;transition:color .24s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
  .rp-mobile-bottom-nav a.is-active{color:#0df28a!important}
  .rp-mobile-bottom-nav a.is-active svg{filter:drop-shadow(0 0 10px rgba(13,242,138,.30))!important}
  .rp-mobile-bottom-nav a.is-active::before{background:#0df28a!important;box-shadow:0 0 16px rgba(13,242,138,.36)!important}
  .rp-mobile-bottom-nav a:active{transform:scale(.94)}

  /* Animated green line underneath the header. */
  .rp-premium-header::after{
    content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(13,242,138,.42),transparent);
    transform:scaleX(.15);opacity:.28;transform-origin:center;
    animation:rp22HeaderLine 4.2s ease-in-out infinite;
  }

  /* Hero image: more cinematic transition, still performant on mobile. */
  .rp-homepage-v16 .rp-cinema-slide{overflow:hidden!important;will-change:opacity,transform,clip-path}
  .rp-homepage-v16 .rp-cinema-slide.is-active{animation:rp22SlideReveal 1.05s cubic-bezier(.2,.8,.2,1) both}
  .rp-homepage-v16 .rp-cinema-slide img{animation:rp22HeroDrift 8.4s ease-in-out infinite alternate!important;filter:saturate(1.04) contrast(1.035) brightness(.98)!important}
  .rp-homepage-v16 .rp-cinema-slide-b img{animation-direction:alternate-reverse!important}
  .rp-homepage-v16 .rp-cinema-slide-pill{border-color:rgba(13,242,138,.22)!important;background:rgba(2,9,7,.66)!important;box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 0 1px rgba(13,242,138,.025) inset!important}
  .rp-homepage-v16 .rp-cinema-slide-pill i{background:#0df28a!important;box-shadow:0 0 13px rgba(13,242,138,.72)!important}
  .rp-homepage-v16 .rp-cinema-slide-dots b.is-active::after{background:linear-gradient(90deg,#0df28a,#55f2ad)!important;box-shadow:0 0 14px rgba(13,242,138,.40)!important}

  /* Staggered hero copy. */
  .rp-homepage-v16 .rp-cinema-kicker{animation:rp22Rise .55s cubic-bezier(.2,.8,.2,1) .05s both!important}
  .rp-homepage-v16 .rp-cinema-copy h2{animation:rp22Rise .64s cubic-bezier(.2,.8,.2,1) .12s both!important}
  .rp-homepage-v16 .rp-cinema-copy>p{animation:rp22Rise .64s cubic-bezier(.2,.8,.2,1) .20s both!important}
  .rp-homepage-v16 .rp-cinema-actions{animation:rp22Rise .68s cubic-bezier(.2,.8,.2,1) .28s both!important}
  .rp-homepage-v16 .rp-cinema-trust{animation:rp22Rise .68s cubic-bezier(.2,.8,.2,1) .36s both!important}

  /* CTAs: same desktop green, subtle moving sheen. */
  .rp-cinema-primary{background:#0df28a!important;border-color:#0df28a!important;color:#031009!important;box-shadow:0 14px 34px rgba(13,242,138,.16)!important;animation:rp22CtaBreath 3.2s ease-in-out infinite!important}
  .rp-cinema-primary::after{
    content:"";position:absolute;inset:-30% auto -30% -45%;width:34%;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:skewX(-22deg);
    animation:rp22ButtonSweep 4.6s ease-in-out 1.1s infinite;
  }
  .rp-cinema-secondary{border-color:rgba(13,242,138,.46)!important;background:rgba(2,12,8,.46)!important}
  .rp-cinema-secondary .rp-cinema-ticket{color:#0df28a!important}
  .rp-cinema-trust i{border-color:rgba(13,242,138,.40)!important;color:#0df28a!important;animation:rp22TrustPulse 2.8s ease-in-out infinite}
  .rp-cinema-trust span:nth-child(2) i{animation-delay:.35s}.rp-cinema-trust span:nth-child(3) i{animation-delay:.70s}

  /* Cards: cleaner desktop palette + stronger scroll-in and touch feedback. */
  .homev3-event,.public-guide-card,.process-step,.public-feature-card,.premium-ticket-option,.client-event-card{
    background:linear-gradient(155deg,#07110e,#04100c)!important;
    border-color:rgba(13,242,138,.075)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  }
  .homev3-event.reveal:not(.visible),.public-guide-card.reveal:not(.visible){opacity:0!important;transform:translateY(24px) scale(.975)!important;filter:blur(5px)}
  .homev3-event.reveal.visible,.public-guide-card.reveal.visible{opacity:1!important;transform:none!important;filter:none!important;transition:opacity .62s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .6s ease!important}
  .homev3-event:active,.public-guide-card:active{transform:scale(.985)!important}
  .homev3-event-info strong,.homev3-event-link span,.public-guide-card>b{color:#55f2ad!important}
  .homev3-event-image::after{
    content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.10) 48%,transparent 64%);
    transform:translateX(-135%);animation:rp22CardSheen 7.5s ease-in-out infinite;
  }
  .homev3-event:nth-child(2) .homev3-event-image::after{animation-delay:1.6s}.homev3-event:nth-child(3) .homev3-event-image::after{animation-delay:3.1s}

  /* Page headings and ticket cards get a gentle entrance. */
  .rp-app-page-head,.public-page-hero>*,.event-hero-content>*{animation:rp22Rise .58s cubic-bezier(.2,.8,.2,1) both}
  .premium-ticket-option{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}
  .premium-ticket-option:active{transform:scale(.985);border-color:rgba(13,242,138,.22)!important;box-shadow:0 14px 34px rgba(13,242,138,.08)!important}

  /* Drawer links stagger when menu opens. */
  .mobile-drawer-links a{opacity:0;transform:translateX(18px);transition:opacity .30s ease,transform .38s cubic-bezier(.2,.8,.2,1),background .2s ease!important}
  .public-menu-open .mobile-drawer-links a{opacity:1;transform:none}
  .public-menu-open .mobile-drawer-links a:nth-child(1){transition-delay:.08s}
  .public-menu-open .mobile-drawer-links a:nth-child(2){transition-delay:.13s}
  .public-menu-open .mobile-drawer-links a:nth-child(3){transition-delay:.18s}
  .public-menu-open .mobile-drawer-links a:nth-child(4){transition-delay:.23s}
  .mobile-drawer-footer{opacity:0;transform:translateY(12px);transition:opacity .35s ease .24s,transform .4s cubic-bezier(.2,.8,.2,1) .24s!important}
  .public-menu-open .mobile-drawer-footer{opacity:1;transform:none}
}

@keyframes rp22HeaderLine{0%,100%{transform:scaleX(.14);opacity:.18}50%{transform:scaleX(1);opacity:.65}}
@keyframes rp22SlideReveal{0%{opacity:0;transform:scale(1.035);clip-path:inset(0 0 0 18%)}100%{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0)}}
@keyframes rp22HeroDrift{0%{transform:scale(1.018) translate3d(0,0,0)}100%{transform:scale(1.06) translate3d(-7px,-4px,0)}}
@keyframes rp22Rise{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes rp22CtaBreath{0%,100%{box-shadow:0 14px 34px rgba(13,242,138,.14)}50%{box-shadow:0 17px 42px rgba(13,242,138,.24)}}
@keyframes rp22ButtonSweep{0%,58%{left:-45%;opacity:0}66%{opacity:.70}82%{left:122%;opacity:0}100%{left:122%;opacity:0}}
@keyframes rp22TrustPulse{0%,100%{transform:translateY(0);box-shadow:inset 0 0 10px rgba(13,242,138,.02)}50%{transform:translateY(-2px);box-shadow:inset 0 0 14px rgba(13,242,138,.08),0 0 13px rgba(13,242,138,.06)}}
@keyframes rp22CardSheen{0%,70%{transform:translateX(-135%);opacity:0}76%{opacity:.55}90%{transform:translateX(135%);opacity:0}100%{transform:translateX(135%);opacity:0}}

@media(prefers-reduced-motion:reduce){
  .rp-premium-header::after,.rp-homepage-v16 .rp-cinema-slide.is-active,.rp-homepage-v16 .rp-cinema-slide img,.rp-homepage-v16 .rp-cinema-kicker,.rp-homepage-v16 .rp-cinema-copy h2,.rp-homepage-v16 .rp-cinema-copy>p,.rp-homepage-v16 .rp-cinema-actions,.rp-homepage-v16 .rp-cinema-trust,.rp-cinema-primary,.rp-cinema-primary::after,.rp-cinema-trust i,.homev3-event-image::after,.rp-app-page-head,.public-page-hero>*,.event-hero-content>*{animation:none!important}
  .mobile-drawer-links a,.mobile-drawer-footer{transition:none!important;opacity:1!important;transform:none!important}
}