/* Shared @keyframes for prestige display names (per-item rules generated from style_config). */

.hub-prestige-name {
    font-weight: inherit;
    line-height: inherit;
}

/* Gradient / shine items: clip to glyphs everywhere (market cards, lists, …). */
.hub-prestige-name[class*="hub-prestige-name--"] {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    vertical-align: baseline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Prestij Market kart önizlemesi — liste sayfalarıyla aynı text-clip davranışı */
.hub-prestige-name-card-preview .hub-prestige-name {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    vertical-align: baseline;
}

/* Mythic: half-cycle gradient slide; alternate + ease-in-out = smooth ping-pong. */
@keyframes hubPrestigeMythicGradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/* Exotic: two identical gradient cycles; 0→100% shifts exactly one cycle.
   Background moves left, so the color flow is perceived left → right. */
@keyframes hubPrestigeExoticFlow {
    from {
        background-position: 0% 50%;
    }
    to {
        background-position: 100% 50%;
    }
}

/* Winter Holiday 2027 gradient: generated via hub_prestige_name_build_item_stylesheet (same as Halloween mythic). */

/* Diamond shine: highlight layer sweeps left → right, clipped to text with base gradient. */
@keyframes hubPrestigeShineFlow {
    0% {
        background-position: 100% 50%, 0 50%;
    }
    100% {
        background-position: 0% 50%, 0 50%;
    }
}

.online-drivers-name .hub-prestige-name,
.vtc-driver-username .hub-prestige-name,
.public-driver-username .hub-prestige-name,
.hub-profile-banner-name .hub-prestige-name,
.hub-jobs-driver-name .hub-prestige-name,
.hub-sidebar-user-name .hub-prestige-name {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
}

.hub-profile-banner-name-plain {
    display: inline;
}

/* Winter sparkles + wrap: hub-seasonal-name-items (hub_seasonal_name_winter_holiday_2027_sparkle_css). */

/* Seasonal / prestige animated gradients: static readable fallback when motion is reduced. */
@media (prefers-reduced-motion: reduce) {
    .hub-prestige-name.hub-prestige-name--animated:not(.hub-prestige-name--winter-holiday) {
        animation: none !important;
        background-size: 100% 100% !important;
        background-position: 42% 50% !important;
    }

    .hub-prestige-name.hub-prestige-name--seasonal-winter-holiday-2027.hub-prestige-name--animated {
        animation: none !important;
        background-size: 100% 100% !important;
        background-position: 42% 50% !important;
    }
}