/* Waga Zmiany - przycisk "Strefa pacjenta" w nawigacji
   SMART Agency, 31.08.2026. Osobny arkusz, bo style.css jest serwowany
   z cache-control: immutable (max-age=1y) i jego podmiana nie dotarlaby
   do powracajacych uzytkownikow. */

/* .btn-secondary ma tlo #f7f8ff, czyli praktycznie biel - na bialym tle
   naglowka przycisk czytalby sie jak zwykly link. Stad obrys w kolorze marki. */
.btn-strefa {
  white-space: nowrap;
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
}

.btn-strefa:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

/* Dwa przyciski w pasku nawigacji potrzebuja wiecej miejsca
   niz jeden - zwezamy je, zanim menu zwinie sie do hamburgera. */
@media (max-width: 1200px) {
  .nav-menu {
    gap: var(--spacing-md);
  }

  .btn-nav {
    padding: 10px 14px;
    font-size: 13px;
  }
}

/* Menu mobilne: pelnoekranowy overlay, przyciski jeden pod drugim
   i w tej samej szerokosci. */
@media (max-width: 992px) {
  .btn-strefa,
  .nav-menu .btn-nav {
    width: 100%;
    max-width: 280px;
    justify-content: center;
    padding: 14px 20px;
    font-size: 16px;
  }

  .btn-strefa {
    margin-top: var(--spacing-sm);
  }
}

/* --- POPRAWKA 31.08 19:40 ---
   Drugi przycisk w pasku zabral tyle miejsca, ze pozycje menu zaczely
   lamac sie na dwie linie (regresja po dodaniu "Strefy pacjenta").
   Ponizej: zakaz lamania + progresywne zwezanie az do progu hamburgera (992 px).
   Zmierzone: brak przepelnienia .navbar w zakresie 993-1920 px. */
@media (min-width: 993px) {
  .nav-link { white-space: nowrap; }
  .nav-links { gap: 10px; }
  .nav-menu { gap: 20px; }
  .nav-menu .btn-nav { padding: 11px 16px; font-size: 14px; white-space: nowrap; }
}
@media (min-width: 993px) and (max-width: 1150px) {
  .nav-links { gap: 4px; }
  .nav-link { font-size: 13px; padding: 8px; }
  .nav-menu { gap: 12px; }
  .nav-menu .btn-nav { padding: 10px 12px; font-size: 13px; }
}
@media (min-width: 993px) and (max-width: 1060px) {
  .nav-links { gap: 2px; }
  .nav-link { font-size: 12px; padding: 6px; }
  .nav-menu { gap: 8px; }
  .nav-menu .btn-nav { padding: 9px 10px; font-size: 12px; }
}