/* TCG Keeper — gemeinsames Stylesheet, Teil 12: Textlinks (10.10.2026, Logbuch-Eintrag 130).
   Mario: „Ich möchte keine unterstrichenen Links. Bitte mache sie farblich anders und wenn man mit dem
   Mauszeiger drüber fährt, dann soll ein Hovereffekt kommen.“ — umgesetzt als Variante B aus dem
   grafischen Vorschlag: Akzentfarbe, halbfett, beim Hover eine zart hinterlegte Fläche.
   Gilt für Textlinks im Seiteninhalt (Links ohne eigene Klasse, Fließtext, Datenzeilen, Hinweise).
   Knöpfe, Kacheln, Menü und andere Links mit eigener Gestaltung (eigene Klasse) bleiben unverändert.
   Farben kommen aus der Seitenanpassung (--accent, --accent-soft) und folgen hell/dunkel. */

:root{
  --link-color:var(--accent);
  --link-hover-color:var(--accent);
  --link-hover-color:color-mix(in srgb, var(--accent) 78%, #000);
  --link-hover-bg:var(--accent-soft);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --link-hover-color:var(--accent); --link-hover-color:color-mix(in srgb, var(--accent) 72%, #fff); }
}
:root[data-theme="dark"]{ --link-hover-color:var(--accent); --link-hover-color:color-mix(in srgb, var(--accent) 72%, #fff); }

/* Nirgends mehr Unterstreichung bei Links (Formatierungen in Notizen bleiben, die sind kein Link). */
a, a:hover, a:focus{ text-decoration:none; }

/* Variante B — bewusst ohne Gewicht (:where), damit Links mit eigener Gestaltung (Reiterleisten,
   Inhaltsverzeichnisse, Werkzeugleisten) immer ihre eigenen Regeln behalten. */
:where(.page a:not([class]):not(:has(img)):not(nav a, .dbe-tabs a, .dbe-tools a, .sa-toc a, [role="tablist"] a), a.pc-textlink, .serie-group-meta a, .run-items-table a.js-card-lightbox){
  color:var(--link-color);
  font-weight:600;
  padding:1px 5px;
  margin:0 -2px;
  border-radius:6px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
  transition:background-color .18s ease, color .18s ease;
}
:where(.page a:not([class]):not(:has(img)):not(nav a, .dbe-tabs a, .dbe-tools a, .sa-toc a, [role="tablist"] a), a.pc-textlink, .serie-group-meta a, .run-items-table a.js-card-lightbox):hover{
  background:var(--link-hover-bg);
  color:var(--link-hover-color);
}
:where(.page a:not([class]):not(:has(img)):not(nav a, .dbe-tabs a, .dbe-tools a, .sa-toc a, [role="tablist"] a), a.pc-textlink, .serie-group-meta a, .run-items-table a.js-card-lightbox):focus-visible{
  outline:2px solid var(--accent); outline-offset:1px;
}
/* Symbole in Textlinks (z. B. Illustrator, Pokédex) sitzen auf der Textlinie. */
:where(.page a:not([class])) .dash-icon{ vertical-align:-2px; }
@media (prefers-reduced-motion: reduce){
  :where(.page a:not([class]):not(:has(img)):not(nav a, .dbe-tabs a, .dbe-tools a, .sa-toc a, [role="tablist"] a), a.pc-textlink, .serie-group-meta a, .run-items-table a.js-card-lightbox){ transition:none; }
}
