/* CAT-21 😺 — cat21.space theme for ord */

/* ── Public Pixel font (same as cat21.space) ── */
@font-face {
  font-family: "Public Pixel";
  src: url("/static/public-pixel.woff2") format("woff2"),
       url("/static/public-pixel.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html, body, .collapse, .monospace {
  font-family: "Public Pixel", monospace;
  font-size: 1rem;
  line-height: 1.8;
}

/* ── Color overrides ── */
:root {
  --dark-bg: #FF9900;
  --dark-fg: #ffffff;
  --light-bg: rgba(0, 0, 0, 0.15);
  --light-fg: #ffffff;
  --link: #ffffff;
  --search-bg: rgba(255, 255, 255, 0.25);
  --search-border: rgba(255, 255, 255, 0.4);
  --search-fg: #ffffff;
}

/* ── Larger nav ── */
nav {
  font-size: 1.1rem;
  padding: 1.2rem;
  gap: 1.2rem;
}

/* ── Icon sizes ── */
.icon {
  height: 1.5rem;
  width: 1.5rem;
}

nav a[title="Genesis Cat #0"] img.icon {
  height: 2.5rem;
  width: 2.5rem;
}

nav a[title="cats"] img.icon {
  height: 2.5rem;
  width: auto;
}

/* ── Make specific nav icons white ── */
nav a[title="blocks"] img.icon,
nav input.icon[type="image"] {
  filter: brightness(0) invert(1);
}

/* ── Hide nav links irrelevant for cat21 mode ── */
nav a[title="runes"],
nav a[title="collections"],
nav a[title="galleries"],
nav a[title="clock"],
nav a[title="rare"],
nav a[title="handbook"],
nav a[title="github"],
nav a[title="discord"] {
  display: none;
}

/* ── Nav home link: prevent line break ── */
nav a[title="home"] {
  white-space: nowrap;
}

/* ── Typography ── */
h1 a, h1 a:visited {
  color: #ffffff;
}

dt {
  color: rgba(255, 255, 255, 0.7);
}

/* ── Nav prev/next arrows (cat page) ── */
.cat > *:nth-child(1),
.cat > *:nth-child(3) {
  color: rgba(0, 0, 0, 0.2);
}

.cat > a:nth-child(1):hover,
.cat > a:nth-child(3):hover {
  color: rgba(0, 0, 0, 0.5);
}

/* ── Block list ── */
.block-list {
  overflow: visible;
  list-style-position: inside;
}

/* ── Blocks, thumbnails ── */
.block {
  background-color: rgba(0, 0, 0, 0.15);
}

.block a {
  color: #ffffff;
}

.thumbnails > a {
  border: none;
}

.thumbnails > a:hover {
  border: none;
}

/* ── Search placeholder ── */
input[type=text]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* ── Mobile overrides ── */
@media (max-width: 38rem) {
  nav {
    font-size: 0.8rem;
    padding: 0.8rem;
    gap: 0.8rem;
  }
  nav a[title="Genesis Cat #0"] img.icon {
    height: 2rem;
    width: 2rem;
  }
  nav a[title="cats"] img.icon {
    height: 2rem;
  }
  ol, ul {
    padding-left: 0;
    list-style-position: inside;
  }
}