/* HF Dark Mode Core - Mobile menu module */
html.hf-dark-mode .x7m0,
html.xkvt-site-dark .x7m0,
body.hf-dark-mode .x7m0,
body.xkvt-site-dark .x7m0 {
    --x7: #ff9a3d;
    --x7d: rgba(255,255,255,.88);
    --x7m: rgba(255,255,255,.62);
}

html.hf-dark-mode .x7m0__rail,
html.xkvt-site-dark .x7m0__rail,
body.hf-dark-mode .x7m0__rail,
body.xkvt-site-dark .x7m0__rail {
    background: linear-gradient(180deg, rgba(24,31,42,.82), rgba(12,18,27,.76)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        0 28px 70px rgba(0,0,0,.50),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.24) !important;
    backdrop-filter: blur(26px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.18) !important;
}

html.hf-dark-mode .x7m0__rail::before,
html.xkvt-site-dark .x7m0__rail::before,
body.hf-dark-mode .x7m0__rail::before,
body.xkvt-site-dark .x7m0__rail::before {
    background:
        radial-gradient(circle at 15% 10%, rgba(255,154,61,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025) 46%, rgba(255,255,255,.06)) !important;
}

html.hf-dark-mode .x7m0__rail::after,
html.xkvt-site-dark .x7m0__rail::after,
body.hf-dark-mode .x7m0__rail::after,
body.xkvt-site-dark .x7m0__rail::after {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent) !important;
}

html.hf-dark-mode .x7m0__glider,
html.xkvt-site-dark .x7m0__glider,
body.hf-dark-mode .x7m0__glider,
body.xkvt-site-dark .x7m0__glider {
    background:
        radial-gradient(circle at 50% 0%, rgba(255,154,61,.20), transparent 56%),
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.075)) !important;
    border: 1px solid rgba(255,154,61,.22) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,.32),
        0 0 0 1px rgba(255,154,61,.08),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html.hf-dark-mode .x7m0__it,
html.xkvt-site-dark .x7m0__it,
body.hf-dark-mode .x7m0__it,
body.xkvt-site-dark .x7m0__it {
    color: rgba(255,255,255,.68) !important;
    text-shadow: none !important;
}

html.hf-dark-mode .x7m0__it:hover,
html.hf-dark-mode .x7m0__it.is-a,
html.xkvt-site-dark .x7m0__it:hover,
html.xkvt-site-dark .x7m0__it.is-a,
body.hf-dark-mode .x7m0__it:hover,
body.hf-dark-mode .x7m0__it.is-a,
body.xkvt-site-dark .x7m0__it:hover,
body.xkvt-site-dark .x7m0__it.is-a {
    color: #ff9a3d !important;
    filter: drop-shadow(0 8px 14px rgba(255,122,0,.18)) !important;
}

html.hf-dark-mode .x7m0__it.is-a .x7m0__tx,
html.xkvt-site-dark .x7m0__it.is-a .x7m0__tx,
body.hf-dark-mode .x7m0__it.is-a .x7m0__tx,
body.xkvt-site-dark .x7m0__it.is-a .x7m0__tx {
    color: #ff9a3d !important;
    font-weight: 850 !important;
}

html.hf-dark-mode .x7m0__ico svg,
html.xkvt-site-dark .x7m0__ico svg,
body.hf-dark-mode .x7m0__ico svg,
body.xkvt-site-dark .x7m0__ico svg {
    stroke-width: 1.9;
}

html.hf-dark-mode .x7m0__badge,
html.xkvt-site-dark .x7m0__badge,
body.hf-dark-mode .x7m0__badge,
body.xkvt-site-dark .x7m0__badge {
    border-color: #121923 !important;
    box-shadow: 0 8px 18px rgba(225,29,34,.42), 0 0 0 2px rgba(255,255,255,.08) !important;
}

html.hf-dark-mode .x7m0__bar,
html.xkvt-site-dark .x7m0__bar,
body.hf-dark-mode .x7m0__bar,
body.xkvt-site-dark .x7m0__bar {
    background: linear-gradient(90deg, #ff9a3d, #ff6a00) !important;
    box-shadow: 0 0 20px rgba(255,122,0,.38) !important;
}

html.hf-dark-mode .x7m0__chat,
html.xkvt-site-dark .x7m0__chat,
body.hf-dark-mode .x7m0__chat,
body.xkvt-site-dark .x7m0__chat {
    background: rgba(20,27,38,.78) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #ff9a3d !important;
    box-shadow: 0 20px 46px rgba(0,0,0,.42), 0 0 0 7px rgba(255,255,255,.06), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html.hf-dark-mode .x7m0__chat--img,
html.xkvt-site-dark .x7m0__chat--img,
body.hf-dark-mode .x7m0__chat--img,
body.xkvt-site-dark .x7m0__chat--img {
    background: transparent !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}

/* v1.0.7
 * Auth login/register popup is intentionally excluded from Dark Mode Core.
 * HF Menu Mobile keeps full control of its own Ultimate Member auth popup UI.
 * Do not style .x7m0a / .x7m0a--um here, otherwise UM text can turn white on light forms.
 */