/*!
 * Theme-Ergänzungen (aus styles.css herausgelöst)
 *
 * styles.css enthielt zusätzlich zu den Theme-Regeln noch einmal das komplette
 * Bootstrap 5.2.3 (10.800 Zeilen) – parallel zu bootstrap-5.3.8/css/bootstrap.min.css.
 * Hier steht nur noch der Theme-Teil von Start Bootstrap "Modern Business" v5.0.7
 * plus die eigenen Utilities aus styles.css und Angleichungen, damit das Aussehen
 * mit Bootstrap 5.3.8 dem bisherigen (5.2.3-Überlagerung) entspricht.
 */
body,
html {
  height: 100%;
}

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}

.bg-featured-blog {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 15rem;
}

/* Eigene Utility (stand mitten in der Bootstrap-Kopie in styles.css), genutzt am Warenkorb-Badge in navbar.inc.php */
.top-5px {
  top: 5px !important;
}

/* Angleichung an das bisherige Aussehen (Bootstrap 5.2.3): etwas dunklerer Rahmen bei Formularfeldern */
.form-control,
.form-select {
  border-color: #ced4da;
}

/* Bootstrap 5.2.3 verteilte Titel und Schließen-Button im Modal-Kopf mit space-between */
.modal-header {
  justify-content: space-between;
}

/* Grautöne und Rahmen wie bisher (Bootstrap 5.3 hat sie leicht verändert) */
.text-muted {
  color: #6c757d !important;
}

.form-text {
  color: #6c757d;
}

.form-check-input {
  border-color: rgba(0, 0, 0, 0.25);
}

.alert-primary   { --bs-alert-border-color: #b6d4fe; }
.alert-secondary { --bs-alert-border-color: #d3d6d8; }
.alert-success   { --bs-alert-border-color: #badbcc; }
.alert-info      { --bs-alert-border-color: #b6effb; }
.alert-warning   { --bs-alert-border-color: #ffecb5; }
.alert-danger    { --bs-alert-border-color: #f5c2c7; }
.alert-light     { --bs-alert-border-color: #fdfdfe; }
.alert-dark      { --bs-alert-border-color: #bcbebf; }