html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* Opis pozicije: HTML iz Quill editora (WeAsWeb) */
.jd p { margin-bottom: .5rem; }
.jd p:has(> br:only-child) { margin: 0; height: .5rem; }
.jd ol { padding-left: 1.5rem; margin-bottom: .5rem; }
.jd li[data-list="bullet"] { list-style-type: disc; }
.jd h2 { font-size: 1.25rem; margin-top: 1rem; }
.jd h3 { font-size: 1.1rem; margin-top: .75rem; }

/* Login */
.login-wrap { min-height: calc(100vh - 160px); display: flex; align-items: center; justify-content: center; padding: 1rem; }
.login-card { width: 100%; max-width: 420px; border: 0; border-radius: 1rem; }
.login-logo { height: 48px; }
.btn-primary { background-color: #ef5a2b; border-color: #ef5a2b; }
.btn-primary:hover, .btn-primary:focus { background-color: #d94c20; border-color: #d94c20; }

/* Zaglavlje */
.brand-logo { height: 32px; }
.navbar .nav-link.active { font-weight: 600; }

/* Lista pozicija */
.positions-card { border: 0; border-radius: .75rem; }
.positions-card .table { margin-bottom: 0; }
.positions-card thead th { background: #f8f9fa; border-bottom: 2px solid #e9ecef; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; white-space: nowrap; }
.positions-card thead th a:hover { color: #ef5a2b !important; }
.positions-card tbody td { vertical-align: middle; }
.positions-card td.small { color: #6c757d; }
.badge-region { background: #e8f1fb; color: #1e3a8a; font-weight: 500; }