/* User overrides go here */
.site-header-inner {flex-direction: unset; justify-content: center; align-items: center;}
.site-header li {list-style:none;}
.site-footer-inner {text-align:center;}

/* big background image with atmospheric blur */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url("img/hyprtile-logo-big.webp") center/cover no-repeat;
    filter: blur(22px) brightness(0.35);
    z-index: -2;
}

p.jumpbutton {
  text-align:center;
}

p.jumpbutton a {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(255,255,255,0.08);
  color: var(--color-text);
  font-size: 1.5rem;
  backdrop-filter: blur(12px);
  transition: all 0.25s ease;
  border: 1px solid rgba(255,255,255,0.08);
}

p.jumpbutton a:hover {
    background: rgba(255,255,255,0.15);
    box-shadow:
        0 0 18px var(--glow-cyan),
        0 0 8px var(--glow-purple);
    transform: translateY(-2px);
}

.x-profile {
  position: fixed;
  top: 20px;
  right: 20px;
  border-bottom:none;
}
.x-profile img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.x-badge {
  position: absolute;
  bottom: -4px;
  right: -4px;
  font-size: 12px;
  background: black;
  color: white;
  border-radius: 50%;
  padding: 4px;
}