/* Ortak mobil başlık menüsü: küçük ekranda satır kırmadan kaydırılır. */
.hdr-navigation-scrollable-bc {
    scroll-behavior: smooth;
}

.hdr-navigation-scrollable-content {
    display: flex;
    min-width: max-content;
}

.hdr-navigation-link-bc {
    white-space: nowrap;
}

/* Kategori rozetleri: başlığı değiştirmeden güncel içerikleri öne çıkarır. */
.hdr-navigation-link-bc[aria-label="Slot Oyunları"],
.hdr-navigation-link-bc[aria-label="Canlı Casino"],
.hdr-navigation-link-bc[aria-label="Turnuvalar"] {
    align-items: flex-end;
    padding-top: 7px;
}

.hdr-navigation-link-bc[aria-label="Slot Oyunları"]::after,
.hdr-navigation-link-bc[aria-label="Canlı Casino"]::after,
.hdr-navigation-link-bc[aria-label="Turnuvalar"]::after {
    position: absolute;
    top: 2px;
    left: 50%;
    padding: 1px 5px;
    border-radius: 999px;
    color: #141414;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 10px;
    transform: translateX(-50%);
}

.hdr-navigation-link-bc[aria-label="Slot Oyunları"]::after { content: "JACKPOT"; background: #d9c5a2; }
.hdr-navigation-link-bc[aria-label="Canlı Casino"]::after { content: "HOT"; background: #c25062; color: #fff; }
.hdr-navigation-link-bc[aria-label="Turnuvalar"]::after { content: "TURNUVA"; background: #9c7b3b; color: #fff; }

.hdr-navigation-link-bc[aria-label="Promosyonlar"] {
    position: relative;
    isolation: isolate;
    box-shadow: 0 0 10px rgba(208, 84, 255, .32);
}

.hdr-navigation-link-bc[aria-label="Promosyonlar"]::after {
    position: absolute;
    z-index: 2;
    inset: -2px;
    padding: 2px;
    border-radius: calc(var(--border-radius) + 2px);
    background: conic-gradient(from 0deg, transparent 0deg 52deg, #ad48ff 98deg, #f28bff 140deg, #ad48ff 180deg, transparent 232deg 360deg);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: riva-promo-neon 2.4s linear infinite;
}

/* Masaüstü: mobildeki başlık sırası, RivaBet'in mavi/lacivert kimliğiyle tek menüde. */
.nav-content-bc {
    padding: 0 !important;
    background: #141414 !important;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(181, 42, 64, .52);
}

.riva-desktop-title-shell {
    width: 100%;
    background: linear-gradient(90deg, #141414 0%, #1d1d1d 48%, #141414 100%);
}

.riva-desktop-title-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 1800px;
    margin: 0 auto;
    padding: 9px 16px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.riva-desktop-title-menu::-webkit-scrollbar {
    display: none;
}

.riva-desktop-title-menu a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(241, 238, 232, .13);
    border-radius: 7px;
    background: rgba(255, 255, 255, .035);
    color: #f1eee8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .1px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.riva-desktop-title-menu a[href="/tr/casino/slots"],
.riva-desktop-title-menu a[href="/tr/live-casino/home"],
.riva-desktop-title-menu a[href="/tr/tournaments"] {
    position: relative;
    padding-top: 10px;
}

.riva-desktop-title-menu a[href="/tr/casino/slots"]::before,
.riva-desktop-title-menu a[href="/tr/live-casino/home"]::before,
.riva-desktop-title-menu a[href="/tr/tournaments"]::before {
    position: absolute;
    top: 3px;
    left: 50%;
    padding: 1px 5px;
    border-radius: 999px;
    color: #141414;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 10px;
    transform: translateX(-50%);
}

.riva-desktop-title-menu a[href="/tr/casino/slots"]::before { content: "JACKPOT"; background: #d9c5a2; }
.riva-desktop-title-menu a[href="/tr/live-casino/home"]::before { content: "HOT"; background: #c25062; color: #fff; }
.riva-desktop-title-menu a[href="/tr/tournaments"]::before { content: "TURNUVA"; background: #9c7b3b; color: #fff; }

.riva-desktop-title-menu a[href="/tr/promotions"]::after {
    position: absolute;
    z-index: 2;
    inset: -2px;
    padding: 2px;
    border-radius: 9px;
    background: conic-gradient(from 0deg, transparent 0deg 52deg, #ad48ff 98deg, #f28bff 140deg, #ad48ff 180deg, transparent 232deg 360deg);
    content: "";
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: riva-promo-neon 2.4s linear infinite;
}

.riva-desktop-title-menu a[href="/tr/promotions"] {
    position: relative;
    isolation: isolate;
    box-shadow: 0 0 10px rgba(208, 84, 255, .34);
}

@keyframes riva-promo-neon {
    0% { opacity: .55; filter: drop-shadow(0 0 2px #ad48ff) drop-shadow(0 0 7px rgba(208, 84, 255, .52)); }
    50% { opacity: 1; filter: drop-shadow(0 0 4px #f28bff) drop-shadow(0 0 14px rgba(208, 84, 255, .9)); }
    100% { opacity: .55; filter: drop-shadow(0 0 2px #ad48ff) drop-shadow(0 0 7px rgba(208, 84, 255, .52)); }
}

/* Legacy menu badges are disabled. Dynamic backoffice badges use ::after. */
.hdr-navigation-link-bc[aria-label="Slot Oyunları"]::after,
.hdr-navigation-link-bc[aria-label="Canlı Casino"]::after,
.hdr-navigation-link-bc[aria-label="Turnuvalar"]::after,
.hdr-navigation-link-bc[aria-label="Slot Oyunları"]::after,
.hdr-navigation-link-bc[aria-label="Canlı Casino"]::after {
    content: none !important;
    display: none !important;
}
.riva-desktop-title-menu a[href="/tr/casino/slots"]::before,
.riva-desktop-title-menu a[href="/tr/live-casino/home"]::before,
.riva-desktop-title-menu a[href="/tr/tournaments"]::before {
    content: none !important;
    display: none !important;
}

.riva-desktop-title-menu a:hover,
.riva-desktop-title-menu a:focus-visible {
    border-color: #c25062;
    background: #7c1828;
    color: #fff;
    outline: 0;
    transform: translateY(-1px);
}

.riva-desktop-title-menu a.is-current {
    border-color: #c95b6b;
    background: linear-gradient(135deg, #9e2337, #681321);
    color: #fff;
    box-shadow: 0 4px 14px rgba(142, 27, 44, .30);
}

.riva-desktop-title-menu .riva-menu-bonus {
    border-color: rgba(210, 108, 123, .72);
    background: #8e1b2c;
    color: #fff;
}

.riva-desktop-title-menu .riva-menu-bonus:hover,
.riva-desktop-title-menu .riva-menu-bonus:focus-visible {
    border-color: #e17b8c;
    background: #b52a40;
}

@media (max-width: 1320px) {
    .riva-desktop-title-menu {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .hdr-navigation-scrollable-bc {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .hdr-navigation-scrollable-bc::-webkit-scrollbar {
        display: none;
    }
}
/* Mobile menu title */
.hdr-navigation-scrollable-bc,
.hdr-navigation-scrollable-content,
.tab-navigation-w-bc,
.nav-content-bc,
.riva-desktop-title-shell,
.riva-desktop-title-menu {
    background: #181A1BFA !important;
}

/* Menü butonları */
.hdr-navigation-link-bc,
.riva-desktop-title-menu a {
    background: transparent !important;
    color: #D3CFC9 !important;
    border-color: rgba(255,255,255,.08) !important;
}

/* Aktif sekme */
.riva-desktop-title-menu a.is-current,
.hdr-navigation-link-bc.active {
    background: #242628 !important;
    border-color: #444 !important;
    color: #fff !important;
}

/* Hover */
.riva-desktop-title-menu a:hover,
.hdr-navigation-link-bc:hover {
    background: #242628 !important;
    color: #fff !important;
}