.brand-primary { color:#0B5C5A; }
.btn-primary { background-color:#0B5C5A; border-color:#0B5C5A; }
body { background:#F4F8F7; }

/* === START GP_DAY_STICKY_CSS === */
:root{
  --nav-height: 56px;                 /* Höhe deiner Navbar */
  --daybar-height: 76px;              /* volle Höhe der Day-Toolbar */
  --daybar-height-collapsed: 40px;    /* Höhe, wenn eingeklappt */
}

/* Sticky-Bar oberhalb der Tabelle */
.day-toolbar{
  position: sticky;
  top: var(--nav-height);
  z-index: 1030;                      /* über Cards/Badges, unter Navbar */
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.07);
  transition: height .18s ease, padding .18s ease, box-shadow .18s ease;
  height: var(--daybar-height);
  display: flex;
  align-items: center;
  padding: .5rem .75rem;
}
.day-toolbar.is-collapsed{
  height: var(--daybar-height-collapsed);
  padding-top: .25rem;
  padding-bottom: .25rem;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}

/* Inhalt der Toolbar in zwei Zonen je nach deiner bestehenden Struktur */
.day-toolbar .day-left,
.day-toolbar .day-right{
  display:flex;
  gap:.5rem;
  align-items:center;
  flex-wrap:wrap;
}
.day-toolbar .day-left{ flex:1 1 auto; }
.day-toolbar .day-right{ flex:0 0 auto; }

/* Tabellenkopf sticky – unterhalb der Toolbar */
.day-table thead th{
  position: sticky;
  top: calc(var(--nav-height) + var(--daybar-height));
  background: #f8f9fa;
  z-index: 1025;
}
.day-toolbar.is-collapsed ~ .table-wrap thead th{
  top: calc(var(--nav-height) + var(--daybar-height-collapsed));
}

/* Badges-Zeile direkt unter der Toolbar – optional sticky */
.day-stats{
  position: sticky;
  top: calc(var(--nav-height) + var(--daybar-height));
  z-index: 1020;
  background: #fff;
  padding: .4rem 0;
}
.day-toolbar.is-collapsed ~ .day-stats{
  top: calc(var(--nav-height) + var(--daybar-height-collapsed));
}
/* === END GP_DAY_STICKY_CSS === */

/* Kalender-Farben für Reservierungsformular */
.res-cal .day {
    cursor: pointer;
    transition: all 0.2s ease;
}

.res-cal .day.green {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border-color: #badbcc !important;
}

.res-cal .day.yellow {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border-color: #ffecb5 !important;
}

.res-cal .day.red {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border-color: #f5c2c7 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.res-cal .day.selected {
    outline: 3px solid var(--bs-primary) !important;
    outline-offset: -2px;
    font-weight: bold;
}

/* Legende */
.res-cal .legend {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-right: 4px;
    vertical-align: middle;
}

.res-cal .legend.green {
    background-color: #d1e7dd;
}

.res-cal .legend.yellow {
    background-color: #fff3cd;
}

.res-cal .legend.red {
    background-color: #f8d7da;
}