/* iOS-anmutender Switch-Override (Std 13.4) — nach homelab.css einbinden. */

.form-switch .form-check-input {
  width: 3.25em;
  height: 2em;
  border-radius: 2em;
  background-color: #e9e9eb;
  background-image: none;
  border: none;
  box-shadow: inset 0 0 0 2px #e9e9eb;
  transition: background-color .25s, box-shadow .25s;
  position: relative;
}
.form-switch .form-check-input:checked {
  background-color: #34c759;
  box-shadow: inset 0 0 0 2px #34c759;
}
.form-switch .form-check-input:focus {
  box-shadow: inset 0 0 0 2px var(--hl-primary);
  outline: none;
}
.form-switch .form-check-input::before {
  content: "";
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  top: 50%;
  left: 0.125em;
  transform: translate(0, -50%);
  transition: transform .2s;
}
.form-switch .form-check-input:checked::before {
  transform: translate(1.25em, -50%);
}

/* Pull-Indikator-CSS (Std 13.5.4) */
[data-hl-refresh] {
  position: relative;
  transition: transform .15s ease-out;
}
[data-hl-refresh]::before {
  content: "↓ Zum Aktualisieren ziehen";
  position: absolute;
  top: calc(-2rem - var(--hl-pull, 0px));
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.875rem;
  color: var(--bs-secondary);
}
[data-hl-refresh][style*="--hl-pull"] {
  transform: translateY(var(--hl-pull, 0px));
}

/* Bottom-Action-Bar Safe-Area (Std 13.3) */
.hl-bottom-bar {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}