/* NXDPRO footer credit v1.1 (2026-10-09). Canonical copy: /home/nxdpro/brand/nxdpro-credit/
   Markup: credit.en.html / credit.el.html. No site colours: the credit inherits the
   footer's text colour. Append this file at the END of the site's stylesheet, so the
   a.nxd-credit rules win over theme rules of the same weight (".footer a{display:block}").
   Optional knobs (set on .nxd-credit or any parent):
   --nxd-credit-dim (text+logo opacity, default 1), --nxd-credit-logo-dim (default .8),
   --nxd-credit-logo (logo height, default 1.2em), --nxd-credit-accent (default #00adee),
   or add class nxd-credit--mono for no blue on hover. */
a.nxd-credit {
  display: inline-flex;
  align-items: baseline;
  gap: .45em;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
  opacity: var(--nxd-credit-dim, 1);
  transition: opacity .2s ease;
  -webkit-tap-highlight-color: transparent;
}
a.nxd-credit:hover,
a.nxd-credit:focus {
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  box-shadow: none;
}
/* No theme "external link" icons or animated underlines on the credit. */
a.nxd-credit::before,
a.nxd-credit::after {
  content: none;
}
/* The wordmark's baseline is 27.37% up from the logo's bottom edge: the logo is moved down by
   that much so NXDPRO sits on the text baseline. The negative top margin keeps the logo's
   layout box inside the text's line box, so the credit is exactly 1em tall like a text line.
   inline-block (not block): if a theme rule ever overrides the flex display, the logo still
   stays on the text line with the same baseline. */
.nxd-credit .nxd-credit__logo {
  display: inline-block;
  flex: none;
  vertical-align: baseline;
  width: calc(var(--nxd-credit-logo, 1.2em) * 3.8787);
  height: var(--nxd-credit-logo, 1.2em);
  max-width: none;
  margin: calc(.5em - var(--nxd-credit-logo, 1.2em)) 0 0;
  padding: 0;
  position: relative;
  top: calc(var(--nxd-credit-logo, 1.2em) * .2737);
  opacity: var(--nxd-credit-logo-dim, .8);
  transition: opacity .2s ease;
}
.nxd-credit .nxd-credit__logo path {
  fill: currentColor;
  transition: fill .2s ease;
}
/* Hover only where a real hover exists: on phones a tap would leave the accent stuck on. */
@media (hover: hover) {
  .nxd-credit:hover,
  .nxd-credit:hover .nxd-credit__logo {
    opacity: 1;
  }
  .nxd-credit:hover .nx-a {
    fill: var(--nxd-credit-accent, #00adee);
  }
}
.nxd-credit:focus-visible,
.nxd-credit:focus-visible .nxd-credit__logo {
  opacity: 1;
}
.nxd-credit:focus-visible .nx-a {
  fill: var(--nxd-credit-accent, #00adee);
}
.nxd-credit:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: .35em;
  border-radius: 2px;
}
.nxd-credit--mono {
  --nxd-credit-accent: currentColor;
}
/* Touch screens: 44px tall tap target; the negative margin cancels the padding, so the row does not grow. */
@media (pointer: coarse) {
  a.nxd-credit {
    padding: max(0px, calc(22px - .5em)) 0;
    margin: min(0px, calc(.5em - 22px)) 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  a.nxd-credit,
  .nxd-credit .nxd-credit__logo,
  .nxd-credit .nxd-credit__logo path {
    transition: none;
  }
}
@media (forced-colors: active) {
  .nxd-credit.nxd-credit {
    --nxd-credit-accent: currentColor;
    opacity: 1;
  }
  .nxd-credit .nxd-credit__logo {
    opacity: 1;
  }
}