/* Role colors stay consistent across postbits and topic metadata. */
.sv-username--administrator { --sv-username-color: #bb2743; }
.sv-username--moderator { --sv-username-color: #167248; }
.sv-username--member { --sv-username-color: #245da3; }
.sv-username--guest { --sv-username-color: #63748b; }
[data-theme='dark'] .sv-username--administrator { --sv-username-color: #ff8c9f; }
[data-theme='dark'] .sv-username--moderator { --sv-username-color: #72d8a7; }
[data-theme='dark'] .sv-username--member { --sv-username-color: #8dbfff; }
[data-theme='dark'] .sv-username--guest { --sv-username-color: #a0b2ca; }
/* wpForo and solution panels otherwise override link colors with scoped rules. */
body .sv-username { color: var(--sv-username-color) !important; }
a.sv-username:hover { text-decoration: underline; text-underline-offset: 3px; }

/* The gold equalizer treatment belongs only to the admin account. */
body .sv-username.sv-admin-name-effect { color: #f4c94f !important; font-family: 'Arial Black',Inter,Arial,sans-serif; font-weight: 900; letter-spacing: .015em; text-decoration: none; text-shadow: -1px -1px 0 #243d4d,1px -1px 0 #243d4d,-1px 1px 0 #243d4d,1px 1px 0 #243d4d,0 2px 1px #162b3c,0 0 4px #68d3f5,0 0 7px rgba(104,211,245,.65); }
body .sv-admin-name-effect > .sv-admin-name-letter { display: inline-block; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; color: inherit; background: transparent; font: inherit; letter-spacing: inherit; line-height: inherit; white-space: pre; }
.svpbd-name.sv-admin-name-effect { font-size: 20px; line-height: 1.5; }
@keyframes sv-admin-name-wave { 0%,100% { transform: translateY(0); } 25% { transform: translateY(-.2em); } 50% { transform: translateY(.1em); } 75% { transform: translateY(-.08em); } }
@media (hover: hover) and (pointer: fine) { .sv-admin-name-effect:hover .sv-admin-name-letter { animation: sv-admin-name-wave .85s ease-in-out infinite; animation-delay: var(--sv-letter-delay); } }
.sv-admin-name-effect:focus-visible .sv-admin-name-letter { animation: sv-admin-name-wave .85s ease-in-out infinite; animation-delay: var(--sv-letter-delay); }
@media (prefers-reduced-motion: reduce) { .sv-admin-name-effect .sv-admin-name-letter { animation: none !important; } }