/* Elaria link standard (Oct 2026)
   One rule everywhere: if it goes somewhere, it shows it before anyone touches it.
   - Text links: underlined in their own color (works on navy and on white), thicker on hover.
   - Buttons: gold outline + arrow (styled per page; untouched here).
   - Things that do not go anywhere: no hover lift, no gold border, no pointer.
   Top navigation, buttons, tiles and logos are excluded below. */

/* 1. Text links in page content and the footer */
:where(body a:not([class]):not([style*="border"]):not([style*="background"]):not([aria-label*="home" i]):not(:has(img, svg))),
:where(a.el-more, a.el-inline) {
  text-decoration-line: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: currentColor !important;
  -webkit-tap-highlight-color: rgba(31, 95, 168, 0.3);
  cursor: pointer;
}
:where(body a:not([class]):not([style*="border"]):not([style*="background"]):not([aria-label*="home" i]):not(:has(img, svg))):hover,
:where(a.el-more, a.el-inline):hover {
  text-decoration-thickness: 3px !important;
}

/* Header/menu links keep their own look (gold bar under the current page) */
.elh-bar a, .elh a, .elh-drawer a, .el-nav a, .el-drawer a, .sitenav a, nav.main a { text-decoration-line: none !important; }

/* Arrow links: comfortably tappable without changing layout */
a.el-more { display: inline-block; padding-block: 4px; }
.elh-bar a.el-more, .elh a.el-more { padding-block: 0; }

/* Footer: same rule, quieter underline */
.el-foot a:not([class]), footer.el-foot a:not([class]) {
  text-decoration-color: rgba(220, 227, 238, 0.45) !important;
  padding-block: 2px;
}
.el-foot a:not([class]):hover, footer.el-foot a:not([class]):hover {
  color: #F2C300 !important;
  text-decoration-color: #F2C300 !important;
}

/* 2. Whole-card links: the arrow cue reacts too */
a.el-tile .el-more { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
a.el-tile:hover .el-more, a.el-tile:focus-visible .el-more { text-decoration-thickness: 3px; }

/* 3. Keyboard focus is always visible */
a:focus-visible, button:focus-visible { outline-offset: 3px; }