/* Logo formularza zapisowego na mobile (link „powrót do strony głównej").
   Na desktopie logo jest pierwszym elementem rzędu kroków (FeatureMenu) i tak zostaje.
   Na <768px ten logotyp ma `d-none` (ukryty), a zamiast niego pokazujemy osobne
   mobilne logo (`...__logo--mobile`, `d-md-none`) NAD krokami — wcześniej na mobile
   nie było logo i nie dało się wrócić na stronę główną bez przycisku „wstecz".
   Ładowane PO template.min.css / registration-form.min.css → wygrywa kolejnością. */
@media (max-width: 767.98px) {
  /* Logo nad krokami → menu układamy w kolumnę i zdejmujemy limit wysokości
     (95px był liczony pod sam rząd kroków). */
  .registration-form .feature_registration-menu {
    max-height: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* logo wyrównane do lewej */
  }

  .feature_registration-menu__logo--mobile {
    /* bez górnego 2.5rem (z .min.css); lewy odstęp = gutter strony, dolny nad krokami */
    padding: 0 0 0.5rem 1.5rem;
    /* navbar__logo dokłada transform: scale(.7) — tu zbędne, rozmiarem steruje max-height */
    transform: none;
  }
  .feature_registration-menu__logo--mobile img {
    max-height: 40px;
  }
}