/* ==========================================================================
   AXON LAYOUT-FEINSCHLIFF (Probleme 1, 2, 3 und 4 gelöst)
   ========================================================================== */

/* [1 & 2] Bringt die Navigation links und den Content rechts oben auf exakt dieselbe Höhe */
#product-category {
  padding-top: 1.5rem !important; /* Einheitliche obere Polsterung */
  min-width: 270px !important;
  width: 280px !important;
  flex-shrink: 0 !important;
  background-color: #fcfcfc !important;
}
#product-list {
  padding-top: 1.5rem !important; /* Gleiche obere Polsterung wie links */
}
#product-list .cards > div.border-bottom:first-child,
#product-list .cards > div:first-child {
  margin-top: 0 !important; /* Entfernt den mt-5 Abstand nur beim allerersten Titel */
  padding-top: 0 !important;
}

/* [3] Header-Schatten permanent aktivieren (kein Hover-Effekt mehr auf dem Header) */
.card-full-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: 1px solid #dee2e6 !important;
  border-bottom: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important; /* Permanenter Schatten */
  transform: none !important;
}
.card-full-width:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important; /* Verhindert Schatten-Veränderung bei Maus-Over */
  transform: none !important; /* Verhindert Anheben bei Maus-Over */
}

/* [4] Platziert die Preise auf JEDER Karte an exakt derselben Position über dem Button */
.card-artikelliste {
  position: relative !important; /* Bezugspunkt für absolute Elemente */
}
.card-artikelliste .card-body {
  position: static !important; /* Zwingt den Preis, sich an der Außenkarte auszurichten */
  padding-bottom: 85px !important; /* Reserviert unten Platz für Preis & Button */
}
.card-artikelliste .card-body .float-end {
  position: absolute !important;
  right: 20px !important;
  bottom: 45px !important; /* Sitzt exakt auf gleicher Höhe über dem Button */
  margin: 0 !important;
  font-weight: 700 !important;
  text-align: right !important;
}

/* Automatischen Zeilenumbruch für die Navigation links erzwingen (z.B. bei Schrägstrichen) */
#product-category,
#product-category a {
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Navigation-Links links optisch reinigen (keine dauerhafte Unterstreichung) */
#product-category a {
  color: #334155 !important;
  text-decoration: none !important;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  transition: color 0.15s ease !important;
}
#product-category a:hover {
  color: #005bab !important;
  text-decoration: underline !important;
}
#product-category .active a,
#product-category .active {
  color: #005bab !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}