/*
 * Case Link Strip Overview
 * ------------------------
 * This file styles the horizontal case-link strip shown in game cards.
 * It intentionally stays isolated because its transform math is specialized
 * and easier to review when not mixed with unrelated selectors.
 */

/* ============================================ */
/*            Gamecard Case Links              */
/* ============================================ */

.gamecard-caselinks {
    display: flex;
    box-sizing: border-box;
    padding: 0 0px;
    gap: 0px;
    width: 120%;
    position: relative;
    left: 50%;
/* 
   Why this transform is complex:
   The case-link strip is wider than its container so both links can keep equal width.
   We first center it with `left: 50%` + `translateX(-50%)`, then apply a viewport-
   dependent offset so visual alignment remains close to legacy output on wide screens.
*/
transform: translateX(
  calc(
    -50% -
    clamp(
      0px,
      (1920px - 100vw) * (100 / 1920),
      100px
    )
  )
);
}

.gamecard-caselink {
    overflow:visible;

}
.gamecard-caselinks > div {
    flex: 1;
    text-align: center;

}