/*
 * Bonsai Manager – Cassiopeia Extended Feinabstimmung
 * Datei ablegen unter:
 *   media/templates/site/cassiopeia_extended/css/user.css
 *
 * Im Joomla Backend:
 *   System → Vorlagen → Site-Vorlagen →
 *   Cassiopeia Extended Details und Dateien →
 *   Ordner "css" → Neue Datei → user.css
 *
 * Diese Datei wird bei Joomla-Updates NICHT überschrieben.
 * =========================================================
 */

/* ── Cassiopeia Standard-Variablen (Fallback) ─────────────── */
:root {
  --cassiopeia-color-primary: #4a7c2f;
  --cassiopeia-color-hover:   #2d5016;
  --cassiopeia-color-link:    #4a7c2f;
}

/* ── Navigation: aktiver Menüpunkt ────────────────────────── */
.mod-menu .active > a,
.nav-item.active > .nav-link {
  color: #2d5016;
  font-weight: 700;
  border-bottom: 2px solid #7fb069;
}

/* ── Header: Logo/Brand-Schrift ───────────────────────────── */
.site-name,
.navbar-brand {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ── Card-Komponenten (Login, Module) ─────────────────────── */
.card {
  border: 1px solid #d4e8c2;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(45,80,22,.08);
}
.card-header {
  background-color: var(--link-color, #4a7c2f);
  color: #fff;
  border-radius: 10px 10px 0 0 !important;
  font-weight: 700;
}

/* ── Breadcrumb ───────────────────────────────────────────── */
.breadcrumb-item + .breadcrumb-item::before {
  color: #7a7268;
}
.breadcrumb-item.active {
  color: #2a2520;
}

/* ── Sekundär-Buttons ─────────────────────────────────────── */
.btn-secondary {
  background-color: #fdfaf6;
  color: #4a7c2f;
  border: 2px solid #4a7c2f;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #f0f7eb;
  color: #2d5016;
  border-color: #2d5016;
}

/* ── Fokus-Indikator (WCAG 2.4.7) ─────────────────────────── */
:focus-visible {
  outline: 3px solid #4a7c2f;
  outline-offset: 2px;
}

/* ── Paginierung ──────────────────────────────────────────── */
.page-link {
  color: #4a7c2f;
  border-color: #d4e8c2;
}
.page-item.active .page-link {
  background-color: #4a7c2f;
  border-color: #4a7c2f;
}
.page-link:hover {
  color: #2d5016;
  background-color: #f0f7eb;
  border-color: #7fb069;
}

/* ── Alerts & Meldungen ───────────────────────────────────── */
.alert-success {
  background-color: #f0f7eb;
  border-color: #7fb069;
  color: #2d5016;
}

/* ── Tabellen ─────────────────────────────────────────────── */
.table thead th {
  background-color: #2d5016;
  color: #fff;
  border-color: #4a7c2f;
}
.table tbody tr:hover {
  background-color: #f0f7eb;
}

/* ── prefers-reduced-motion (WCAG 2.3.3) ─────────────────── */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}