/* =============================================================
   DJK Ingolstadt – U17 Training & Recovery
   Club colors:  Blue #003c8f / White #ffffff
   ============================================================= */

:root {
  --djk-blue:       #003c8f;
  --djk-blue-dark:  #002a66;
  --djk-blue-light: #1a5bb5;
  --djk-white:      #ffffff;
}

/* ---- Navbar ---- */
.navbar.bg-dark {
  background-color: var(--djk-blue) !important;
}

/* ---- Card headers (all bg-dark in templates → now club blue) ---- */
.card-header.bg-dark {
  background-color: var(--djk-blue) !important;
}

/* ---- Primary buttons ---- */
.btn-primary {
  background-color: var(--djk-blue) !important;
  border-color: var(--djk-blue) !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--djk-blue-dark) !important;
  border-color: var(--djk-blue-dark) !important;
}
.btn-outline-primary {
  color: var(--djk-blue) !important;
  border-color: var(--djk-blue) !important;
}
.btn-outline-primary:hover {
  background-color: var(--djk-blue) !important;
  color: var(--djk-white) !important;
}

/* ---- Links ---- */
a {
  color: var(--djk-blue);
  text-decoration: none;
}
a:hover {
  color: var(--djk-blue-dark);
  text-decoration: underline;
}
.nav-link {
  color: rgba(255,255,255,.85) !important;
}
.nav-link:hover {
  color: #fff !important;
}

/* ---- Badge primary ---- */
.badge.bg-primary {
  background-color: var(--djk-blue) !important;
}

/* ---- Navbar brand with logo ---- */
.navbar-brand {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.navbar-brand img {
  height: 36px;
  width: auto;
}

/* ---- Range slider accent ---- */
.form-range::-webkit-slider-thumb {
  background: var(--djk-blue);
  width: 24px;
  height: 24px;
}
.form-range::-moz-range-thumb {
  background: var(--djk-blue);
  width: 24px;
  height: 24px;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 .25rem rgba(0,60,143,.25);
}

/* ---- Login page logo ---- */
.login-logo {
  display: block;
  margin: 0 auto 1rem;
  height: 80px;
  width: auto;
}

/* ---- Traffic-light status badges ---- */
.status-success {
  background-color: #198754 !important;
  color: #fff !important;
}
.status-light-green {
  background-color: #20c997 !important;
  color: #fff !important;
}
.status-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}
.status-orange {
  background-color: #fd7e14 !important;
  color: #fff !important;
}
.status-danger {
  background-color: #dc3545 !important;
  color: #fff !important;
}
.status-secondary {
  background-color: #6c757d !important;
  color: #fff !important;
}

.icon-sm { font-size: 0.75rem; }

/* ---- Star rating (player questionnaire) ---- */
.star-rating {
  direction: rtl;
  display: inline-flex;
  gap: .15rem;
  font-size: 2.2rem;
}
.star-rating input {
  display: none;
}
.star-rating label {
  cursor: pointer;
  color: #dee2e6;
  transition: color .15s;
}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #ffc107;
}

/* ---- Star rating – compact (coach form) ---- */
.star-rating-sm {
  direction: rtl;
  display: inline-flex;
  gap: .1rem;
  font-size: 1.5rem;
}
.star-rating-sm input {
  display: none;
}
.star-rating-sm label {
  cursor: pointer;
  color: #dee2e6;
  transition: color .15s;
}
.star-rating-sm input:checked ~ label,
.star-rating-sm label:hover,
.star-rating-sm label:hover ~ label {
  color: #ffc107;
}

/* ---- Range slider styling ---- */
/* (slider colors handled above via --djk-blue) */

/* ---- Cards on mobile ---- */
@media (max-width: 576px) {
  .card-body {
    padding: 1rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  .table {
    font-size: .85rem;
  }
}

/* ---- Navbar brand ---- */
/* (logo styles handled above) */

/* ---- Badge inside table ---- */
.table .badge {
  font-size: .8rem;
  padding: .35em .6em;
}

/* ---- Nice cards ---- */
.card {
  border: none;
  border-radius: .75rem;
}
.card-header {
  border-radius: .75rem .75rem 0 0 !important;
}

/* ---- Link styling ---- */
/* (link colors handled above via --djk-blue) */