/* BAZEX - LEOPARDS STYLE WATERMARK SIDEBAR */

/* Main sidebar */
html body.seller-view #v6Sidebar {
    position: fixed !important;
    isolation: isolate !important;
    background: linear-gradient(
        160deg,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.87) 35%,
        rgba(245,247,250,.83) 70%,
        rgba(255,255,255,.94) 100%
    ) !important;
    color: #111111 !important;
}

/* BIG BAZEX LOGO BEHIND ALL MENU ITEMS */
html body.seller-view #v6Sidebar::before {
    content: "" !important;
    position: absolute !important;
    top: 145px !important;
    left: 0 !important;
    width: 100% !important;
    height: 650px !important;
    background-image: url("/assets/images/bazex-official-logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 260px auto !important;
    opacity: .17 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Logo header with white transparent gradient */
html body.seller-view #v6Sidebar .v6-side-title {
    background: linear-gradient(
        120deg,
        rgba(255,255,255,.96),
        rgba(235,239,244,.70)
    ) !important;
    border-radius: 15px !important;
}

/* Transparent white menu cards */
html body.seller-view #v6Sidebar > a {
    position: relative !important;
    background: rgba(255,255,255,.58) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    border: 1px solid rgba(215,220,226,.65) !important;
    color: #111111 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.035) !important;
    z-index: 1 !important;
}

/* Black text everywhere */
html body.seller-view #v6Sidebar a,
html body.seller-view #v6Sidebar a span {
    color: #111111 !important;
}

/* Active menu */
html body.seller-view #v6Sidebar > a[aria-current="page"] {
    background: rgba(255,237,222,.76) !important;
    border-color: #ffc59e !important;
    color: #111111 !important;
}

/* Hover */
html body.seller-view #v6Sidebar > a:hover {
    background: rgba(255,241,230,.88) !important;
    color: #111111 !important;
}

/* Keep scrollbar subtle */
html body.seller-view #v6Sidebar::-webkit-scrollbar-thumb {
    background: #d3d8de !important;
}