:root {
  --accent: #ff79c6;
  --underline: rgba(255, 121, 198, 0.35);
  --underline-hover: rgba(255, 121, 198, 0.85);
}

/* =========================
   HEADER / MENU
   Highlight soft (pill)
   ========================= */

.header a,
.menu a {
  color: inherit;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 4px;
  transition: color 120ms ease, background-color 120ms ease;
}

.header a:hover,
.menu a:hover {
  color: var(--accent);
  background-color: rgba(255, 121, 198, 0.12);
}

/* =========================
   LINK NEL TESTO
   Eleganti, non invasivi
   ========================= */

.post-content p a,
.post-content li a,
.post-content blockquote a,
.post-content table a,
.content p a,
.content li a {
  color: inherit !important;
  text-decoration: none;
  border-bottom: 1px solid var(--underline);
  transition: color 120ms ease, border-color 120ms ease;
}

.post-content p a:hover,
.post-content li a:hover,
.post-content blockquote a:hover,
.post-content table a:hover,
.content p a:hover,
.content li a:hover {
  color: var(--accent) !important;
  border-bottom-color: var(--underline-hover);
}

/* =========================
   TITOLI POST
   (NO pink)
   ========================= */

.post-title a,
.posts .post-item a {
  color: inherit !important;
  text-decoration: none;
  transition: color 120ms ease;
}

.post-title a:hover,
.posts .post-item a:hover {
  color: inherit !important;
}

/* =========================
   CURSORE LOGO
   ========================= */

.logo__cursor {
  background-color: var(--accent);
}

/* =========================
   LISTA POST (/posts/)
   come header: pill in hover
   ========================= */

.posts .post-item a {
  color: inherit;
  text-decoration: none;
  padding: 6px 10px;      /* più “pulsante” */
  border-radius: 6px;
  margin: 0 -10px;        /* espande il pill quasi a tutta larghezza */
  transition: color 120ms ease, background-color 120ms ease;
}

/* hover */
.posts .post-item a:hover {
  color: var(--accent);
  background-color: rgba(255, 121, 198, 0.12);
}

/* =========================
   PAGINAZIONE (es. "Voci più vecchie")
   stile coerente "pill"
   ========================= */

.pagination__buttons a,
.button a {
  color: inherit;
  text-decoration: none;
  border-radius: 8px;
  transition: color 120ms ease, background-color 120ms ease;
}

/* hover */
.pagination__buttons a:hover,
.button a:hover {
  color: var(--accent);
  background-color: rgba(255, 121, 198, 0.12);
}

.pagination__buttons a,
.button a {
  padding: 8px 16px;
}

/* =========================
   HOME subtitle – digital activism style
   ========================= */

.index-content p {
  font-size: 0.95rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-top: 0.8rem;
}

/* =========================
   Softer bold text
   ========================= */
.post-content strong,
.post-content b,
.content strong,
.content b {
  font-weight: 600 !important;
  opacity: 0.8;
}

/* Migliora i box dei blocchi di codice (hello-friend-ng / PrismJS) */

pre,
pre[class*="language-"] {
  border-radius: 12px;
  padding: 1.1rem 1.2rem;
  overflow-x: auto;
  line-height: 1.5;
  margin: 1.2rem 0;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Evita “doppio background” quando il tema mette background sia su pre che su code */
pre code,
pre[class*="language-"] code {
  background: transparent !important;
  padding: 0 !important;
}

/* Inline code più carino (tipo `yunohost ...`) */
code:not([class*="language-"]) {
  padding: 0.15em 0.35em;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.08);
}

/* Scrollbar più discreta (Chrome/Edge/Safari) */
pre::-webkit-scrollbar {
  height: 10px;
}
pre::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
}

/* Riduce leggermente il font dei blocchi di codice */
pre,
pre[class*="language-"],
pre code {
  font-size: 0.9rem;
}


/* Filtri tag/categorie su /posts/ */

.post-taxonomies {
  margin-top: 2rem;
}

.post-taxonomies .taxo-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.post-taxonomies .taxo-list li {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0.25rem 0.5rem 0.25rem 0;
}

.post-taxonomies .taxo-list a {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
}

.post-taxonomies .taxo-count {
  opacity: 0.7;
  font-size: 0.85em;
}