/* ================================
   Brunni Global Theme – Farben & Fonts
=================================== */
:root {
  --brand: #a18a6a;
  --brand-hover: #8f7a5d;
  --brand-text: #ffffff;
  --brand-ring: rgba(161,138,106,.25);
}

/* -------------------------------
   Schriftarten
----------------------------------*/

/* Standard-Text */
body {
  font-family: 'Lato', "Segoe UI", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #212529; /* Bootstrap Standard-Textfarbe */
}

/* Überschriften H1–H4: Raleway */
h2, h3, h4 {
  font-family: 'Raleway', 'Lato', "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 1rem;
  margin-bottom: .5rem;
  color: #000;
}

h1 {
  font-family: "Raleway", serif;
  font-optical-sizing: auto;
  font-weight: 800 !important;   
  font-style: normal;
  font-size: 32px !important;
  line-height: 36px;
  color: #8f7a5d !important;      
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  text-transform: uppercase;
}

/* H5/H6 bleiben Lato */
h5, h6 {
  font-family: 'Lato', "Segoe UI", sans-serif;
  font-weight: 700;
}

/* Labels in Formularen & Buttons dürfen auch Raleway tragen */
.form-label,
.btn {
  font-family: 'Raleway', 'Lato', "Segoe UI", sans-serif;
  font-weight: 600;
}

/* ================================
   Buttons – Brand nur für Primary
=================================== */
.btn-primary {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--brand-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: var(--brand-text) !important;
  box-shadow: 0 0 0 .2rem var(--brand-ring) !important;
}

.btn-primary:disabled {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--brand-text) !important;
  opacity: .65;
}

/* Link-Buttons unverändert lassen */
.btn-link {
  background: transparent !important;
  border-color: transparent !important;
  color: #0d6efd !important;
  box-shadow: none !important;
}

/* ================================
   Tabellenkopf – Braun + Weiß
=================================== */
.table thead th,
.table > :not(caption) > * > th {
  background-color: var(--brand) !important;
  color: var(--brand-text) !important;
}

.table.table-bordered thead th {
  border-color: var(--brand) !important;
}

/* ================================
   Inputs / Selects – Fokusring
=================================== */
.form-control:focus,
.form-select:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 .2rem var(--brand-ring) !important;
}

/* ================================
   Alerts & Badges
=================================== */
.alert-primary,
.alert-info.alert-brand,
.alert-brand {
  background-color: var(--brand) !important;
  color: var(--brand-text) !important;
  border: none !important;
}

.badge.bg-primary,
.badge.text-bg-primary {
  background-color: var(--brand) !important;
  color: var(--brand-text) !important;
}

/* ================================
   Availability / Hinweisboxen
=================================== */
#availability,
.availability-box {
  background-color: var(--brand) !important;
  color: var(--brand-text) !important;
  border: none !important;
}

/* ================================
   Monatsnavigation (Kalender)
=================================== */
.month-nav .btn,
.month-nav .btn-outline-primary {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: var(--brand-text) !important;
}

.month-nav .btn:hover {
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: var(--brand-text) !important;
}

/* ================================
   Utilities
=================================== */
.text-brand { color: var(--brand) !important; }
.bg-brand { background-color: var(--brand) !important; color: var(--brand-text) !important; }
.border-brand { border-color: var(--brand) !important; }

/* ================================
   Print Cleanup
=================================== */
@media print {
  .btn { box-shadow: none !important; }
}