/* ===== Barevný proužek vlevo u položek menu ===== */

/* Logika */
.md-nav__link[href$="blocks/Logika/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #ffab19;
  margin-right: -4px;
}

/* Cykly */
.md-nav__link[href$="blocks/Cykly/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #f1cd18;
  margin-right: -4px;
}

/* Matematika */
.md-nav__link[href$="blocks/Matematika/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #40bf4a;
  margin-right: -4px;
}

/* Pole */
.md-nav__link[href$="blocks/Pole/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #4cbfe6;
  margin-right: -4px;
}

/* Text */
.md-nav__link[href$="blocks/Text/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #9966ff;
  margin-right: -4px;
}

/* Proměnné */
.md-nav__link[href$="blocks/Promenne/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #ff8c1a;
  margin-right: -4px;
}

/* Funkce */
.md-nav__link[href$="blocks/Funkce/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #ff6680;
  margin-right: -4px;
}

/* Vstupy */
.md-nav__link[href$="blocks/Vstupy/"]::before,
.md-nav__link[href$="blocks/Vystupy/"]::before,
.md-nav__link[href$="blocks/Cas/"]::before,
.md-nav__link[href$="blocks/Program/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #00979d;
  margin-right: -4px;
}

/* Display */
.md-nav__link[href$="blocks/Display/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #c953e2;
  margin-right: -4px;
}

/* Snímače */
.md-nav__link[href$="blocks/Snimace/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #1ca1ff;
  margin-right: -4px;
}

/* Pohony */
.md-nav__link[href$="blocks/Pohony/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #a6be39;
  margin-right: -4px;
}

/* NeoPixel */
.md-nav__link[href$="blocks/Neopixel/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #df006e;
  margin-right: -4px;
}

/* Komunikace */
.md-nav__link[href$="blocks/Komunikace/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #24c48e;
  margin-right: -4px;
}

/* Souborový systém */
.md-nav__link[href$="blocks/SouborovySystem/"]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 20px;
  background-color: #a6745d;
  margin-right: -4px;
}





/* ===== Barvy menu podle Blockly toolboxu ===== */

/* Logika (#ffab19) */
.md-nav__link[href$="blocks/Logika/"] {
  color: #ffab19;
}
.md-nav__link[href$="blocks/Logika/"]:hover,
.md-nav__link[href$="blocks/Logika/"].md-nav__link--active {
  color: #cc8914;
}

/* Cykly (#f1cd18) */
.md-nav__link[href$="blocks/Cykly/"] {
  color: #f1cd18;
}
.md-nav__link[href$="blocks/Cykly/"]:hover,
.md-nav__link[href$="blocks/Cykly/"].md-nav__link--active {
  color: #c0a314;
}

/* Matematika (#40bf4a) */
.md-nav__link[href$="blocks/Matematika/"] {
  color: #40bf4a;
}
.md-nav__link[href$="blocks/Matematika/"]:hover,
.md-nav__link[href$="blocks/Matematika/"].md-nav__link--active {
  color: #33993b;
}

/* Pole (#4cbfe6) */
.md-nav__link[href$="blocks/Pole/"] {
  color: #4cbfe6;
}
.md-nav__link[href$="blocks/Pole/"]:hover,
.md-nav__link[href$="blocks/Pole/"].md-nav__link--active {
  color: #3c99b8;
}

/* Text (#9966ff) */
.md-nav__link[href$="blocks/Text/"] {
  color: #9966ff;
}
.md-nav__link[href$="blocks/Text/"]:hover,
.md-nav__link[href$="blocks/Text/"].md-nav__link--active {
  color: #7a52cc;
}

/* Vstupy (#00979d) */
.md-nav__link[href$="blocks/Vstupy/"] {
  color: #00979d;
}
.md-nav__link[href$="blocks/Vstupy/"]:hover,
.md-nav__link[href$="blocks/Vstupy/"].md-nav__link--active {
  color: #00777b;
}

/* Výstupy (#00979d) */
.md-nav__link[href$="blocks/Vystupy/"] {
  color: #00979d;
}
.md-nav__link[href$="blocks/Vystupy/"]:hover,
.md-nav__link[href$="blocks/Vystupy/"].md-nav__link--active {
  color: #00777b;
}

/* Čas (#00979d) */
.md-nav__link[href$="blocks/Cas/"] {
  color: #00979d;
}
.md-nav__link[href$="blocks/Cas/"]:hover,
.md-nav__link[href$="blocks/Cas/"].md-nav__link--active {
  color: #00777b;
}

/* Program (#00979d) */
.md-nav__link[href$="blocks/Program/"] {
  color: #00979d;
}
.md-nav__link[href$="blocks/Program/"]:hover,
.md-nav__link[href$="blocks/Program/"].md-nav__link--active {
  color: #00777b;
}

/* Display (#c953e2) */
.md-nav__link[href$="blocks/Display/"] {
  color: #c953e2;
}
.md-nav__link[href$="blocks/Display/"]:hover,
.md-nav__link[href$="blocks/Display/"].md-nav__link--active {
  color: #a041b5;
}

/* Snímače (#1ca1ff) */
.md-nav__link[href$="blocks/Snimace/"] {
  color: #1ca1ff;
}
.md-nav__link[href$="blocks/Snimace/"]:hover,
.md-nav__link[href$="blocks/Snimace/"].md-nav__link--active {
  color: #1681cc;
}

/* Pohony (#a6be39) */
.md-nav__link[href$="blocks/Pohony/"] {
  color: #a6be39;
}
.md-nav__link[href$="blocks/Pohony/"]:hover,
.md-nav__link[href$="blocks/Pohony/"].md-nav__link--active {
  color: #859831;
}

/* NeoPixel (#df006e) */
.md-nav__link[href$="blocks/Neopixel/"] {
  color: #df006e;
}
.md-nav__link[href$="blocks/Neopixel/"]:hover,
.md-nav__link[href$="blocks/Neopixel/"].md-nav__link--active {
  color: #b20058;
}

/* Komunikace (#24c48e) */
.md-nav__link[href$="blocks/Komunikace/"] {
  color: #24c48e;
}
.md-nav__link[href$="blocks/Komunikace/"]:hover,
.md-nav__link[href$="blocks/Komunikace/"].md-nav__link--active {
  color: #1d9d72;
}

/* Souborový systém (#a6745d) */
.md-nav__link[href$="blocks/SouborovySystem/"] {
  color: #a6745d;
}
.md-nav__link[href$="blocks/SouborovySystem/"]:hover,
.md-nav__link[href$="blocks/SouborovySystem/"].md-nav__link--active {
  color: #855d4a;
}

.md-header__button.md-logo img {
  height: 1.8rem;
  width: auto;
}