/* -------------------------------------------------------------------------- */
/* Primary local tasks (Drupal tabs)                                          */
/* Cílíme přes konkrétní block ID, ať je to izolované                          */
/* -------------------------------------------------------------------------- */

#block-richardvojik-theme-primary-local-tasks {
  margin: 0 0 18px 0;
}

/* Seznam tabů */
#block-richardvojik-theme-primary-local-tasks > ul {
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  /* jemná linka pod taby */
  /* border-bottom: 1px solid #e5e5e5; */
  padding-bottom: 10px;
}

/* Položka li nechť nic nenastyluje sama */
#block-richardvojik-theme-primary-local-tasks > ul > li {
  margin: 0;
  padding: 0;
}

/* Odkaz jako "tab" */
#block-richardvojik-theme-primary-local-tasks > ul > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 14px;
  border-radius: 999px;

  text-decoration: none;
  font-weight: bold;
  line-height: 1;

  /* border: 1px solid #d9d9d9; */
  background: #222;
  color: #FFF;

  transition: background-color .15s ease, border-color .15s ease, transform .05s ease;
}

/* Hover / focus */
#block-richardvojik-theme-primary-local-tasks > ul > li > a:hover,
#block-richardvojik-theme-primary-local-tasks > ul > li > a:focus-visible {
  background: #444;
  color:#FFF;
}

/* Aktivní tab */
#block-richardvojik-theme-primary-local-tasks > ul > li > a.is-active,
#block-richardvojik-theme-primary-local-tasks > ul > li > a[aria-current="page"] {
  background: #444;
  color: #fff;
}

/* Jemný "pressed" efekt při kliku */
#block-richardvojik-theme-primary-local-tasks > ul > li > a:active {
  transform: translateY(1px);
}