/* Pokaż przycisk powrotu do sklepu w nagłówku kasy na telefonie (bez innych zmian wyglądu) */
@media (max-width: 767px) {
  .orders-path-header .back-link {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Mniejszy przycisk powrotu na telefonie, żeby nie nachodził na logo */
@media (max-width: 767px) {
  .orders-path-header .back-link {
    font-size: 12px !important;
    line-height: 1.2 !important;
    padding: 4px 8px !important;
  }
}

/* Niższe szare tło przycisku powrotu na telefonie i napis wyśrodkowany w pionie */
@media (max-width: 767px) {
  .orders-path-header .back-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1 !important;
    padding: 5px 8px !important;
  }
}

/* Telefon: szare pole pod "Wróć do sklepu" nie rozciąga się na wysokość paska, napis na środku */
@media (max-width: 767px) {
  .orders-path-header .back-link {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .orders-path-header *:has(> .back-link) {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}