/* Shared public header: the same proportions and breakpoints on every page. */
.navbar > .container-fluid {
  max-width: 1600px;
  margin: 0 auto;
  padding: .75rem clamp(1rem, 3vw, 3rem) !important;
  gap: 1.5rem;
}
.navbar > .container-fluid > a { display: block; flex: 0 0 auto; }
.navbar #logokep {
  display: block;
  width: clamp(180px, 17vw, 280px) !important;
  max-width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
}
.navbar .navbar-collapse { min-width: 0; margin: 0 !important; padding: 0 !important; }
.navbar .navbar-nav { align-items: center; flex-wrap: nowrap; gap: clamp(.25rem, .6vw, .75rem); margin: 0; padding: 0; }
.navbar .navbar-nav .nav-item, .navbar .navbar-nav h5 { margin: 0 !important; }
.navbar .navbar-nav .nav-link {
  margin: 0 !important;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 20px;
  font-family: montserrat_regular, Arial, sans-serif;
  font-size: clamp(16px, 1.05vw, 18px);
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}
.navbar .navbar-nav .anav { display: block; padding: .65rem .6rem; color: #fff; font: inherit; font-size: inherit !important; text-decoration: none; }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus-within { border-color: #fff; }
.navbar .navbar-nav .anav:focus-visible { outline: 2px solid #fff; outline-offset: 3px; border-radius: 20px; }
@media (max-width: 1279px) {
  .navbar.navbar-expand-lg > .container-fluid { flex-wrap: wrap; gap: .75rem 1.5rem; }
  .navbar.navbar-expand-lg .navbar-toggler { display: block; margin-left: auto; }
  .navbar.navbar-expand-lg .navbar-collapse { flex-basis: 100%; }
  .navbar.navbar-expand-lg .navbar-collapse.collapse:not(.show) { display: none !important; }
  .navbar.navbar-expand-lg .navbar-collapse.show, .navbar.navbar-expand-lg .navbar-collapse.collapsing { display: block !important; }
  .navbar.navbar-expand-lg .navbar-nav { flex-direction: column; align-items: stretch; gap: .25rem; padding: .5rem 0; }
  .navbar .navbar-nav .nav-link { width: 100%; font-size: 16px; text-align: left; }
  .navbar .navbar-nav .anav { padding: .75rem 1rem; }
}
@media (min-width: 1280px) { .navbar .navbar-toggler { display: none; } }
@media (max-width: 575px) { .navbar #logokep { width: 180px !important; } }