/* P05: existing fixed domain navigation only. Layout visibility belongs to each domain. */
html body.mauto-ui-v1 .mauto-dock {
  box-sizing:border-box!important;
  left:0!important;right:0!important;transform:none!important;
  bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
  width:calc(100% - 32px)!important;max-width:720px!important;
  height:auto!important;min-height:78px!important;
  margin:0 auto!important;padding:8px!important;
  border:1px solid var(--mauto-ds-color-border,#d7e3ef)!important;
  border-radius:24px!important;
  background:var(--mauto-ds-color-surface-soft,#f8fbff)!important;
  background-image:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 6px 24px rgba(11,33,64,.09)!important;
  gap:4px!important;align-items:stretch!important;
  overflow:visible!important;
}
html body.mauto-ui-v1 .mauto-dock > :is(a,button) {
  box-sizing:border-box!important;position:relative;
  flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
  min-height:60px!important;height:auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:5px!important;padding:6px 2px!important;border:1px solid transparent!important;border-radius:16px!important;
  background:transparent!important;box-shadow:none!important;
  color:#465d75!important;font:500 12px/1.35 var(--mauto-ds-font-sans)!important;
  text-decoration:none!important;text-align:center;white-space:normal!important;overflow-wrap:anywhere;
  transform:none!important;transition:background-color 160ms ease,color 160ms ease;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
html body.mauto-ui-v1 .mauto-dock > :is(a,button) > :is(span,small):not(:has(svg)) {
  font:inherit!important;color:inherit!important;height:auto!important;line-height:1.35!important;
}
html body.mauto-ui-v1 .mauto-dock > :is(a,button) :is(svg,img) {
  width:26px!important;height:26px!important;flex:0 0 26px!important;object-fit:contain;object-position:center;
  transform-origin:center;transition:transform 170ms cubic-bezier(.2,.7,.2,1)!important;
}
html body.mauto-ui-v1 .mauto-dock > :is(a,button):is(.active,.is-active,[aria-current="page"],[aria-current="true"],[aria-selected="true"]) {
  background:var(--mauto-ds-color-primary-soft,#eaf3ff)!important;
  color:var(--mauto-ds-color-primary-active,#0b57d2)!important;
  border-color:#b7d2ee!important;font-weight:650!important;
}
html body.mauto-ui-v1 .mauto-dock > :is(a,button):focus-visible {
  outline:3px solid var(--mauto-ds-color-primary-active,#0b57d2)!important;outline-offset:1px!important;
}
html body.mauto-ui-v1 .mauto-dock > .mauto-dock-hover {background:#edf3fa!important}
html body.mauto-ui-v1 .mauto-dock > .mauto-dock-hover :is(svg,img) {transform:scale(1.12)}
html body.mauto-ui-v1 .mauto-dock > .mauto-dock-pressed {background:#e1edfa!important}
html body.mauto-ui-v1 .mauto-dock > .mauto-dock-pressed :is(svg,img) {transform:scale(1.08)}
html body.mauto-ui-v1 .mauto-dock[inert] {visibility:hidden!important;pointer-events:none!important}
[data-mauto-dock-spacer] {display:block!important;flex:none!important;width:100%;pointer-events:none}
@media(max-width:767px) {
 html body.mauto-ui-v1 .mauto-dock {width:calc(100% - 16px)!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;border-radius:20px!important;padding:5px!important;gap:0!important;min-height:70px!important}
 html body.mauto-ui-v1 .mauto-dock > :is(a,button) {font-size:11px!important;min-height:58px!important;border-radius:14px!important;padding-inline:1px!important}
}
@media(prefers-reduced-motion:reduce) {
 html body.mauto-ui-v1 .mauto-dock > :is(a,button),html body.mauto-ui-v1 .mauto-dock :is(svg,img) {transition:none!important;transform:none!important}
}

/* Road assistance is a three-action toolbar, not a destination tab bar. */
html body.mauto-ui-v1 .rm-dock.mauto-dock {grid-template-columns:67px minmax(0,1fr) 67px!important}
html body.mauto-ui-v1 .rm-dock.mauto-dock > .rm-dock-primary {
 background:var(--mauto-ds-color-primary-active,#0b57d2)!important;color:#fff!important;font-weight:650!important;;box-shadow:var(--mauto-ds-action-depth)}
html body.mauto-ui-v1 .mauto-dock :is(svg,img) {filter:none!important}
/* Compact labels must remain words, not split into individual syllables at 320px. */
@media(max-width:359px) {
 html body.mauto-ui-v1 .mauto-dock {padding-inline:3px!important}
 html body.mauto-ui-v1 .mauto-dock > :is(a,button) {font-size:10px!important;padding-inline:0!important;overflow-wrap:normal;word-break:normal}
}
/* v431: five-destination dock, full-width on touch-size screens. */
@media(max-width:1099px){
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6))){left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;margin:0!important;min-height:84px!important;padding:8px max(4px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;background:linear-gradient(135deg,#fbfdff,#f0f5fc)!important;box-shadow:inset 0 1px #fff,0 -5px 24px #1d416017!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button){min-height:66px!important;font-size:12px!important;font-weight:600!important;gap:5px!important;overflow-wrap:normal!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button) :is(svg,img){width:34px!important;height:34px!important;flex-basis:34px!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button):is(.active,.is-active,[aria-current="page"]){background:transparent!important;border-color:transparent!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button):is(.active,.is-active,[aria-current="page"])::after{content:'';position:absolute;bottom:0;width:20px;height:3px;border-radius:3px;background:#397af0}
}
@media(min-width:768px) and (max-width:1099px){
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6))){min-height:98px!important;padding-top:10px!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button){min-height:78px!important;font-size:14px!important}
 html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button) :is(svg,img){width:42px!important;height:42px!important;flex-basis:42px!important}
}
@media(max-width:359px){html body.mauto-ui-v1 .mauto-dock:has(> :nth-child(5)):not(:has(> :nth-child(6)))> :is(a,button){font-size:10px!important}}
/* Navigation favourites are a destination, distinct from listing save controls. */
html body.mauto-ui-v1 .mauto-dock svg[data-mauto-icon="heart"]{background:url('../img/ui-3d-v1/heart.webp') center/contain no-repeat!important}
html body.mauto-ui-v1 .mauto-dock svg[data-mauto-icon="heart"]>*{visibility:hidden!important}

/* v436: shared full-width category navigation at every viewport. */
html body.mauto-ui-v1 .mauto-dock{
 left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;
 margin:0!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;
 padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
 animation:mauto-category-dock-arrive 720ms cubic-bezier(.16,1,.3,1) both;
}
@media(prefers-reduced-motion:reduce){html body.mauto-ui-v1 .mauto-dock{animation:none!important}}