/* Mobile dock: cabinet is a full-width bar under the 3 buttons, text centered. */

@media (max-width: 991.98px) {
  .snet-dock {
    grid-template-columns: 1fr 1.15fr 1fr !important;
    gap: 8px !important;
  }

  .snet-dock__btn {
    text-align: center !important;
  }

  .snet-dock__btn span {
    display: block;
    width: 100%;
    text-align: center !important;
    line-height: 1.15;
    white-space: nowrap;
  }

  html .snet-dock__btn--cab,
  .snet-dock a.snet-dock__btn--cab {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 12px !important;
  }

  html .snet-dock__btn--cab span,
  .snet-dock a.snet-dock__btn--cab span {
    width: auto !important;
    flex: 0 0 auto;
    text-align: center !important;
    margin: 0 !important;
    white-space: nowrap;
  }

  html {
    scroll-padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px));
  }

  #footer,
  footer#footer {
    padding-bottom: calc(140px + env(safe-area-inset-bottom, 0px)) !important;
  }
}