/* Continuous pill-shaped navigation for public, member, and admin pages. */
@media (max-width:760px) {
  /* Keep the desktop-only member bar out of the mobile dock layout. */
  html body.member-site-v3.site-v3 > #member-desktop-nav.topbar {
    display:none!important;
  }
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock {
  width:min(420px,calc(100vw - 24px))!important;
  min-height:64px!important;
  padding:7px!important;
  border:0!important;
  border-radius:999px!important;
  --dock-bg:#141414;
  background:var(--dock-bg)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item {
  position:relative!important;
  z-index:1;
  min-height:50px!important;
  gap:2px!important;
  padding:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#c9c6c1!important;
  overflow:visible!important;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .dock-icon {
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  color:inherit;
  transition:color .2s ease;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .dock-icon svg {
  width:21px!important;
  height:21px!important;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .dock-label {
  color:inherit;
  font:600 11px/1.15 var(--site-sans);
  text-align:center;
  white-space:nowrap;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item:is([data-current],:active),
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more[data-open] > .site-dock-item {
  background:transparent!important;
  color:#f7f6f2!important;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item:is([data-current],:active) .dock-icon,
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more[data-open] > .site-dock-item .dock-icon {
  background:transparent;
  color:inherit;
  box-shadow:none;
  transform:none;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item:is([data-current],:active) .dock-label,
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more[data-open] > .site-dock-item .dock-label {
  font-weight:750;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock:not(:has(.site-more[data-open])) .site-dock-item[data-current] .dock-icon {
  animation:none;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock:has(.site-more[data-open]) > a.site-dock-item[data-current] {
  background:transparent!important;
  color:#c9c6c1!important;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock:has(.site-more[data-open]) > a.site-dock-item[data-current] .dock-icon {
  background:transparent;
  color:inherit;
  box-shadow:none;
  transform:none;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more-panel { bottom:calc(100% + 14px)!important; }
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-badge {
  top:-2px!important;
  right:calc(50% - 28px)!important;
  z-index:1;
}
html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item[data-current] .site-dock-badge {
  top:-2px!important;
}

@media (max-width:760px) {
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock {
    width:min(420px,calc(100vw - 24px))!important;
    min-height:64px!important;
    padding:7px!important;
    gap:0!important;
    border:0!important;
    border-radius:999px!important;
    --dock-bg:#141414;
    background:var(--dock-bg)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item {
    position:relative!important;
    z-index:1;
    min-height:50px!important;
    gap:2px!important;
    padding:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#c9c6c1!important;
    overflow:visible!important;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .dock-icon {
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    color:inherit;
    transition:color .2s ease;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .dock-icon svg {
    width:21px!important;
    height:21px!important;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .dock-label {
    color:inherit;
    font:600 11px/1.15 var(--site-sans);
    text-align:center;
    white-space:nowrap;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item:is([data-current],:active),
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more[data-open] > button.admin-dock-item {
    background:transparent!important;
    color:#f7f6f2!important;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item:is([data-current],:active) .dock-icon,
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more[data-open] > button.admin-dock-item .dock-icon {
    background:transparent;
    color:inherit;
    box-shadow:none;
    transform:none;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item:is([data-current],:active) .dock-label,
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more[data-open] > button.admin-dock-item .dock-label {
    font-weight:750;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock:not(:has(.admin-more[data-open])) .admin-dock-item[data-current] .dock-icon {
    animation:none;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock:has(.admin-more[data-open]) > a.admin-dock-item[data-current] {
    background:transparent!important;
    color:#c9c6c1!important;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock:has(.admin-more[data-open]) > a.admin-dock-item[data-current] .dock-icon {
    background:transparent;
    color:inherit;
    box-shadow:none;
    transform:none;
  }
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more-panel { bottom:calc(100% + 14px)!important; }
}

html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock {
  --dock-bg:#fbfaf7;
  background:var(--dock-bg)!important;
  box-shadow:0 12px 30px rgba(34,32,29,.16)!important;
}
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item {
  color:#625e58!important;
}
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item:is([data-current],:active),
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more[data-open] > .site-dock-item,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item:is([data-current],:active),
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more[data-open] > button.admin-dock-item {
  background:transparent!important;
  color:#22201d!important;
}
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-dock-item:is([data-current],:active) .dock-icon,
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .site-more[data-open] > .site-dock-item .dock-icon,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-dock-item:is([data-current],:active) .dock-icon,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .admin-more[data-open] > button.admin-dock-item .dock-icon {
  background:transparent;
  color:inherit;
  box-shadow:none;
}
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock:has(.site-more[data-open]) > a.site-dock-item[data-current],
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock:has(.admin-more[data-open]) > a.admin-dock-item[data-current] {
  background:transparent!important;
  color:#625e58!important;
}
html[data-theme="day"] body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock:has(.site-more[data-open]) > a.site-dock-item[data-current] .dock-icon,
html[data-theme="day"] body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock:has(.admin-more[data-open]) > a.admin-dock-item[data-current] .dock-icon {
  background:transparent;
  color:inherit;
  box-shadow:none;
}

/* Reserve room once for the fixed Feed navigation, rather than on both body and main. */
html body.feed-layout-v2.site-v3:is(.member-site-v3,.public-feed-page) {
  padding-bottom:0!important;
}
html body.feed-layout-v2.site-v3:is(.member-site-v3,.public-feed-page) > main {
  padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
}

@media (prefers-reduced-motion:reduce) {
  html body.site-v3:is(.member-site-v3,.public-feed-page) > .site-mobile-dock .dock-icon,
  html body.admin-site-v3.admin-page:not(#legacy-admin) > .admin-mobile-dock .dock-icon { transition:none; }
}