/* bootstrap-overrides.css — bereinigt */

/* -------- Cards / Typo -------- */
.temp-card .display-temp {
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  font-weight: 800;
  line-height: 1;
}

.temp-card .subline {
  color: var(--bs-secondary-color);
  font-size: .95rem;
}

.card-header .card-tools {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
}

.table-kv th {
  width: 42%;
  color: var(--bs-secondary-color);
  font-weight: 600;
}

.table-kv td,
.table-kv th {
  padding: .5rem .6rem;
  border-bottom: 1px dashed var(--bs-border-color);
}

.footer-icons a {
  color: var(--bs-secondary-color);
}

/* -------- Dropdown-Submenu on hover (BS5) -------- */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

@media (hover:hover) {
  .dropdown-submenu:hover>.dropdown-menu {
    display: block;
  }
}

/* ensure touch-toggled submenus become visible when JS adds .show */
.dropdown-submenu>.dropdown-menu.show {
  display: block;
}

/* --- First-level dropdown (Wind-Icon → Hauptmenü) als Overlay erzwingen --- */
.navbar .nav-item.dropdown {
  position: relative;
  /* Anker für absolutes Menü */
}

.navbar .nav-item.dropdown>.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1080;
  min-width: 12rem;
  transform: none;
}

/* --- Lesbarkeit in Tabellen-Varianten verbessern --- */
/* Accordion: Fokus und aktiver Text mit Bootstrap-Variablen für Dark Mode */
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-bg-rgb), .25);
}

.accordion-button:not(.collapsed) {
  color: var(--bs-body-color);
}

/* Falls irgendwo .text-body-secondary/.text-muted gesetzt wurde, in Variant-Tabellen stärker einfärben */
.table.table-warning .text-body-secondary,
.table.table-danger .text-body-secondary,
.table.table-success .text-body-secondary,
.table.table-secondary .text-body-secondary,
.table.table-warning .text-muted,
.table.table-danger .text-muted,
.table.table-success .text-muted,
.table.table-secondary .text-muted {
  color: var(--bs-emphasis-color) !important;
  opacity: .92;
}