/* Premium buttons, toned down (Deng, 16 Oct 2026). Same finish as talatabasketball.dk.
   A see-through sheen over each page's own fill, four shadows, and a 1px press.
   Buttons only. Cards and surfaces keep the plain look, no resting shadow.

   The sheen is a background-image, so it survives each page's own background colour.
   :not(#_) lifts these rules above any page rule, including the :hover ones whose
   background shorthand would otherwise wipe the sheen. */

:is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_) {
  --pb-sheen: rgba(255, 255, 255, .12);
  --pb-top: rgba(255, 255, 255, .14);
  --pb-bottom: rgba(0, 0, 0, .4);
  --pb-glow: rgba(10, 10, 10, .4);
  background-image: linear-gradient(180deg, var(--pb-sheen), rgba(255, 255, 255, 0) 60%, rgba(10, 10, 10, .06));
  box-shadow:
    inset 0 1px 0 var(--pb-top),
    inset 0 -1px 0 var(--pb-bottom),
    0 1px 1px rgba(10, 10, 10, .2),
    0 4px 14px -6px var(--pb-glow);
  transition: background-color .15s, box-shadow .15s, transform .15s;
  -webkit-tap-highlight-color: transparent;
}

/* Green buttons: brand green glow. */
:is(.btn-green, .section-cta .btn-primary):not(#_) {
  --pb-sheen: rgba(255, 255, 255, .16);
  --pb-top: rgba(255, 255, 255, .28);
  --pb-bottom: rgba(0, 0, 0, .18);
  --pb-glow: rgba(0, 200, 83, .45);
}

/* Press: sheen flips, glow goes, button sinks 1px. */
:is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_):active {
  background-image: linear-gradient(0deg, var(--pb-sheen), rgba(255, 255, 255, 0) 60%, rgba(10, 10, 10, .06));
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25), 0 0 1px rgba(10, 10, 10, .2);
  transform: translateY(1px);
}

/* Keyboard focus ring: ink on light, white on dark sections. */
:is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_):focus-visible {
  outline: 2px solid #0a0a0a;
  outline-offset: 3px;
}
:is(.dark, .price, .cta-block, .section-cta, .stats-bar, .pull-quote) :is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_):focus-visible {
  outline-color: #fafafa;
}

@media (prefers-reduced-motion: reduce) {
  :is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_) { transition: none; }
  :is(.btn-green, .btn-ink, .btn-primary, .cta-btn):not(#_):active { transform: none; }
}