/*
 * Hover marketing brand overrides.
 * Static deployment patch that applies the generated Hover app icon to the
 * mirrored Vercel export without rebuilding the original Next.js source.
 */

:root {
  color-scheme: dark;
}

a[aria-label="Hover home"] > span:first-child,
footer .mb-5.flex.items-center.gap-3 > span:first-child,
.animate-panel-rise > div:first-child > div:first-child > span:first-child {
  overflow: hidden;
  color: transparent !important;
  background: rgba(255, 255, 255, 0.045) url("hover-logo.png") center / cover no-repeat !important;
  border-color: rgba(52, 211, 153, 0.34) !important;
  box-shadow: 0 0 34px rgba(52, 211, 153, 0.2) !important;
}

a[aria-label="Hover home"] > span:first-child svg,
footer .mb-5.flex.items-center.gap-3 > span:first-child svg,
.animate-panel-rise > div:first-child > div:first-child > span:first-child svg {
  opacity: 0 !important;
}

main.min-h-screen > header > a:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

main.min-h-screen > header > a:first-child::before {
  content: "";
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border-radius: 0.625rem;
  border: 1px solid rgba(52, 211, 153, 0.34);
  background: rgba(255, 255, 255, 0.045) url("hover-logo.png") center / cover no-repeat;
  box-shadow: 0 0 34px rgba(52, 211, 153, 0.2);
}

/* Hero workflow animation override. */
section#top .space-y-4 p.rounded-md {
  position: relative;
  padding-top: 2rem !important;
}

section#top .space-y-4 p.rounded-md::before {
  content: "Selected text";
  position: absolute;
  top: 0.55rem;
  left: 0.75rem;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(167, 243, 208, 0.72);
}
@keyframes cursor-drift {
  0%, 18% {
    opacity: 0.96;
    transform: translate3d(0, 0, 0);
  }

  38%, 48% {
    opacity: 1;
    transform: translate3d(138px, 36px, 0);
  }

  72%, 100% {
    opacity: 0.9;
    transform: translate3d(238px, 104px, 0);
  }
}

.animate-cursor-drift {
  animation: cursor-drift 6.4s cubic-bezier(0.36, 0, 0.2, 1) infinite !important;
}
@keyframes panel-rise {
  0%, 18% {
    opacity: 0;
    filter: blur(2px);
    transform: translateY(10px) scale(0.97);
  }

  28%, 88% {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    filter: blur(1px);
    transform: translateY(5px) scale(0.985);
  }
}

.animate-panel-rise {
  top: 35% !important;
  animation: panel-rise 6.4s cubic-bezier(0.36, 0, 0.2, 1) infinite !important;
}