/* Dodatkowe poprawki CSS */

/* Zmiana position: fixed na position: relative dla elementów, które mogą wymagać przewijania */
.header {
    position: relative !important;
    width: 100% !important;
}

.navigation {
    position: relative !important;
    width: 100% !important;
}

.main-content {
    width: 100% !important;
    overflow: visible !important;
}

/* Container dla całej aplikacji */
.app-container {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Dodatkowe style dla ciemnego motywu */
.dark-theme .category-header {
    background-color: #2c3e50 !important;
}

.dark-theme .category-header:hover {
    background-color: #34495e !important;
}

.dark-theme .category-header.active {
    background-color: #8B7355 !important;
    border-color: #34495e !important;
}

/* Styl dla nagłówków kategorii */
.category-header h3 {
    color: inherit !important;
}

/* Dopasowanie wysokości kategorii */
.category-content.active {
    max-height: none !important;
    height: auto !important;
}

/* Dopasowanie odstępów dla elementów kategorii */
.category-section {
    margin-bottom: 1rem !important;
}

/* Poprawka dla przycisków usuwania */
.remove-btn:hover {
    background-color: #b91c1c !important;
}