@keyframes floatBg {
    0% { transform: scale(1) translateY(0); }
    50% { transform: scale(1.05) translateY(-10px); }
    100% { transform: scale(1) translateY(0); }
}
.animate-bg-slow {
    animation: floatBg 15s ease-in-out infinite;
}
[x-cloak] {
    display: none !important;
}

/* Személyre szabható téma-színek (sidebar háttér + gombok/aktív navigáció akcentszín).
   Alapértelmezés az eredeti sötétkék márkaszínekhez igazítva; a Profilom oldal
   színkeverővel írja felül CSS változóként, userenként tárolva a szervereren. */
:root {
    --theme-sidebar: #0f172a;
    --theme-accent: #1d4ed8;
}
.theme-sidebar-bg {
    background: linear-gradient(180deg, var(--theme-sidebar), color-mix(in srgb, var(--theme-sidebar) 60%, black));
}
.theme-accent-bg {
    background: linear-gradient(to right, var(--theme-accent), color-mix(in srgb, var(--theme-accent) 72%, black));
    transition: filter 0.2s ease, background 0.2s ease;
}
.theme-accent-bg:hover {
    filter: brightness(1.12);
}
.theme-accent-text {
    color: var(--theme-accent);
}
.theme-accent-border-hover:hover {
    border-color: var(--theme-accent);
}

/* Topbar oldalcím-buborék: folyamatos, halk "lélegző" animáció */
@keyframes bubblePulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 color-mix(in srgb, var(--theme-accent) 22%, transparent); }
    50% { transform: scale(1.045); box-shadow: 0 0 0 7px color-mix(in srgb, var(--theme-accent) 0%, transparent); }
}
.badge-bubble {
    animation: bubblePulse 2.8s ease-in-out infinite;
}
.icon-sprite {
    display: none;
}

/* Egyedi, sötét témához illő görgetősáv (Firefox) */
html {
    scrollbar-width: thin;
    scrollbar-color: #475569 transparent;
}

/* Egyedi, sötét témához illő görgetősáv (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #475569;
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #9f1239;
}
::-webkit-scrollbar-corner {
    background: transparent;
}