/* PR⭕️—вес Standalone v0.43.2
   Bottom navigation + compact Back visual parity with supplied references.
   UI-only override: no routing, payment, auth or API logic changes. */

/* Increase the bottom navigation upward by ~4 mm (~15 CSS px at 96 dpi).
   Because the nav stays anchored to the bottom in the stable flex shell,
   the added height grows upward. Lift icon+label content slightly as well. */
.bottom-nav {
  min-height: calc(var(--nav-height) + 15px + var(--proves-safe-bottom)) !important;
  padding-top: 4px !important;
}

.bottom-nav button {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
}

/* Reference Back button (IMG_5722.PNG): compact light-grey pill,
   soft grey chevron/text, normal weight. Applied only to the three
   local overlay Back controls already present in v0.43.1. */
.proves-standalone-legal-overlay .proves-overlay-header,
.proves-standalone-payment-header {
  grid-template-columns: 90px minmax(0, 1fr) 90px !important;
}

.proves-standalone-legal-overlay .proves-overlay-back,
.proves-standalone-payment-back {
  width: max-content !important;
  min-width: 0 !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #e9e9ea !important;
  color: #858589 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.proves-standalone-legal-overlay .proves-overlay-spacer,
.proves-standalone-payment-spacer {
  width: 82px !important;
}

/* Do not let narrow phones re-expand the compact Back button. */
@media (max-width: 390px) {
  .proves-standalone-legal-overlay .proves-overlay-header,
  .proves-standalone-payment-header {
    grid-template-columns: 86px minmax(0, 1fr) 86px !important;
  }

  .proves-standalone-legal-overlay .proves-overlay-back,
  .proves-standalone-payment-back {
    min-width: 0 !important;
    height: 30px !important;
    padding: 0 9px !important;
    font-size: 15px !important;
  }

  .proves-standalone-legal-overlay .proves-overlay-spacer,
  .proves-standalone-payment-spacer {
    width: 78px !important;
  }
}