/*
 * ReiseSIM.de Brand Colors
 * Primär: #1e4278 (dunkelblau "ReiseSIM")
 * Akzent:  #3a9fd5 (hellblau ".de")
 * Hover:   #163260
 */

/* ── CSS-Variablen überschreiben ── */
:root {
  --bs-primary:        #1e4278;
  --bs-primary-rgb:    30, 66, 120;
  --bs-link-color:     #1e4278;
  --bs-link-hover-color: #163260;
}

/* ── Sidebar / Navigation ── */
.bg-gradient-primary {
  background: linear-gradient(180deg, #2a5ba8 0%, #1e4278 100%) !important;
}
.sidebar .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
}
.sidebar .nav-item .nav-link:hover,
.sidebar .nav-item .nav-link:focus {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px;
}
.sidebar .nav-item .nav-link.active {
  color: #fff !important;
  background: rgba(58, 159, 213, 0.3) !important;
  border-radius: 6px;
}
.sidebar-brand {
  background: rgba(0, 0, 0, 0.15) !important;
}
.sidebar-brand-text span {
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.sidebar-divider {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ── Buttons ── */
.btn-primary {
  background-color: #1e4278 !important;
  border-color:     #1e4278 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #163260 !important;
  border-color:     #163260 !important;
  box-shadow: 0 4px 12px rgba(30, 66, 120, 0.35) !important;
}
.btn-outline-primary {
  color:        #1e4278 !important;
  border-color: #1e4278 !important;
}
.btn-outline-primary:hover {
  background-color: #1e4278 !important;
  color: #fff !important;
}

/* ── Text & Borders ── */
.text-primary { color: #1e4278 !important; }
.border-primary { border-color: #1e4278 !important; }
.border-left-primary { border-left-color: #1e4278 !important; }

/* ── Links ── */
a { color: #1e4278; }
a:hover { color: #163260; }

/* ── Top Navbar ── */
.topbar .btn-link {
  color: #1e4278 !important;
}

/* ── Scroll-to-top Button ── */
.scroll-to-top {
  background: #1e4278 !important;
  color: #fff !important;
  border-color: #1e4278 !important;
}
.scroll-to-top:hover {
  background: #163260 !important;
}

/* ── Form focus ── */
.form-control:focus,
.form-select:focus {
  border-color: #3a9fd5;
  box-shadow: 0 0 0 0.2rem rgba(30, 66, 120, 0.2);
}

/* ── Badges & Alerts ── */
.badge.bg-primary,
.badge.text-bg-primary {
  background-color: #1e4278 !important;
}
.alert-primary {
  background-color: #e8eef6;
  border-color: #b8cce4;
  color: #1e4278;
}

/* ── Pagination ── */
.page-link { color: #1e4278; }
.page-link:hover { color: #163260; }
.page-item.active .page-link {
  background-color: #1e4278;
  border-color:     #1e4278;
}

/* ── Card Header Accent (optional) ── */
.card .card-header {
  border-bottom: 2px solid #e9ecef;
}

/* ── Input type=date Browser-Styles ── */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(18%) sepia(80%) saturate(500%) hue-rotate(195deg);
  cursor: pointer;
}

/* ── Allgemeine Seite ── */
body {
  font-family: 'Nunito', sans-serif;
}