/* RoiKib Unified Bottom Navigation v3.1
   Matches Community Feed v2.8.1 — Prompt 12px/600, 25px outline SVG.
   Desktop responsive and native Discuz! touch share the SAME navigation rule-set.
   This CSS changes only #rk-main-mobile-nav. */
@media (min-width: 701px) {
  body.rk-v3 #rk-main-mobile-nav {display:none!important}
}
@media (max-width: 700px) {
  body.rk-v3 #rk-main-mobile-nav {display:grid!important}
  body.rk-v3 {padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
/* Touch theme is its own mobile page even if user chose desktop browser width. */
body.rk3-touch #rk-main-mobile-nav {display:grid!important}
body.rk3-touch {padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
body.rk3-touch .foot_height {height:calc(76px + env(safe-area-inset-bottom,0px))!important}

body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom {
  position:fixed!important;inset:auto 0 0 0!important;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;gap:0!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:auto!important;min-height:70px!important;
  margin:0!important;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))!important;
  border:0!important;border-top:1px solid #e5eaf2!important;
  border-radius:0!important;background:#fff!important;
  box-shadow:0 -3px 16px #142c4a15!important;
  color:#8791a5!important;overflow:visible!important;
  visibility:visible!important;opacity:1!important;transform:none!important;
  z-index:9999!important;box-sizing:border-box!important;
  font-family:'RoiKib Prompt','Prompt',Tahoma,Arial,sans-serif!important;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:2px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:57px!important;flex:initial!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;box-shadow:none!important;
  color:#8791a5!important;text-align:center!important;text-decoration:none!important;
  white-space:nowrap!important;
  font-family:'RoiKib Prompt','Prompt',Tahoma,Arial,sans-serif!important;
  font-size:12px!important;line-height:1.4!important;font-weight:600!important;
  letter-spacing:0!important;text-transform:none!important;
  box-sizing:border-box!important;
}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a::before,
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a::after,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a::before,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a::after {content:none!important;display:none!important}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a>svg,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a>svg {
  display:block!important;width:25px!important;height:25px!important;
  min-width:25px!important;max-width:25px!important;
  min-height:25px!important;max-height:25px!important;
  flex:0 0 25px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  padding:0!important;margin:0!important;box-sizing:border-box!important;
}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a>.rk-nav-word,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a>.rk-nav-word {
  display:block!important;width:auto!important;max-width:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;box-shadow:none!important;
  color:inherit!important;text-align:center!important;
  font-family:'RoiKib Prompt','Prompt',Tahoma,Arial,sans-serif!important;
  font-size:12px!important;line-height:1.4!important;font-weight:600!important;
  letter-spacing:0!important;white-space:nowrap!important;
}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a.active,
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a[aria-current="page"],
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a.active,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a[aria-current="page"] {
  color:#3656ca!important;background:transparent!important;
}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a:active,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a:active {background:#eef2ff!important}
body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a:focus-visible,
body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a:focus-visible {
  outline:2px solid #3656ca!important;outline-offset:-3px!important;
}
@media (max-width:355px) {
  body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a,
  body.rk-v3 #rk-main-mobile-nav.rk-unified-bottom>a>.rk-nav-word,
  body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a,
  body.rk3-touch #rk-main-mobile-nav.rk-unified-bottom>a>.rk-nav-word {font-size:11px!important}
}