/* ArtemisX II brand refinements.
   The public landing page keeps live text for accessibility and searchability,
   while this stylesheet replaces the legacy sparkle tile with the official mark. */

a[aria-label="ArtemisX home"] > div:first-child {
  position: relative;
  overflow: visible;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

a[aria-label="ArtemisX home"] > div:first-child::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url('/artemisx-mark.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(124, 58, 237, .2));
}

a[aria-label="ArtemisX home"] > div:first-child > svg {
  display: none;
}

/* Preserve the live wordmark while matching the new white / violet / gold lockup. */
a[aria-label="ArtemisX home"] > div:nth-child(2) > div:first-child {
  color: #d8ad4a;
}

a[aria-label="ArtemisX home"] > div:nth-child(2) > div:first-child > span {
  color: transparent !important;
  background: linear-gradient(90deg, #f8fafc 0 84%, #8b5cf6 84% 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Add a restrained mark to the public footer without duplicating the wordmark. */
footer [class~="text-base"][class~="font-bold"] {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #d8ad4a;
}

footer [class~="text-base"][class~="font-bold"]::before {
  content: "";
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  background: url('/artemisx-mark.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 8px rgba(124, 58, 237, .16));
}

footer [class~="text-base"][class~="font-bold"] > span {
  color: transparent !important;
  background: linear-gradient(90deg, #f8fafc 0 84%, #8b5cf6 84% 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

@media (max-width: 640px) {
  a[aria-label="ArtemisX home"] > div:first-child::before {
    width: 38px;
    height: 38px;
  }
}