/* WarpNet branding for wg-easy, injected by Caddy. */

/* Original wg-easy footer: replaced by #warpnet-footer (see brand.js) */
footer > p { display: none !important; }

/* Header after login: "WireGuard" -> "WarpNet" */
a[href="/"] h1 > span { font-size: 0; }
a[href="/"] h1 > span::after { content: "WarpNet"; font-size: 2.25rem; line-height: 2.5rem; }

/* Login page: red avatar circle -> WarpNet logo */
main .h-20.w-20.rounded-full.bg-red-800 {
  width: 7rem !important;
  height: 7rem !important;
  border-radius: 0 !important;
  background: url(/logo.png) center / contain no-repeat !important;
}
main .h-20.w-20.rounded-full.bg-red-800 > svg { visibility: hidden; }

#warpnet-footer {
  margin: 2.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #9ca3af;
}
#warpnet-footer a { color: inherit; }
#warpnet-footer a:hover { text-decoration: underline; }