/* Shared SmartJots navigation-style button interaction. */
body.liquid-glass-theme :is(.nav-left, .nav-right) > li > a:not(.btn),
body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ),
body.liquid-glass-theme .post-content .cv-root a.primary-buy {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 44px;
  padding: 0.65rem 1rem !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  color: var(--text-color-dark, #090c1e) !important;
  background: transparent !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  filter: none !important;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition:
    transform 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease !important;
}

/* Action controls remain visibly button-shaped before interaction. */
body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ),
body.liquid-glass-theme .post-content .cv-root a.primary-buy {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(239, 248, 255, 0.76)) padding-box,
    linear-gradient(132deg, rgba(86, 184, 255, 0.72), rgba(66, 216, 196, 0.68) 58%, rgba(68, 251, 157, 0.7)) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 7px 18px rgba(69, 125, 173, 0.12) !important;
}

[data-theme="dark"]
  body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ),
[data-theme="dark"]
  body.liquid-glass-theme
  .post-content
  .cv-root
  a.primary-buy {
  color: #ffffff !important;
  background:
    linear-gradient(145deg, rgba(30, 34, 52, 0.9), rgba(16, 20, 34, 0.86)) padding-box,
    linear-gradient(132deg, rgba(86, 184, 255, 0.78), rgba(66, 216, 196, 0.72) 58%, rgba(68, 251, 157, 0.74)) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 20px rgba(0, 0, 0, 0.24) !important;
}

body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  )
  svg,
body.liquid-glass-theme .post-content .cv-root a.primary-buy svg {
  fill: currentColor;
  stroke: currentColor;
}

