/* The Traces website's other pages in the DG-Edge hub's card and button
 * (user, 2026-10-14: "do the same for the other Traces pages too", after the
 * landing got them - traces-hub-cards.css - and the Academy before it).
 *
 * The hub's values, read from its rendered Players and Events pages:
 *   card     linear-gradient(135deg, rgba(20,38,71,.9), rgba(13,28,56,.94)),
 *            1px rgba(255,255,255,.1) all round, 10px corners,
 *            0 4px 14px rgba(0,0,0,.3), a 5% white highlight over the top 30%
 *   button   13px / 500, .375em .75em, 6.5px corners, a 1px border, no glow;
 *            the primary a 90deg gradient #257cb1 -> #6052c8, border #409ed7;
 *            the outline rgba(246,247,248,.6) and white
 * The cards lose their coloured top and left edges and their coloured glow;
 * the colour stays in icons, kickers, card titles and pills. Text callouts
 * (the manual's tips, the download's install steps) keep their side line:
 * they are notes in a card, not cards.
 * Loaded after hub-look.css on About, Download, Support, Reviews, Tools,
 * Fuel, the manuals, News, Roadmap, Drivers and Sign-in. Not the landing,
 * which has traces-hub-cards.css; not the app's pages.
 */

/* ── the card ── */
html body :is(.tr-card, .ab-card, .sp-card, .sp-q, .rv-card, .dl-install, .rel, article.item, .man-card,
  .col-body > .card, .wrap > .card, .login-main .card) {
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .3) !important;
  background-color: transparent !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 30%),
    linear-gradient(135deg, rgba(20, 38, 71, .9), rgba(13, 28, 56, .94)) !important;
}
/* the roadmap's cards stay their own height (a fixed one, for the board) */

/* ── no coloured edges ── */
html body :is(.cp-edge, .cp-edge-left, .ab-card, .sp-sec .sp-q, article.item, .item--release, .item--event, .item--maintenance) {
  border-top-width: 1px !important; border-left-width: 1px !important;
  border-top-color: rgba(255, 255, 255, .1) !important; border-left-color: rgba(255, 255, 255, .1) !important;
}
html body :is(.rel--latest, .login-main .card)::before { display: none !important; }
html body .rel--latest + .rel::before { display: block !important; }   /* "Previous versions" is a label, not an edge */

/* hover: the hub's lift and blue hairline, not a coloured glow */
html body :is(.cp-lift, .tr-card--link):hover {
  border-color: rgba(64, 158, 215, .45) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .38) !important;
}

/* ── section headings: without the bar under them ── */
html body :is(.cp-bar, .tr-h2, .dl-h2)::after { display: none !important; }

/* ── buttons: the hub's, one size. The Premium yellow and the Discord
   blurple keep their colour. ── */
html body :is(.btn, .ab-btn, .tr-cta__btn, .sp-discord) {
  font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: 0 !important;
  padding: 4.875px 9.75px !important; border-radius: 6.5px !important; border-width: 1px !important; border-style: solid !important;
  box-shadow: none !important; transform: none !important; min-height: 0 !important; gap: 6px;
}
html body .btn.btn-sm { font-size: 11.375px !important; font-weight: 600 !important; padding: 3.25px 6.5px !important; }
html body :is(.btn-primary, .ab-btn:not(.ab-btn--ghost)) {
  color: #fff !important; background: linear-gradient(90deg, #257cb1, #6052c8) !important; border-color: #409ed7 !important;
}
html body :is(.btn-outline, .ab-btn--ghost) { color: #fff !important; background: transparent !important; border-color: rgba(246, 247, 248, .6) !important; }
html body :is(.tr-cta__btn, .btn-cta) { font-weight: 600 !important; border-color: #e1ca17 !important; }
html body :is(.tr-cta__btn--discord, .sp-discord) { border-color: #5865F2 !important; }
html body :is(.btn, .ab-btn, .tr-cta__btn, .sp-discord):hover:not(:disabled) { filter: brightness(1.12); box-shadow: none !important; transform: none !important; }
html body :is(.btn, .ab-btn, .tr-cta__btn, .sp-discord) :is(.bi, svg) { margin-right: 0 !important; }