/* carify.ge — author credit rendered INLINE inside the footer's existing
   bottom-bar credit slot (replaces the faint "Created by Smarketer" text),
   so it sits on the same line/flow as the copyright. Colors from the footer's
   own palette: muted=gray-500, text=gray-600, accent=#2a9c64. */

.credit-inline {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0; font-size: 14px; line-height: 1.4; letter-spacing: normal;
}
.credit-inline .credit__by { color: #6b7280; }

.credit-inline .credit__link {
  display: inline-flex; align-items: center; gap: 7px;
  min-height: 44px; padding-inline: 2px;
  color: #4b5563; text-decoration: none; letter-spacing: 0.06em;
  transition: color 300ms cubic-bezier(.22,.61,.36,1);
}
.credit-inline .credit__link:hover { color: #2a9c64; }
.credit-inline .credit__link:focus-visible {
  outline: 2px solid #2a9c64; outline-offset: 2px; border-radius: 2px;
}

.credit-inline .credit__name { font-weight: 600; text-transform: uppercase; }

.credit-inline .credit__mark {
  width: 18px; height: 18px; flex: 0 0 auto; display: block;
  transition: transform 300ms cubic-bezier(.22,.61,.36,1);
}
.credit-inline .credit__link:hover .credit__mark,
.credit-inline .credit__link:focus-visible .credit__mark {
  transform: rotate(-8deg) scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
  .credit-inline .credit__mark { transition: none; }
  .credit-inline .credit__link:hover .credit__mark,
  .credit-inline .credit__link:focus-visible .credit__mark { transform: none; }
}

/* visually hidden but accessible (NOT display:none) */
.credit-inline .sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}