/*
Theme Name: Airex
Theme URI: https://airex.se/
Description: Barntema till Twenty Twenty-Five med samma identitet som resten av airex.se — Familjen Grotesk, Newsreader och IBM Plex Mono på pappersgrå grund med rostaccent.
Author: Airex IT AB
Template: twentytwentyfive
Version: 1.0
*/

/* Rubriker sätts tätare än temats default — de är stora och behöver det. */
h1, h2, h3, .wp-block-post-title {
  letter-spacing: -0.025em;
}

/* Inläggslistan: hårlinje mellan poster, ingen ram, inget kort. */
.airex-list .wp-block-post {
  border-bottom: 1px solid rgba(14, 26, 28, 0.16);
  padding-bottom: var(--wp--preset--spacing--40);
}
.airex-list .wp-block-post:last-child {
  border-bottom: 0;
}

/* Metaraden ovanför rubriken */
.airex-meta {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.airex-meta .wp-block-post-date { color: #78898a; }
.airex-meta .wp-block-post-terms a {
  color: var(--wp--preset--color--accent);
  text-decoration: none;
}
.airex-meta .wp-block-post-terms a:hover { text-decoration: underline; }

/* Utdraget ska läsas, inte skummas */
.wp-block-post-excerpt__excerpt {
  max-width: 62ch;
}
.wp-block-post-excerpt__more-text a {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Brödtext i enskilt inlägg */
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol {
  max-width: 68ch;
}
.wp-block-post-content code {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.88em;
  background: rgba(14, 26, 28, 0.06);
  padding: 0.1em 0.35em;
}
.wp-block-post-content pre.wp-block-code {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.85rem;
  line-height: 1.55;
  background: #0e1a1c;
  color: #ece6da;
  padding: 1.1rem 1.25rem;
  overflow-x: auto;
}

/* Sidhuvud och sidfot i versal mono, som på resten av sajten */
.airex-chrome {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.airex-chrome a { text-decoration: none; }
.airex-chrome a:hover { text-decoration: underline; }

/* Kategorifilter — samma formspråk som spårfiltret på föreläsarsidan */
.airex-cats { align-items: center; }
.airex-cats ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.airex-cats p { margin: 0; }
.airex-chip a,
.airex-cats li a {
  display: inline-block;
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--wp--preset--color--contrast-2);
  border: 1px solid rgba(14, 26, 28, 0.2);
  padding: 0.4rem 0.8rem;
  transition: color .15s, border-color .15s, background-color .15s;
}
.airex-chip a:hover,
.airex-cats li a:hover {
  color: var(--wp--preset--color--accent);
  border-color: var(--wp--preset--color--accent);
}
/* Aktivt spår: fyllt, som bärnstenschippet i byggloggen */
.airex-chip.is-on a,
.airex-cats li.current-cat a {
  background: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

/* Figurer: diagram och skärmdumpar */
.airex-fig { margin: 2.2rem 0; }
.airex-fig svg { width: 100%; height: auto; display: block; }
.airex-fig img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(14, 26, 28, 0.16);
}
.airex-fig figcaption,
.wp-block-image figcaption {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.74rem;
  letter-spacing: 0.05em;
  color: var(--wp--preset--color--contrast-3);
  margin-top: 0.6rem;
  text-align: left;
}