/* =========================================================
   Kinder-Uni Theme Override
   Hauptfarbe: #006b6b
   ========================================================= */




:root {
  --ku-primary: #006b6b;
  --ku-primary-dark: #005959;
  --ku-primary-darker: #004747;
  --ku-primary-light: #0a7c7c;
  --ku-primary-soft: rgba(0, 107, 107, 0.15);
}

/* ---------------------------------------------------------
   Grundfarben / Links / Text
   --------------------------------------------------------- */
a {
  color: var(--ku-primary);
}

a:hover,
a:focus {
  color: var(--ku-primary-dark);
}

.text-primary {
  color: var(--ku-primary) !important;
}

/* ---------------------------------------------------------
   Background Gradient
   --------------------------------------------------------- */
.bg-gradient-primary {
  background-color: var(--ku-primary) !important;
  background-image: linear-gradient(180deg, var(--ku-primary) 10%, var(--ku-primary-dark) 100%) !important;
  background-size: cover;
}

/* ---------------------------------------------------------
   Buttons
   --------------------------------------------------------- */
.btn-primary {
  color: #fff;
  background-color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--ku-primary-dark);
  border-color: var(--ku-primary-dark);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: var(--ku-primary-dark);
  border-color: var(--ku-primary-dark);
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.25);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--ku-primary-darker);
  border-color: var(--ku-primary-darker);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.25);
}

/* Outline Button */
.btn-outline-primary {
  color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.25);
}

/* ---------------------------------------------------------
   Formulare
   --------------------------------------------------------- */
.form-control:focus {
  border-color: var(--ku-primary-light);
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.15);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--ku-primary);
  background-color: var(--ku-primary);
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before,
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.15);
}

/* SB-Admin-2 input style */
.form-control-user:focus,
.form-control.form-control-user:focus {
  border-color: var(--ku-primary-light);
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 107, 0.15);
}

/* ---------------------------------------------------------
   Badges
   --------------------------------------------------------- */
.badge-primary {
  background-color: var(--ku-primary);
  color: #fff;
}

/* ---------------------------------------------------------
   Alerts
   --------------------------------------------------------- */
.alert-primary {
  color: var(--ku-primary-darker);
  background-color: #d9f0f0;
  border-color: #c6e7e7;
}

/* ---------------------------------------------------------
   Cards / Borders / Shadow helpers
   --------------------------------------------------------- */
.border-left-primary {
  border-left: 0.25rem solid var(--ku-primary) !important;
}

.border-bottom-primary {
  border-bottom: 0.25rem solid var(--ku-primary) !important;
}

/* ---------------------------------------------------------
   Topbar / Icons
   --------------------------------------------------------- */
.topbar .dropdown-list .dropdown-header {
  background-color: var(--ku-primary);
  border: 1px solid var(--ku-primary);
}

.topbar .nav-item .nav-link:hover {
  color: var(--ku-primary);
}

.topbar .nav-item .nav-link .badge-counter {
  background-color: var(--ku-primary);
}

/* ---------------------------------------------------------
   Sidebar
   --------------------------------------------------------- */
.sidebar {
  background-color: var(--ku-primary);
  background-image: linear-gradient(180deg, var(--ku-primary) 10%, var(--ku-primary-dark) 100%);
  background-size: cover;
}

.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.85);
}

.sidebar .nav-item .nav-link i {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:focus {
  color: #fff;
}

.sidebar .nav-item .nav-link:hover i,
.sidebar .nav-item .nav-link:focus i {
  color: #fff;
}

.sidebar .nav-item.active .nav-link {
  color: #fff;
  font-weight: 700;
}

.sidebar .nav-item.active .nav-link i {
  color: #fff;
}

.sidebar .sidebar-brand {
  color: #fff;
}

.sidebar .sidebar-brand:hover {
  color: #fff;
}

.sidebar-dark hr.sidebar-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-dark .sidebar-heading {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar-dark .nav-item .collapse-inner .collapse-header {
  color: #6e707e;
}

.sidebar-dark .nav-item .collapse-inner .collapse-item.active,
.sidebar-dark .nav-item .collapse-inner .collapse-item:active {
  color: var(--ku-primary);
}

.sidebar-dark #sidebarToggle {
  background-color: rgba(255, 255, 255, 0.15);
}

.sidebar-dark #sidebarToggle::after {
  color: rgba(255, 255, 255, 0.8);
}

.sidebar-dark #sidebarToggle:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

/* ---------------------------------------------------------
   Pagination
   --------------------------------------------------------- */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.page-link {
  color: var(--ku-primary);
}

.page-link:hover {
  color: var(--ku-primary-dark);
}

/* ---------------------------------------------------------
   Dropdowns
   --------------------------------------------------------- */
.dropdown-item:active {
  color: #fff;
  background-color: var(--ku-primary);
}

/* ---------------------------------------------------------
   Tables / Data blocks
   --------------------------------------------------------- */
.table thead th {
  border-bottom-width: 1px;
}

.card-header {
  background-color: #f8f9fc;
}

.card-header .m-0,
.card-header h6 {
  color: var(--ku-primary);
}

/* ---------------------------------------------------------
   Scroll to top
   --------------------------------------------------------- */
.scroll-to-top {
  background: rgba(0, 107, 107, 0.5);
}

.scroll-to-top:hover {
  background: rgba(0, 107, 107, 0.8);
}

/* ---------------------------------------------------------
   Login / Register special
   --------------------------------------------------------- */
.btn-user.btn-primary {
  background-color: var(--ku-primary);
  border-color: var(--ku-primary);
}

.btn-user.btn-primary:hover,
.btn-user.btn-primary:focus {
  background-color: var(--ku-primary-dark);
  border-color: var(--ku-primary-dark);
}

/* ---------------------------------------------------------
   Optional: soft highlight utilities
   --------------------------------------------------------- */
.bg-primary {
  background-color: var(--ku-primary) !important;
}

.border-primary {
  border-color: var(--ku-primary) !important;
}