/* */
.post a img {
  border: 4px solid transparent;
}

.post a:has(img):hover {
  background-color: unset;
}

.post a img:hover, .post a:focus img {
  border: 4px solid var(--color-primary);
}

.post a:has(.alignleft) {
  display: block;
  padding: 0;
}

/* */

main.post blockquote {
  border: 1px solid black;
  color: black;
  background-color: var(--text-background-darker);
  padding: 20px;
}

/* */

main article footer {
  display: flex;
  flex-direction: column;
}

.post-times {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  color: var(--color-primary);
  padding: 2px;
}

.categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.categories a {
  text-decoration: underline;
}

footer .edit-link {
  align-self: flex-end;
}

/* */

.post footer {
  margin-top: 16px;
}

.post footer nav ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
  gap: 8px;

  list-style-type: none;
  margin: 0;
  padding: 0;
}

.post footer nav ul li a {
  display: block;
  color: var(--text-background);
  background-color: var(--color-secondary);
  border: 4px solid var(--color-secondary);
  padding: 4px 16px;
}

.post footer nav ul li a:hover {
  background-color: var(--text-background);
  color: var(--color-primary);
  border: 4px solid var(--color-primary);
}