/* =====================================================================
   mobile.css – Handy-/Tablet-Optimierung (für alle Seiten gemeinsam)
   Wirkt ausschließlich auf kleinen Bildschirmen.
   Auf dem Desktop (ab 992 px) bleibt das Layout komplett unverändert.
   ===================================================================== */

/* Kein graues Aufblitzen beim Tippen */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

@media (max-width: 991.98px) {

  /* ---------- Grundschrift etwas größer ---------- */
  body { font-size: 1rem; }

  /* ---------- Einklappbares Menü (Hamburger) ---------- */
  .navbar-toggler,
  .navbar-toggler:focus { box-shadow: none !important; outline: none !important; }

  .navbar-collapse { padding-top: 6px; }

  /* Hauptlinks (Offene Fälle / Monatsansicht / Jahresübersicht) untereinander */
  .navbar-collapse .navbar-nav.flex-row {
    flex-direction: column !important;
    gap: 0 !important;
    margin: 6px 0 0 0 !important;
    width: 100%;
  }
  .navbar-collapse .nav-link {
    padding: 12px 4px !important;
    font-size: 1.05rem !important;
    border-top: 1px solid rgba(255,255,255,.12);
  }

  /* Beratungsstelle-Auswahl über die volle Breite */
  .navbar-collapse .dropdown.ms-3 {
    margin: 6px 0 0 0 !important;
    width: 100%;
  }
  .navbar-collapse .dropdown.ms-3 > .btn { width: 100%; text-align: left; }

  /* Aktionsbereich (Suche, Neuer Eintrag, Verwaltung, Benutzer) gestapelt & breit */
  .navbar-collapse .ms-auto {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 8px 0 0 0 !important;
    width: 100%;
  }
  .navbar-collapse .ms-auto form { width: 100%; }
  .navbar-collapse .ms-auto .dropdown { width: 100%; }
  .navbar-collapse .ms-auto .dropdown > .btn { width: 100%; text-align: left; }
  .navbar .global-search-inp { width: 100% !important; flex: 1 1 auto; font-size: 16px; }

  /* Größere Tippflächen in Menüs */
  .navbar-collapse .btn { padding: 10px 14px; font-size: 1rem; min-height: 44px; }
  .dropdown-menu { font-size: 1rem; }
  .dropdown-item { padding: 11px 16px; }

  /* ---------- Sekundäre Button-Leiste (Verwaltungs-Seiten) umbrechen ---------- */
  .container .d-flex.gap-1 { flex-wrap: wrap; gap: 6px !important; }
  .container .d-flex.gap-1 .btn-sm { min-height: 40px; }

  /* ---------- Formulare: kein iOS-Auto-Zoom, größere Felder ---------- */
  .form-control, .form-select { font-size: 16px; min-height: 44px; }
  .form-control-sm, .form-select-sm { font-size: 16px; min-height: 40px; }
  textarea.form-control { min-height: 80px; }

  /* Sanftes Touch-Scrollen für breite Tabellen */
  .table-wrapper, .table-responsive { -webkit-overflow-scrolling: touch; }
}

/* ---------- Sehr kleine Handys ---------- */
@media (max-width: 575.98px) {
  .navbar { padding: 8px 12px !important; }
}