/* Base */
@import url('base/variables.css');
@import url('base/reset.css');

/* Components */
@import url('components/cards.css');
@import url('components/buttons.css');
@import url('components/inputs.css');
@import url('components/navigation.css');
@import url('components/feedback.css');
@import url('components/badges.css');

/* Pages */
@import url('pages/admin.css');
@import url('pages/bestellen.css');

/* Tab-Container Layout-Ergänzungen (Farben und Haupt-Styles in navigation.css) */
.tab-container {
    scroll-snap-type: x mandatory; /* Hilft beim "Einrasten" der Tabs beim Wischen */
    -webkit-overflow-scrolling: touch;
    scroll-snap-align: start;
}

.nav-tab {
    flex-shrink: 0;
}

.tab-container::-webkit-scrollbar {
    display: none; /* Versteckt Scrollbar auf Chrome/Safari */
}


@media (min-width: 768px) {
    .tab-container {
        gap: 2.5rem; /* Mehr Platz auf Desktop */
        padding: 0;
    }
}

body {
    overflow-x: hidden; /* Verhindert das seitliche Wackeln der gesamten Seite */
}

.admin-header {
    width: 100%;
    overflow-x: hidden; /* Der Header selbst darf nicht breiter als der Screen sein */
}

/* Einheitliche Tab-Styles für alle User (bereits in navigation.css definiert) */