@media (hover: hover) and (pointer: fine) {
  body.liquid-glass-theme :is(.nav-left, .nav-right) > li:hover > a:not(.btn),
  body.liquid-glass-theme
    :where(
      .js-scroll-top,
      .footer-nav a,
      .sj-home-primary,
      .sj-home-secondary,
      .sj-page-action,
      .sj-directory-link,
      .sj-topic-link,
      .sj-topic-view-all,
      .sj-topic-arrow
    ):not(:disabled):hover,
  body.liquid-glass-theme .post-content .cv-root a.primary-buy:hover {
    color: #111426 !important;
    background:
      radial-gradient(120% 160% at 4% -20%, rgba(86, 184, 255, 0.28), transparent 54%) padding-box,
      radial-gradient(120% 160% at 100% 120%, rgba(68, 251, 157, 0.2), transparent 58%) padding-box,
      linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(246, 251, 255, 0.86)) padding-box,
      linear-gradient(132deg, #56b8ff, #42d8c4 58%, #44fb9d) border-box !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      0 12px 28px rgba(69, 125, 173, 0.22),
      0 0 0 3px rgba(121, 190, 252, 0.1),
      0 0 22px rgba(68, 251, 157, 0.12) !important;
    filter: none !important;
    transform: translateY(-2px) scale(1.035);
  }

  [data-theme="dark"]
    body.liquid-glass-theme
    :is(.nav-left, .nav-right)
    > li:hover
    > a:not(.btn),
  [data-theme="dark"]
    body.liquid-glass-theme
    :where(
      .js-scroll-top,
      .footer-nav a,
      .sj-home-primary,
      .sj-home-secondary,
      .sj-page-action,
      .sj-directory-link,
      .sj-topic-link,
      .sj-topic-view-all,
      .sj-topic-arrow
    ):not(:disabled):hover,
  [data-theme="dark"]
    body.liquid-glass-theme
    .post-content
    .cv-root
    a.primary-buy:hover {
    color: #ffffff !important;
    background:
      radial-gradient(120% 160% at 4% -20%, rgba(67, 170, 255, 0.24), transparent 54%) padding-box,
      radial-gradient(120% 160% at 100% 120%, rgba(49, 251, 156, 0.22), transparent 58%) padding-box,
      linear-gradient(145deg, rgba(31, 34, 52, 0.96), rgba(17, 19, 33, 0.92)) padding-box,
      linear-gradient(132deg, #56b8ff, #42d8c4 58%, #44fb9d) border-box !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 12px 30px rgba(0, 0, 0, 0.42),
      0 0 0 3px rgba(108, 192, 252, 0.15),
      0 0 24px rgba(49, 251, 156, 0.16) !important;
  }
}

body.liquid-glass-theme :is(.nav-left, .nav-right) > li > a:not(.btn):focus-visible,
body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ):focus-visible,
body.liquid-glass-theme .post-content .cv-root a.primary-buy:focus-visible {
  outline: 3px solid rgba(72, 169, 255, 0.52) !important;
  outline-offset: 3px;
  color: var(--text-color-dark, #090c1e) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 249, 255, 0.9)) padding-box,
    linear-gradient(132deg, #56b8ff, #42d8c4 58%, #44fb9d) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 10px 24px rgba(69, 125, 173, 0.18),
    0 0 0 3px rgba(121, 190, 252, 0.1) !important;
  transform: translateY(-2px);
}

[data-theme="dark"]
  body.liquid-glass-theme
  :is(.nav-left, .nav-right)
  > li
  > a:not(.btn):focus-visible,
[data-theme="dark"]
  body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ):focus-visible,
[data-theme="dark"]
  body.liquid-glass-theme
  .post-content
  .cv-root
  a.primary-buy:focus-visible {
  color: #ffffff !important;
  background:
    linear-gradient(145deg, rgba(31, 34, 52, 0.96), rgba(17, 19, 33, 0.92)) padding-box,
    linear-gradient(132deg, #56b8ff, #42d8c4 58%, #44fb9d) border-box !important;
}

body.liquid-glass-theme :is(.nav-left, .nav-right) > li > a:not(.btn):active,
body.liquid-glass-theme
  :where(
    .js-scroll-top,
    .footer-nav a,
    .sj-home-primary,
    .sj-home-secondary,
    .sj-page-action,
    .sj-directory-link,
    .sj-topic-link,
    .sj-topic-view-all,
    .sj-topic-arrow
  ):not(:disabled):active,
body.liquid-glass-theme .post-content .cv-root a.primary-buy:active {
  transform: translateY(0) scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  body.liquid-glass-theme :is(.nav-left, .nav-right) > li > a:not(.btn),
  body.liquid-glass-theme
    :where(
      .js-scroll-top,
      .footer-nav a,
      .sj-home-primary,
      .sj-home-secondary,
      .sj-page-action,
      .sj-directory-link,
      .sj-topic-link,
      .sj-topic-view-all,
      .sj-topic-arrow
    ),
  body.liquid-glass-theme .post-content .cv-root a.primary-buy {
    transition: none !important;
  }

  body.liquid-glass-theme
    :is(.nav-left, .nav-right)
    > li
    > a:not(.btn):where(:hover, :focus-visible),
  body.liquid-glass-theme
    :where(
      .js-scroll-top,
      .footer-nav a,
      .sj-home-primary,
      .sj-home-secondary,
      .sj-page-action,
      .sj-directory-link,
      .sj-topic-link,
      .sj-topic-view-all,
      .sj-topic-arrow
    ):where(:hover, :focus-visible),
  body.liquid-glass-theme
    .post-content
    .cv-root
    a.primary-buy:where(:hover, :focus-visible) {
    transform: none;
  }
}

@media (forced-colors: active) {
  body.liquid-glass-theme :is(.nav-left, .nav-right) > li > a:not(.btn),
  body.liquid-glass-theme
    :where(
      .js-scroll-top,
      .footer-nav a,
      .sj-home-primary,
      .sj-home-secondary,
      .sj-page-action,
      .sj-directory-link,
      .sj-topic-link,
      .sj-topic-view-all,
      .sj-topic-arrow
    ),
  body.liquid-glass-theme .post-content .cv-root a.primary-buy {
    border-color: ButtonText !important;
    color: ButtonText !important;
    background: Canvas !important;
    box-shadow: none !important;
  }
}