/* Modul: Kitchen Tabs Bar
 * Layout-Fixes für Mahlzeiten/Rezepte/Einkauf bei aktiver Sub-Tab-Leiste.
 * Tab-Styles kommen aus sub-tabs.css; hier nur Kitchen-spezifische Overrides.
 */

/* Höhe auf --kitchen-tabs-height überschreiben (56px statt Standard 52px) */
.kitchen-tabs-bar {
  --sub-tabs-height: var(--kitchen-tabs-height);
}

/* Mahlzeiten: sticky day-header unterhalb der Tab-Leiste */
.has-kitchen-tabs .day-header {
  top: var(--kitchen-tabs-height);
}

/* Einkauf: Viewport-Höhe um Tab-Leiste reduzieren (Mobile) */
.has-kitchen-tabs .shopping-page {
  height: calc(
    100dvh
    - var(--nav-bottom-height)
    - var(--safe-area-inset-bottom)
    - var(--kitchen-tabs-height)
  );
}

/* Einkauf: Viewport-Höhe (Desktop) */
@media (min-width: 1024px) {
  .has-kitchen-tabs .shopping-page {
    height: calc(100dvh - var(--kitchen-tabs-height));
  }
}