/* Dodanie czerwonej ramki przy aktywacji przycisku hamburgera i przy aktywnym menu */
.mobile-menu-btn:focus {
  outline: 2px solid var(--accent-red);
  outline-offset: 2px;
}

.mobile-menu-btn:focus-visible {
  outline: 2px solid var(--accent-red);
  outline-offset: 2px;
}

/* Dodanie czerwonego obramowania do wyskakującego menu mobilnego */
.header-nav-mobile.active {
  border: 1px solid var(--accent-red) !important;
  outline: 1px solid var(--accent-red);
  outline-offset: -1px;
}