/* ===========================
   Camperella Theme (DB-Variablen)
   =========================== */

/* Background */
body {
  background: linear-gradient(
    180deg,
    var(--tenant-bg-1, #f5e6d3) 0%,
    var(--tenant-bg-2, #ffffff) 100%
  ) !important;
}

/* Alias-Variablen für bestehende Styles */
body {
  --nf-brand: var(--tenant-primary, #e91e63); /* Pink aus DB */
  --primary: var(--tenant-primary, #e83e8c);  /* für alpha-nav */
}

/* Legend (Form) */
.nf-form legend,
legend {
  color: var(--nf-brand, #e91e63) !important;
}

/* Links */
a {
  color: var(--tenant-primary, #e83e8c) !important;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--tenant-primary, #d63384) !important; /* falls kein hover Feld existiert */
  text-decoration: underline;
}

a:visited {
  color: var(--tenant-primary, #e83e8c) !important;
}

/* PRIMARY BUTTON */
.btn-primary {
  background: var(--tenant-primary, #e83e8c) !important;
  background-image: none !important;
  border-color: var(--tenant-primary, #e83e8c) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: var(--tenant-primary, #d63384) !important; /* optional später: --tenant-primary-hover */
  border-color: var(--tenant-primary, #d63384) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* OUTLINE PRIMARY BUTTON (z.B. Menü-Button oben) */
.btn-outline-primary {
  color: var(--tenant-primary, #e83e8c) !important;
  border-color: var(--tenant-primary, #e83e8c) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--tenant-primary, #e83e8c) !important;
  color: #fff !important;
  border-color: var(--tenant-primary, #e83e8c) !important;
}

/* Footer Links bleiben grau */
.site-footer a,
.site-footer a:visited,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
  color: #adb5bd !important; /* Bootstrap secondary grau */
  text-decoration: none;
}

/* KPI-Zahlen (h2 mb-0 in Cards) */
.card .h2.mb-0,
.card h2.mb-0 {
  color: var(--tenant-primary, #e83e8c) !important;
}

/* Bootstrap primary Farbe überschreiben */
.text-primary {
  color: var(--tenant-primary, #e83e8c) !important;
}

/* Überschriften im Camperella-Theme */
h1, h2, h3, h4, h5, h6 {
  color: var(--tenant-primary, #e83e8c) !important;
}

/* Camperella: btn-cerulean wirklich überschreiben */
.btn.btn-cerulean,
button.btn.btn-cerulean,
a.btn.btn-cerulean,
input.btn.btn-cerulean {
  background-color: var(--tenant-primary, #e83e8c) !important;
  border-color: var(--tenant-primary, #e83e8c) !important;
  color: #fff !important;
}

.btn.btn-cerulean:hover,
.btn.btn-cerulean:focus,
.btn.btn-cerulean:active {
  background-color: var(--tenant-primary, #d63384) !important;
  border-color: var(--tenant-primary, #d63384) !important;
  color: #fff !important;
}

/* Camperella: btn-cerulean immer pink (normal + states) */
.btn.btn-cerulean,
.btn.btn-cerulean:not(:disabled):not(.disabled) {
  background: var(--tenant-primary, #e83e8c) !important;  /* wichtig: background, nicht nur background-color */
  background-image: none !important;                      /* falls ein Gradient gesetzt ist */
  border-color: var(--tenant-primary, #e83e8c) !important;
  color: #fff !important;
}

.btn.btn-cerulean:hover,
.btn.btn-cerulean:focus,
.btn.btn-cerulean:active,
.btn.btn-cerulean.active {
  background: var(--tenant-primary, #d63384) !important;
  background-image: none !important;
  border-color: var(--tenant-primary, #d63384) !important;
  color: #fff !important;
}

/* Buchstaben-Buttons: immer pinke Schrift (auch wenn visited) */
#alpha-nav a.btn,
#alpha-nav a.btn:visited {
  color: var(--primary, #e83e8c) !important;
}

/* Aktiver Buchstabe (gefüllt) soll weiße Schrift behalten */
#alpha-nav a.btn.btn-primary,
#alpha-nav a.btn.btn-primary:visited {
  color: #fff !important;
}