/* Standardní styl pro projekty */
#projects .row {
    display: flex;
    flex-wrap: wrap; /* Zajistí zalamování řádků */
}

#projects .col {
    flex: 1; /* Rovnoměrné rozdělení sloupců */
}

/* Media query pro mobilní zařízení s šířkou ≤ 768px */
@media (max-width: 768px) {
    #projects .col {
        display: none; /* Skrýt všechny sloupce v rámci #projects */
    }

    #projects .col.nazev,
    #projects .col.zakaznik,
    #projects .col.status {
        display: block; /* Zobrazí pouze Název, Zákazník a Status */
        width: 100%; /* Zajistí zobrazení na celou šířku */
    }
}

/* Zajistěte, že nadpis zůstane viditelný na všech zařízeních */
#projects .kategorie-nadpis-col {
    display: block; /* Zajistí zobrazení nadpisu */
    width: 100%; /* Nadpis zabere celou šířku */
    text-align: left; /* Volitelně - zarovnání textu na střed */
}

@media (max-width: 768px) {
    #projects .kategorie-nadpis-col {
        display: block; /* Nadpis zůstane viditelný na mobilu */
        width: 100%; /* Stále celá šířka */
    }
}


.navbar {
    background-color: white; /* Nastaví bílé pozadí */
    opacity: 1; /* Zajistí neprůhlednost */
    z-index: 1030; /* Udržuje menu nad ostatním obsahem stránky */
}



.kategorie {
}

.kategorie-worker {
  font-size: calc(1rem + .6vw);
  font-style: normal;
  color: var(--bs-black);
  font-weight: bold;
}

.radek-svetly {
  background-color: var(--bs-gray-200);
}

.radek-tmavy {
  background-color: var(--bs-gray-500);
}

.kategorie-nadpis-col {
  display: flex; /* Aktivuje Flexbox */
  align-items: center; /* Vertikální zarovnání na střed */
  justify-content: flex-start; /* Horizontální zarovnání doleva */
  background-color: rgb(157,194,0);
  border-style: solid;
  border-radius: 10px;
  margin: 10px;
  border-color: rgb(157,194,0);
  padding: 10px; /* Přidá vnitřní odsazení pro lepší vzhled */
}


.kategorie-nabidka-col {
  display: flex; /* Aktivuje Flexbox */
  align-items: center; /* Vertikální zarovnání na střed */
  justify-content: flex-start; /* Horizontální zarovnání doleva */
  background-color: white;
  border-style: solid;
  border-radius: 10px;
  margin: 10px;
  border-color: white;
  padding: 10px; /* Přidá vnitřní odsazení pro lepší vzhled */
}

.kategorie-nadpis {
  font-size: calc(1.3rem + .6vw);
  font-style: normal;
  color: var(--bs-black);
  font-weight: bold;
  margin: 0; /* Odstraní výchozí mezery okolo textu */
}


.podkategorie-nadpis {
  font-weight: bold;
  text-decoration: underline;
}

.container-section {
  border-radius: 20px;
  background: var(--bs-gray-200);
}

.menu-link {
  color: black;
  font-weight: bold;
  font-family: monospace;
  text-transform: uppercase;
}

.menu-link:hover {
  color: rgb(157,194,0);
  text-decoration: underline;
}

.navbar-brand:hover {
  color: rgb(157,194,0);
}


.link-in-table {
    font-weight: bold; /* Zajistí tučný text */
    color: black; /* Nastaví barvu textu na černou */
}

.link-in-table a {
    color: black; /* Nastaví barvu odkazu na černou */
    text-decoration: none; /* Odstraní podtržení odkazu, pokud je třeba */
}

.link-in-table a:hover {
    text-decoration: underline; /* Přidá podtržení při přejetí kurzorem, volitelné */
    color: rgb(157,194,0);
}



/* nastavení jen pro sekci filter */


#filter {
    margin: 10; /* Zajistí, že kontejner nemá nadbytečné mezery */
    padding: 0;
}

#filter .row {
    margin: 0; /* Zamezí vertikálním mezerám mezi řádky */
    padding: 0;
    height: auto; /* Přizpůsobí výšku obsahu */
}

#filter .col {
    margin: 0; /* Zamezí mezerám v rámci sloupců */
    padding: 5px; /* Zajistí kompaktní vnitřní odsazení */
}

#filter p {
    font-family: monospace;
    font-size: calc(0.7rem + 0.4vw); /* Čitelný font pro různá zařízení */
    text-transform: uppercase; /* Kapitálky */
    margin: 0; /* Odstraní nadbytečné vertikální mezery */
    line-height: 1.5; /* Zajistí přiměřenou čitelnost textu */
}

#filter a {
    text-decoration: none; /* Odstraní podtržení odkazu */
    color: var(--bs-black); /* Zajistí černou barvu textu, stejnou jako v menu */
    font-weight: bold; /* Zvýrazní text odkazů */
}

#filter a.active-filter {
    color: rgb(157, 194, 0); /* Zelená barva pro aktivní odkaz */
    text-decoration: none; /* Volitelné podtržení pro odlišení */
}


#filter a:hover {
    text-decoration: underline; /* Podtržení při najetí myší */
    color: rgb(157, 194, 0); /* Zvýraznění barvou při najetí myší */
}