/* Cash Cloud mobile bottom nav — separate file (cache-bust via query string) */
@media (max-width: 1023px) {
  body:not(.lockscreen) .cc-bottom-nav-dock {
    padding: 0 14px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__item {
    position: relative !important;
    padding: 4px 2px 10px !important;
    color: #5F6E8C !important;
    background: transparent !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__fa,
  body:not(.lockscreen) .cc-bottom-nav__item > i {
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #5F6E8C !important;
    -webkit-text-fill-color: #5F6E8C !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__fa::before,
  body:not(.lockscreen) .cc-bottom-nav__item > i::before {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #5F6E8C !important;
    -webkit-text-fill-color: #5F6E8C !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #5F6E8C !important;
    -webkit-text-fill-color: #5F6E8C !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__item.is-active .cc-bottom-nav__fa,
  body:not(.lockscreen) .cc-bottom-nav__item.is-active > i,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"] .cc-bottom-nav__fa,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"] > i {
    color: #00AFC9 !important;
    -webkit-text-fill-color: #00AFC9 !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__item.is-active .cc-bottom-nav__fa::before,
  body:not(.lockscreen) .cc-bottom-nav__item.is-active > i::before,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"] .cc-bottom-nav__fa::before,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"] > i::before {
    color: #00AFC9 !important;
    -webkit-text-fill-color: #00AFC9 !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__item.is-active .cc-bottom-nav__label,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"] .cc-bottom-nav__label {
    color: #00AFC9 !important;
    -webkit-text-fill-color: #00AFC9 !important;
    font-weight: 800 !important;
  }

  body:not(.lockscreen) .cc-bottom-nav__item.is-active::after,
  body:not(.lockscreen) .cc-bottom-nav__item[aria-expanded="true"]::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 14% !important;
    right: 14% !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #00AFC9 !important;
    box-shadow: 0 1px 4px rgba(0, 175, 201, 0.28);
  }

  body:not(.lockscreen) .cc-more-sheet__panel {
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: min(82vh, calc(100dvh - 68px - env(safe-area-inset-bottom, 0px) - 8px)) !important;
  }

  body:not(.lockscreen) .cc-more-sheet__body {
    max-height: calc(min(82vh, calc(100dvh - 68px - env(safe-area-inset-bottom, 0px) - 8px)) - 58px) !important;
  }

  body:not(.lockscreen) .cc-more-sheet__backdrop {
    bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.cc-more-open .cc-bottom-nav-dock {
    z-index: 1060 !important;
  }

  /* إغلاق فوري عند التنقل — بدون animation */
  #cc-more-sheet.cc-more-instant,
  #cc-more-sheet.cc-more-instant .cc-more-sheet__panel,
  #cc-more-sheet.cc-more-instant .cc-more-sheet__backdrop {
    transition: none !important;
    animation: none !important;
  }
}