/* CRIVO V3.26 · mobile finishing pass
   Polishes the bottom app navigation and ticket-simulator landing only. */

@media (max-width: 820px) {
  :root{
    --crivo-mobile-nav-h:78px;
  }

  #ticketSimulatorPanel{
    scroll-margin-top:82px!important;
  }
  #ticketSimulatorPanel.crivo-mobile-sim-focus{
    box-shadow:0 0 0 3px rgba(20,71,230,.10),0 16px 38px rgba(20,71,230,.12)!important;
    transition:box-shadow .22s ease!important;
  }

  .crivo-mobile-nav{
    left:10px!important;
    right:10px!important;
    bottom:calc(9px + var(--crivo-mobile-safe))!important;
    height:70px!important;
    padding:7px 6px!important;
    gap:2px!important;
    border:1px solid rgba(205,216,232,.92)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 16px 42px rgba(15,23,42,.17),0 3px 12px rgba(20,71,230,.06)!important;
    backdrop-filter:blur(22px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
  }

  .crivo-mobile-nav button{
    position:relative!important;
    min-width:0!important;
    min-height:56px!important;
    padding:3px 1px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#708096!important;
    font-family:inherit!important;
    font-size:10px!important;
    font-weight:760!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
    transition:transform .16s ease,color .16s ease,background .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .crivo-mobile-nav button .mi{
    width:34px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    color:#64748B!important;
    background:transparent!important;
    transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }

  .crivo-mobile-nav button .mi svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .crivo-mobile-nav button[data-mobile-view="more"] .mi svg circle{
    fill:currentColor!important;
    stroke:none!important;
  }

  .crivo-mobile-nav .mobile-nav-label{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .crivo-mobile-nav button.active{
    color:#0B4EDB!important;
    background:transparent!important;
  }

  .crivo-mobile-nav button.active .mi{
    color:#FFFFFF!important;
    background:linear-gradient(145deg,#2B74F4 0%,#1447E6 58%,#0B3BAE 100%)!important;
    box-shadow:0 7px 16px rgba(20,71,230,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
    transform:translateY(-1px)!important;
  }

  .crivo-mobile-nav button.active .mobile-nav-label{
    color:#123EAF!important;
    font-weight:850!important;
  }

  .crivo-mobile-nav button:active{
    transform:scale(.96)!important;
  }

  .crivo-mobile-nav button:focus-visible{
    outline:2px solid #7EA7FF!important;
    outline-offset:1px!important;
  }

  .crivo-mobile-more{
    left:10px!important;
    right:10px!important;
    bottom:calc(88px + var(--crivo-mobile-safe))!important;
    padding:15px!important;
    border-radius:24px!important;
    border-color:#D9E2EE!important;
    box-shadow:0 22px 60px rgba(15,23,42,.22)!important;
  }

  .crivo-mobile-more h3{
    font-size:17px!important;
    margin-bottom:11px!important;
  }
}

@media (max-width: 370px) {
  .crivo-mobile-nav{
    left:6px!important;
    right:6px!important;
  }
  .crivo-mobile-nav button{
    font-size:9.2px!important;
  }
  .crivo-mobile-nav button .mi{
    width:31px!important;
  }
}