/* V20: single final layer for the title menu. V18/V19 are intentionally not loaded. */

@property --riva-v20-promo-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

/* A compact, modern auth pair without the previous double outer frame. */
.hdr-user-bc.riva-auth-actions {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.hdr-user-bc.riva-auth-actions .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    margin: 0 !important;
    padding: 0 11px !important;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .03em;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hdr-user-bc.riva-auth-actions .btn.sign-in {
    border: 1px solid rgba(241, 238, 232, .48) !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #f7f3ec !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.hdr-user-bc.riva-auth-actions .btn.sign-in:hover,
.hdr-user-bc.riva-auth-actions .btn.sign-in:focus-visible {
    border-color: #f1eee8 !important;
    background: rgba(255, 255, 255, .13) !important;
    color: #fff !important;
    outline: 0;
}

.hdr-user-bc .btn.register,
.hdr-user-bc.riva-auth-actions .btn.register {
    border: 1px solid #ff7a91 !important;
    background: #ff1744 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(255, 23, 68, .34);
}

.hdr-user-bc .btn.register:hover,
.hdr-user-bc .btn.register:focus-visible,
.hdr-user-bc.riva-auth-actions .btn.register:hover,
.hdr-user-bc.riva-auth-actions .btn.register:focus-visible {
    border-color: #ffd8df !important;
    background: #ff365e !important;
    color: #fff !important;
    outline: 0;
}

/* Keep the original menu colours. Only put the requested gift beside its label. */
.riva-menu-bonus {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px !important;
}

.riva-menu-bonus .riva-menu-bonus-icon {
    position: static !important;
    order: 2;
    display: inline-block;
    flex: 0 0 auto;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 4px !important;
    font-size: 12px;
    line-height: 1;
    pointer-events: none;
    transform: none !important;
}

/* Restore the Live Casino card to the site's own menu colour; only contrast and HOT are adjusted. */
.hdr-navigation-link-bc[href="/tr/live-casino/home"],
.hdr-navigation-link-bc[href="/tr/live-casino/home"] .nav-menu-title,
.riva-desktop-title-menu a[href="/tr/live-casino/home"] {
    opacity: 1 !important;
    filter: none !important;
    color: #f1eee8 !important;
    text-shadow: none !important;
}

.hdr-navigation-link-bc[href="/tr/live-casino/home"]::after,
.riva-desktop-title-menu a[href="/tr/live-casino/home"]::before {
    opacity: 1 !important;
    filter: none !important;
    background: #c25062 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* One card-bound, rotating purple promotion rim for desktop and mobile. */
.hdr-navigation-link-bc[aria-label="Promosyonlar"],
.riva-desktop-title-menu a[href="/tr/promotions"] {
    position: relative !important;
    z-index: 0;
    isolation: isolate !important;
    box-shadow: 0 0 7px rgba(190, 91, 231, .30);
}

.hdr-navigation-link-bc[aria-label="Promosyonlar"]::after,
.riva-desktop-title-menu a[href="/tr/promotions"]::after {
    position: absolute !important;
    z-index: 2 !important;
    inset: -1px !important;
    padding: 1px !important;
    border-radius: inherit !important;
    background: conic-gradient(
        from var(--riva-v20-promo-angle),
        transparent 0deg 52deg,
        #9e4bd5 98deg,
        #f0abfc 140deg,
        #9e4bd5 180deg,
        transparent 232deg 360deg
    ) !important;
    content: "" !important;
    pointer-events: none !important;
    transform: none !important;
    transform-origin: center !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: riva-v20-promo-angle 2.4s linear infinite, riva-v20-promo-pulse 1.35s ease-in-out infinite !important;
}

@keyframes riva-v20-promo-angle {
    from { --riva-v20-promo-angle: 0deg; }
    to { --riva-v20-promo-angle: 360deg; }
}

@keyframes riva-v20-promo-pulse {
    0%, 100% { opacity: .62; filter: drop-shadow(0 0 2px #9e4bd5) drop-shadow(0 0 7px rgba(190, 91, 231, .42)); }
    50% { opacity: 1; filter: drop-shadow(0 0 3px #f0abfc) drop-shadow(0 0 12px rgba(190, 91, 231, .68)); }
}

/* The requested wheel animation remains inside the existing icon box. */
.riva-wheel-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: -1px;
    color: inherit;
    animation: riva-v20-wheel-spin 2.8s linear infinite;
}

@keyframes riva-v20-wheel-spin {
    to { transform: rotate(1turn); }
}

@media (max-width: 767px) {
    html.is-mobile .hdr-user-bc.riva-auth-actions {
        gap: 4px;
    }

    html.is-mobile .hdr-user-bc.riva-auth-actions .btn {
        min-height: 28px;
        padding: 0 9px !important;
        font-size: 10px;
    }

    /* Do not reveal the graphite layer below these two mobile cards. */
    html.is-mobile .hdr-navigation-link-bc.riva-menu-bonus,
    html.is-mobile .hdr-navigation-link-bc[href="/tr/live-casino/home"] {
        background: #1a0933 !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: inset 0 -1px rgba(239, 225, 255, .11) !important;
    }

    html.is-mobile .hdr-navigation-link-bc[aria-label="Promosyonlar"] {
        box-shadow: inset 0 0 0 1px rgba(190, 91, 231, .48), 0 0 7px rgba(190, 91, 231, .30) !important;
    }

    /* The mobile scroll container clips outside pixels, so keep the neon within its own card. */
    html.is-mobile .hdr-navigation-link-bc[aria-label="Promosyonlar"]::after {
        inset: 1px !important;
        padding: 1px !important;
    }
}

/* V21 mobile consistency pass: one deliberate purple surface, no black exception cards. */
@media (max-width: 767px) {
    html.is-mobile .hdr-navigation-scrollable-bc,
    html.is-mobile .hdr-navigation-scrollable-content {
        background: #1a0933 !important;
    }

    html.is-mobile .hdr-navigation-link-bc,
    html.is-mobile .hdr-navigation-link-bc[href="/tr/live-casino/home"],
    html.is-mobile .hdr-navigation-link-bc.riva-menu-bonus {
        background: #1a0933 !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: inset 0 -1px rgba(239, 225, 255, .11) !important;
        color: #f3edf9 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-synthesis: none;
        letter-spacing: .015em !important;
        text-rendering: optimizeLegibility;
    }

    html.is-mobile .hdr-navigation-link-bc .nav-menu-title {
        color: inherit !important;
        font-family: inherit !important;
        font-weight: 600 !important;
        text-rendering: optimizeLegibility;
    }

    /* The target cards and their parent use the exact same purple surface. */
    html.is-mobile .header-bc .hdr-navigation-scrollable-bc {
        background: #1a0933 !important;
    }

    html.is-mobile .header-bc .hdr-navigation-scrollable-content > .hdr-navigation-link-bc,
    html.is-mobile .header-bc .hdr-navigation-scrollable-content > .hdr-navigation-link-bc:visited,
    html.is-mobile .header-bc .hdr-navigation-scrollable-content > .hdr-navigation-link-bc.riva-menu-bonus,
    html.is-mobile .header-bc .hdr-navigation-scrollable-content > .hdr-navigation-link-bc[href="/tr/live-casino/home"] {
        background: #1a0933 !important;
        background-image: none !important;
        color: #f7f3ec !important;
        opacity: 1 !important;
        filter: none !important;
    }

    html.is-mobile .header-bc .hdr-navigation-link-bc.riva-menu-bonus .nav-menu-title,
    html.is-mobile .header-bc .hdr-navigation-link-bc[href="/tr/live-casino/home"] .nav-menu-title {
        background: transparent !important;
        color: inherit !important;
    }

    html.is-mobile[dir="ltr"] .header-bc .hdr-navigation-scrollable-bc.scroll-start::after {
        background: linear-gradient(to left, #1a0933 0%, rgba(26, 9, 51, 0) 100%) !important;
    }

    html.is-mobile[dir="ltr"] .header-bc .hdr-navigation-scrollable-bc.scroll-end::before {
        background: linear-gradient(to right, #1a0933 0%, rgba(26, 9, 51, 0) 100%) !important;
    }

    /* Equalize every bottom-bar action: no special dark or gold tile remains. */
    html.is-mobile .layout-navigation-holder-bc.riva-mobile-quick-nav {
        background: linear-gradient(180deg, #26143f 0%, #180d2a 100%) !important;
        border-top: 1px solid rgba(224, 198, 250, .18) !important;
        box-shadow: 0 -8px 24px rgba(8, 2, 18, .34) !important;
    }

    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__items {
        background: transparent !important;
    }

    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item,
    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item--deposit {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #eee7f5 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-synthesis: none;
    }

    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item:active {
        background: rgba(207, 143, 230, .13) !important;
    }

    html.is-mobile .riva-mobile-quick-nav .tab-nav-icon-bc,
    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item--deposit .tab-nav-icon-bc,
    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item--live .tab-nav-icon-bc,
    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item--deposit .tab-nav-title-bc {
        color: #eee7f5 !important;
    }

    html.is-mobile .riva-mobile-quick-nav .tab-nav-title-bc {
        color: #eee7f5 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        letter-spacing: .01em !important;
        line-height: 1.1 !important;
        text-rendering: optimizeLegibility;
    }

    html.is-mobile .riva-mobile-quick-nav .riva-mobile-quick-nav__item--deposit::before {
        display: none !important;
    }

    /* The full-screen menu uses the same palette and a clear one-column card list. */
    html.is-mobile .hdr-nav-menu-holder-bc,
    html.is-mobile .m-navigation-container-bc {
        background: #190d2d !important;
        color: #f3edf9 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-synthesis: none;
        text-rendering: optimizeLegibility;
    }

    html.is-mobile .m-nav-title-row-bc {
        background: linear-gradient(90deg, #2a1647, #35165a) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(224, 198, 250, .20) !important;
        box-shadow: none !important;
    }

    html.is-mobile .m-nav-title-content-bc,
    html.is-mobile .closed-n-p-bc {
        color: #f6f0fb !important;
        font-family: inherit !important;
        font-weight: 700 !important;
        letter-spacing: .015em !important;
    }

    html.is-mobile .m-nav-info-w-container-bc {
        background: transparent !important;
    }

    html.is-mobile .m-navigation-container-bc .m-block-nav-items-bc,
    html.is-mobile .m-nav-collapsed-container-bc .m-block-nav-items-bc {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 14px 16px 28px !important;
    }

    html.is-mobile .m-navigation-container-bc .app-nav-arrow-block-bc,
    html.is-mobile .m-nav-collapsed-container-bc .app-nav-arrow-block-bc {
        width: 100% !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        animation: none !important;
        transform: none !important;
    }

    html.is-mobile .m-navigation-container-bc .app-nav-link {
        display: block !important;
        width: 100% !important;
        color: inherit !important;
        text-decoration: none !important;
    }

    html.is-mobile .m-navigation-container-bc button.app-nav-link {
        appearance: none;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: start !important;
        cursor: pointer;
    }

    /* Remove a legacy animated overlay that was still injected into the fifth card. */
    html.is-mobile .m-navigation-container-bc .app-nav-arrow-block-bc > .app-nav-link::before,
    html.is-mobile .m-navigation-container-bc .app-nav-arrow-block-bc > .app-nav-link::after {
        content: none !important;
        display: none !important;
    }

    html.is-mobile .m-navigation-container-bc .m-nav-items-list-item-bc,
    html.is-mobile .m-nav-collapsed-container-bc .m-nav-items-list-item-bc,
    html.is-mobile .m-navigation-container-bc .m-nav-items-list-item-bc.active,
    html.is-mobile .m-navigation-container-bc .m-nav-items-list-item-bc:not(.active) {
        min-height: 56px !important;
        height: auto !important;
        padding: 9px 12px !important;
        background: rgba(255, 255, 255, .07) !important;
        border: 1px solid rgba(226, 204, 246, .18) !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        color: #f3edf9 !important;
        gap: 6px !important;
    }

    html.is-mobile .m-navigation-container-bc .nav-ico-w-row-bc,
    html.is-mobile .m-nav-collapsed-container-bc .nav-ico-w-row-bc {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        border-radius: 9px !important;
        background: rgba(190, 91, 231, .14) !important;
        color: #e6c7f4 !important;
        box-shadow: none !important;
    }

    html.is-mobile .m-navigation-container-bc .m-nav-icon-bc,
    html.is-mobile .m-navigation-container-bc .m-nav-info-w-container-bc .m-nav-icon-bc,
    html.is-mobile .m-navigation-container-bc .m-nav-info-w-container-bc .m-nav-icon-bc::after {
        background: transparent !important;
        color: #e6c7f4 !important;
    }

    html.is-mobile .m-navigation-container-bc .m-nav-list-item-title-bc,
    html.is-mobile .m-nav-collapsed-container-bc .m-nav-list-item-title-bc {
        height: auto !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f3edf9 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        text-align: start !important;
        text-rendering: optimizeLegibility;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere;
    }

    html.is-mobile .m-navigation-container-bc .m-nav-arrow-icon-bc {
        margin-inline-start: auto !important;
        color: #e6c7f4 !important;
    }

    html.is-mobile .m-navigation-container-bc .menu-group-title {
        color: rgba(243, 237, 249, .70) !important;
        font-family: inherit !important;
        font-size: 11px !important;
        font-weight: 750 !important;
        letter-spacing: .06em !important;
    }
}