/* Styly pro záporná množství */
.negative {
    color: red;
    font-weight: bold;
}

/* Styly pro stav skladu "0" */
.zero-stock {
    background-color: #FFEFD5; /* světle oranžová */
}

/* Styly pro množství pod 3 ks */
.low-stock {
    background-color: #FFCCCB; /* světle červená */
}

/* Styly pro navigaci */
nav {
    background-color: #333;
    overflow: hidden;
    text-align: center; /* Vycentrování navigace na střed */
}

nav a {
    display: inline-block; /* Zobrazení jako blokový prvek pro možnost centrování */
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 20px; /* Zvětšení písma */
    font-weight: bold; /* Tučné písmo */
    font-family: Arial, sans-serif; /* Nastavení bezpatkového písma */
}

nav a:hover {
    text-decoration: underline; /* Podtržení při najetí myší */
}

nav a:visited {
    color: white; /* Barva pro navštívené odkazy zůstává bílá */
}

/* Styly pro kontejner s tabulkou */
.table-container {
    max-width: 100%;
    overflow-x: auto;
    margin-top: 20px;
}

/* Styly pro tabulku */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-family: Arial, sans-serif; /* Nastavení bezpatkového písma */
}

th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
}
/* Přidání střídání tmavšího a světlejšího pozadí pro řádky tabulky */
tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Upravení umístění tlačítek */
.new-links {
    margin-top: 20px;
    text-align: center;
}

.new-links a {
    display: inline-block; /* Zobrazení vedle sebe */
    margin-right: 10px; /* Odsazení mezi tlačítky */
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.new-links a:hover {
    background-color: #45a049;
}


/* Styly pro odkazy */
.new-links {
    margin-top: 20px;
    text-align: center;
}

.new-links a {
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.new-links a:hover {
    background-color: #45a049;
}

/* Styly pro obrázky ikon */
.icon {
    width: 48px; /* Nastavení šířky obrázku */
    height: 24px; /* Nastavení výšky obrázku */
    vertical-align: middle; /* Zarovnání obrázku ve středu textu */
    margin-right: 5px; /* Odsazení obrázku zprava */
}

/* Styly pro tiskové tlačítko */
.print-button {
    text-align: left;
    margin-top: 20px;
}

.print-button button {
    background-color: #008CBA;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.print-button button:hover {
    background-color: #004477;
}

.filter-button button {
    background-color: #008CBA;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;