/* ===== Home page: search-engine style =====
   Logo, one search box and two buttons, centred. Loaded only on the home page. */

body.home-main-page .site-content > main.container { display: flex; }
body.home-main-page .mobile-topbar-brand { color: #1d2228 !important; }

.gx {
    display: flex; flex-direction: column; align-items: center; width: 100%;
    min-height: calc(100vh - 230px); padding: 9vh 0 3rem; text-align: center;
}
.gx-logo-wrap { margin: 0 0 2rem; line-height: 0; }
.gx-logo { width: min(560px, 90vw); height: auto; }

/* Search box */
.gx-search { position: relative; width: 100%; max-width: 620px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.gx-search::before, .gx-search::after { content: none !important; }
.gx-box {
    position: relative; display: flex; align-items: center; height: 52px;
    background: #fff; border: 1px solid #c8d0d8; border-radius: 26px;
    transition: box-shadow .15s, border-color .15s;
}
.gx-box:hover, .gx-box:focus-within { border-color: transparent; box-shadow: 0 2px 10px rgba(31, 35, 40, .2); }
.gx-icon { position: absolute; left: 1.15rem; font-size: 17px; color: #8a939e; pointer-events: none; }
.gx-input { flex: 1 1 auto; min-width: 0; height: 100%; padding: 0 3rem 0 3rem; font-size: 17px; color: #1d2228; background: transparent; border: 0; border-radius: 26px; outline: none; }
.gx-search .hw-search-clear { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); color: #8a939e; }

/* Suggestions drop straight under the box */
.gx-search .home-hero-suggest { position: absolute; left: 0; right: 0; top: 56px; z-index: 20; text-align: left; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(31, 35, 40, .18) !important; }
.gx-search .home-hero-suggest:not(.show) { display: none !important; }

/* Two buttons under the box */
.gx-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.gx-btn {
    height: 38px; padding: 0 1.1rem; font-size: 14px; font-weight: 700; line-height: 36px;
    color: #3d4650; text-decoration: none; background: #eef1f4; border: 1px solid #eef1f4; border-radius: 6px;
}
.gx-btn:hover { color: #1d2228; border-color: #c8d0d8; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }

/* Quiet links below */
.gx-links { display: flex; justify-content: center; flex-wrap: wrap; gap: .35rem 1.1rem; margin-top: 2rem; font-size: 14px; }
.gx-links span { color: #5c636d; }
.gx-links a { font-weight: 700; color: #4a8f10; text-decoration: none; }
.gx-links a:hover { text-decoration: underline; }

.gx-server { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .35rem; margin: 2.25rem 0 0; font-size: 13.5px; color: #5c636d; }
.gx-dot { width: 8px; height: 8px; border-radius: 50%; background: #b0b6bd; }
.gx-dot.is-on { background: #3fbf3f; }
.gx-ip, .gx-online { padding: 0; font: inherit; font-weight: 700; color: #3d4650; background: none; border: 0; }
.gx-ip { font-family: 'JetBrains Mono', monospace; font-size: 13px; }
.gx-ip:hover, .gx-online:hover { color: #4a8f10; text-decoration: underline; }

@media (max-width: 600px) {
    .gx { padding-top: 6vh; min-height: calc(100vh - 200px); }
    .gx-logo-wrap { margin-bottom: 1.5rem; }
}

/* Search block centred vertically between the navbar and the footer */
.gx { justify-content: center; min-height: calc(100vh - 56px - 105px); padding: 2rem 0; }
@media (max-width: 600px) { .gx { min-height: calc(100vh - 60px - 130px); padding: 1.5rem 0; } }

/* ── Navbar on the home page: no bar, plain text links, like a search engine ── */
html body.home-main-page .site-sidebar { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link:not(.sidebar-account) {
    height: 34px; padding: 0 .7rem !important; font-size: 14px !important; font-weight: 600 !important;
    color: #3d4650 !important; background: transparent !important; border: 0 !important; border-radius: 17px !important; box-shadow: none !important;
}
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link:not(.sidebar-account):hover,
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.show:not(.sidebar-account) { color: #1d2228 !important; background: rgba(0, 0, 0, .06) !important; }
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.active:not(.sidebar-account) { color: #1d2228 !important; background: transparent !important; box-shadow: none !important; text-decoration: underline; text-decoration-color: #5aa816; text-decoration-thickness: 2px; text-underline-offset: 6px; }
html body.home-main-page .site-sidebar .sidebar-link img { width: 18px !important; height: 18px !important; }
html body.home-main-page .site-sidebar .sidebar-status {
    height: 34px; padding: 0 .75rem !important; font-size: 13px !important;
    color: #3d4650 !important; background: transparent !important; border: 1px solid #c8d0d8 !important; border-radius: 17px !important; box-shadow: none !important;
}
html body.home-main-page .site-sidebar .sidebar-status:hover { background: rgba(0, 0, 0, .05) !important; }
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account {
    height: 34px; padding: 0 1rem !important; font-size: 14px !important;
    color: #fff !important; background: #5aa816 !important; border: 0 !important; border-radius: 17px !important; box-shadow: none !important;
}
html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account:hover { background: #4a8f10 !important; }
html body.home-main-page .mobile-topbar { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body.home-main-page .site-sidebar .sidebar-link.sidebar-account::after, html body.home-main-page .site-sidebar .sidebar-link.sidebar-account * { color: #fff !important; border-top-color: #fff !important; }

/* Fill exactly one screen: no guessed heights, so the page never scrolls */
body.home-main-page { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
body.home-main-page > .site-content { flex: 1 0 auto; display: flex; flex-direction: column; min-height: 0; }
body.home-main-page .site-content > main.container { flex: 1 0 auto; display: flex !important; flex-direction: column; }
body.home-main-page .gx { flex: 1 0 auto; min-height: 0 !important; padding: 1.5rem 0 !important; }

/* ── Navbar v2: Google-style, everything sits top-right, no icons ── */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar .sidebar-nav-row { justify-content: flex-end; gap: .15rem; padding: .6rem 1.25rem !important; }
    html body.home-main-page .site-sidebar .sidebar-spacer { display: none !important; }
    html body.home-main-page .site-sidebar .sidebar-link:not(.sidebar-account) .sidebar-icon { display: none !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link:not(.sidebar-account) { font-weight: 500 !important; color: #1d2228 !important; padding: 0 .65rem !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.active:not(.sidebar-account) { text-decoration: none; color: #4a8f10 !important; }
    html body.home-main-page .site-sidebar .sidebar-link.dropdown-toggle::after { opacity: .5; margin-left: .3rem; }
    html body.home-main-page .site-sidebar .sidebar-status { border: 0 !important; margin-left: .35rem; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account { margin-left: .5rem; padding: 0 1.15rem !important; border-radius: 6px !important; font-weight: 600 !important; }
}
html body.home-main-page .site-sidebar .sidebar-dropdown-menu { border: 0 !important; border-radius: 10px !important; box-shadow: 0 6px 24px rgba(31,35,40,.18) !important; padding: .4rem !important; }
html body.home-main-page .site-sidebar .sidebar-dropdown-item { border-radius: 6px; }

/* ── Navbar v3: only the account button ── */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar .sidebar-nav-row > *:not(.sidebar-account):not(.dropdown:has(.sidebar-account)):not(:has(.sidebar-account)):not(:last-child) { display: none !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row > :has(> .sidebar-account), html body.home-main-page .site-sidebar .sidebar-nav-row > .sidebar-account { display: flex !important; margin-left: auto; }
}

/* ── Navbar v4: Google-like top-right corner (small text link + rounded pill) ── */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar .sidebar-nav-row { padding: .5rem 1rem !important; gap: .25rem; }
    html body.home-main-page .site-sidebar .sidebar-nav-row > #serverStatusBadge { display: flex !important; margin-left: auto; height: 32px; padding: 0 .6rem !important; font-size: 13px !important; font-weight: 400 !important; color: #1d2228 !important; border: 0 !important; }
    html body.home-main-page .site-sidebar #serverStatusBadge img, html body.home-main-page .site-sidebar #serverStatusBadge .sidebar-icon { display: none !important; }
    html body.home-main-page .site-sidebar #serverStatusBadge:hover { text-decoration: underline; background: transparent !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row > :has(> .sidebar-account), html body.home-main-page .site-sidebar .sidebar-nav-row > .sidebar-account { margin-left: .5rem; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account { height: 40px; padding: 0 1.4rem !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 500 !important; }
    html body.home-main-page .site-sidebar .sidebar-link.sidebar-account .sidebar-icon { display: none !important; }
    html body.home-main-page .site-sidebar .sidebar-link.sidebar-account::after { display: none !important; }
}

/* ── Navbar v5: hide the online counter, keep only Account ── */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar #serverStatusBadge { display: none !important; }
}

/* Hide the online counter in the navbar */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar .sidebar-nav-row > #serverStatusBadge { display: none !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row > :has(> .sidebar-account), html body.home-main-page .site-sidebar .sidebar-nav-row > .sidebar-account { margin-left: auto !important; }
}

/* ── Style v9: vibrant green gradient, bold white type, chunky 3D buttons ── */
html body.home-main-page.clean-page {
    background: #2f8f2a !important;
    background-image:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.18), transparent 35%),
        radial-gradient(circle at 85% 80%, rgba(255,214,0,.25), transparent 40%),
        linear-gradient(135deg, #3fb63a 0%, #1f8a5c 55%, #136d7a 100%) !important;
    color: #fff;
}

/* Navbar: solid white floating bar */
@media (min-width: 992px) {
    html body.home-main-page .site-sidebar { padding: .9rem 1.5rem 0 !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row { max-width: 1100px; margin: 0 auto; padding: .45rem .5rem .45rem 1rem !important; background: #fff !important; border-radius: 16px; box-shadow: 0 8px 0 rgba(0,0,0,.12), 0 12px 30px rgba(0,0,0,.15); }
    html body.home-main-page .site-sidebar .sidebar-nav-row::before { content: "Everything Minecraft"; margin-right: auto; font-weight: 800; font-size: 17px; color: #1f6f1b; letter-spacing: -.01em; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account { height: 40px; padding: 0 1.4rem !important; border-radius: 12px !important; font-weight: 800 !important; background: #ffcc00 !important; color: #3a2a00 !important; box-shadow: 0 4px 0 #c79c00 !important; }
    html body.home-main-page .site-sidebar .sidebar-nav-row .sidebar-link.sidebar-account:hover { background: #ffd83a !important; transform: translateY(1px); box-shadow: 0 3px 0 #c79c00 !important; }
    html body.home-main-page .site-sidebar .sidebar-link.sidebar-account, html body.home-main-page .site-sidebar .sidebar-link.sidebar-account * { color: #3a2a00 !important; }
}

/* Logo pops off the gradient */
.gx-logo { filter: drop-shadow(0 6px 0 rgba(0,0,0,.25)); }

/* Search: big chunky white bar */
.gx-search { max-width: 680px; }
.gx-box { height: 62px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 6px 0 rgba(0,0,0,.18); }
.gx-box:hover, .gx-box:focus-within { box-shadow: 0 6px 0 rgba(0,0,0,.18), 0 0 0 5px rgba(255,204,0,.6); }
.gx-input { font-size: 18px; font-weight: 600; color: #1d2228; }
.gx-icon { color: #1f8a5c; font-size: 20px; }
.gx-search .home-hero-suggest { top: 70px; }

/* Buttons: chunky 3D */
.gx-buttons { gap: 1rem; margin-top: 2rem; }
.gx-btn { height: 46px; line-height: 46px; padding: 0 1.5rem; font-size: 15px; font-weight: 800; border: 0; border-radius: 12px; color: #1f6f1b; background: #fff; box-shadow: 0 5px 0 rgba(0,0,0,.2); transition: transform .08s, box-shadow .08s; }
.gx-btn:hover { color: #1f6f1b; border: 0; transform: translateY(2px); box-shadow: 0 3px 0 rgba(0,0,0,.2); }
.gx-btn[type=submit] { background: #ffcc00; color: #3a2a00; box-shadow: 0 5px 0 #c79c00; }
.gx-btn[type=submit]:hover { background: #ffd83a; color: #3a2a00; box-shadow: 0 3px 0 #c79c00; }

/* Browse links: translucent white tags */
.gx-links { gap: .6rem; margin-top: 2rem; font-size: 14px; align-items: center; }
.gx-links span { color: rgba(255,255,255,.85); font-weight: 700; }
.gx-links a { padding: .35rem .9rem; font-weight: 700; color: #fff; background: rgba(255,255,255,.18); border-radius: 10px; }
.gx-links a:hover { background: rgba(255,255,255,.32); text-decoration: none; }

/* Server line */
.gx-server, .gx-ip, .gx-online { color: #fff !important; }
.gx-server { margin-top: 2rem; font-size: 14px; }
.gx-ip:hover, .gx-online:hover { color: #ffcc00 !important; }
.gx-dot.is-on { background: #ffcc00; }

/* Footer: blends into the gradient */
html body.home-main-page .site-footer { background: rgba(0,0,0,.15) !important; border-top: 0 !important; }
html body.home-main-page .site-footer-brand { color: #fff !important; }
html body.home-main-page .site-footer-links a, html body.home-main-page .site-footer-legal { color: rgba(255,255,255,.8) !important; }
html body.home-main-page .site-footer-legal { border-top: 1px solid rgba(255,255,255,.2) !important; }
html body.home-main-page .mobile-topbar-brand { color: #fff !important; }

/* ── Search suggestions (the .hw wrapper they were styled under is gone) ── */
.gx-search .home-hero-suggest {
    display: none; max-height: 340px; overflow-y: auto; padding: .4rem;
    background: #fff !important; border: 0 !important; border-radius: 14px !important;
    box-shadow: 0 6px 0 rgba(0,0,0,.18), 0 14px 30px rgba(0,0,0,.2) !important; text-align: left;
}
.gx-search .home-hero-suggest.show { display: block !important; }
.gx-search .home-hero-suggest-item {
    display: flex; align-items: center; gap: .7rem; padding: .5rem .7rem;
    font-size: 15px; font-weight: 600; color: #1d2228 !important; text-decoration: none; border-radius: 10px;
}
.gx-search .home-hero-suggest-item:hover, .gx-search .home-hero-suggest-item.is-active { background: #eef6e6; color: #1f6f1b !important; }
.gx-search .home-hero-suggest-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: none; }
.gx-search .home-hero-suggest-icon img { width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
.gx-search .home-hero-suggest-type { margin-left: auto; font-size: 12px; font-weight: 600; color: #6b7280 !important; }
.gx-search .home-hero-suggest-empty { padding: .6rem .75rem; color: #6b7280 !important; }

/* ── Footer v2: one slim floating white bar, matching the navbar ── */
html body.home-main-page .site-footer { background: transparent !important; border: 0 !important; padding: 0 0 1rem !important; margin: 0 !important; }
html body.home-main-page .site-footer::before { display: none !important; }
html body.home-main-page .site-footer .site-footer-box {
    display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.5rem;
    max-width: 1100px; margin: 0 auto; padding: .7rem 1.25rem;
    background: #fff; border-radius: 16px; box-shadow: 0 6px 0 rgba(0,0,0,.12), 0 10px 24px rgba(0,0,0,.12);
}
html body.home-main-page .site-footer-brand { order: 1; font-size: 14px; font-weight: 800 !important; color: #1f6f1b !important; }
html body.home-main-page .site-footer-legal { order: 2; width: auto; flex: 1 1 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 13px; color: #6b7280 !important; }
html body.home-main-page .site-footer-links { order: 3; display: flex; gap: .4rem; }
html body.home-main-page .site-footer-links a { padding: .3rem .75rem; font-size: 13px; font-weight: 700; color: #1f6f1b !important; background: #eef6e6; border-radius: 8px; text-decoration: none; }
html body.home-main-page .site-footer-links a:hover { color: #fff !important; background: #2f8f2a; }
@media (max-width: 767.98px) {
    html body.home-main-page .site-footer { padding-bottom: 5rem !important; }
    html body.home-main-page .site-footer .site-footer-box { justify-content: center; text-align: center; }
    html body.home-main-page .site-footer-legal { order: 3; flex-basis: 100%; }
}
html body.home-main-page .site-footer { width: 100% !important; max-width: none !important; }
html body.home-main-page .site-footer .site-footer-box { width: 100% !important; max-width: 1047px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; }

/* ── Server status drawer: matches the green / yellow chunky style ── */
html body.home-main-page #serverStatusDrawer {
    top: 1rem !important; right: 1rem !important; bottom: 1rem !important; height: auto !important;
    width: min(400px, calc(100vw - 2rem)) !important;
    background: #fff !important; color: #1d2228 !important; border: 0 !important; border-radius: 20px !important;
    box-shadow: 0 8px 0 rgba(0,0,0,.15), 0 20px 50px rgba(0,0,0,.3) !important; overflow: hidden;
}
html body.home-main-page #serverStatusDrawer .offcanvas-header {
    padding: 1.1rem 1.25rem !important; border: 0 !important;
    background: linear-gradient(135deg, #3fb63a, #1f8a5c 60%, #136d7a) !important;
}
html body.home-main-page #serverStatusDrawer .offcanvas-title { font-size: 19px !important; font-weight: 800 !important; color: #fff !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-close {
    width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
    color: #fff !important; background: rgba(255,255,255,.2) !important; border: 0 !important; border-radius: 10px !important;
}
html body.home-main-page #serverStatusDrawer .server-drawer-close:hover { background: rgba(255,255,255,.35) !important; }
html body.home-main-page #serverStatusDrawer .offcanvas-body { padding: 1.1rem 1.25rem 1.25rem !important; background: #fff !important; }

/* Status + address card */
html body.home-main-page #serverStatusDrawer .server-drawer-summary {
    display: grid; gap: .6rem; padding: .9rem 1rem !important;
    background: #f3f8ee !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important;
}
html body.home-main-page #serverStatusDrawer .server-drawer-summary-row { display: flex; align-items: center; justify-content: space-between; padding: 0 !important; border: 0 !important; background: none !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-summary-label { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .05em; color: #6b7280 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-summary-value { font-size: 15px !important; font-weight: 800 !important; color: #1d2228 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-status-pill.is-online { color: #1f8a3a !important; }

/* Copy / Report: chunky buttons */
html body.home-main-page #serverStatusDrawer .server-drawer-address-actions { display: flex; gap: .6rem; margin: .9rem 0 1.4rem !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-action-btn {
    flex: 1; height: 42px; font-size: 14px !important; font-weight: 800 !important; border: 0 !important; border-radius: 12px !important;
    transition: transform .08s, box-shadow .08s;
}
html body.home-main-page #serverStatusDrawer .server-drawer-action-btn-copy { color: #3a2a00 !important; background: #ffcc00 !important; box-shadow: 0 4px 0 #c79c00 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-action-btn-copy:hover { background: #ffd83a !important; transform: translateY(2px); box-shadow: 0 2px 0 #c79c00 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-action-btn-report { color: #b42318 !important; background: #fdecea !important; box-shadow: 0 4px 0 #f3c2bc !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-action-btn-report:hover { color: #fff !important; background: #d92d20 !important; transform: translateY(2px); box-shadow: 0 2px 0 #a3241a !important; }

/* Section headings */
html body.home-main-page #serverStatusDrawer .server-drawer-heading {
    margin: 0 0 .6rem !important; padding: 0 !important; border: 0 !important;
    font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .06em; color: #1f6f1b !important;
}
html body.home-main-page #serverStatusDrawer .server-drawer-players + .server-drawer-more + .server-drawer-heading,
html body.home-main-page #serverStatusDrawer .server-drawer-players + .server-drawer-heading { margin-top: 1.4rem !important; }

/* Player rows */
html body.home-main-page #serverStatusDrawer .server-drawer-players { display: grid; gap: .35rem; margin: 0 !important; padding: 0 !important; list-style: none; }
html body.home-main-page #serverStatusDrawer .server-drawer-player {
    display: flex; align-items: center; gap: .7rem; padding: .5rem .65rem !important;
    background: #f7f8fa !important; border: 0 !important; border-radius: 12px !important; color: #1d2228 !important; text-decoration: none;
}
html body.home-main-page #serverStatusDrawer .server-drawer-player:hover { background: #eef6e6 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-player-avatar { width: 32px !important; height: 32px !important; border-radius: 8px !important; image-rendering: pixelated; }
html body.home-main-page #serverStatusDrawer .server-drawer-player-name { font-size: 14px !important; font-weight: 700 !important; color: #1d2228 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-player-status { font-size: 12px !important; color: #6b7280 !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-player-rank { min-width: 24px; font-weight: 800 !important; color: #1f8a5c !important; }
html body.home-main-page #serverStatusDrawer .server-drawer-more { font-size: 13px !important; color: #6b7280 !important; }

/* See all players */
html body.home-main-page #serverStatusDrawer .server-drawer-view-all {
    display: flex; align-items: center; justify-content: center; height: 44px; margin-top: 1.2rem !important;
    font-size: 14px !important; font-weight: 800 !important; color: #fff !important; text-decoration: none;
    background: #2f8f2a !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 4px 0 #1f6f1b !important;
}
html body.home-main-page #serverStatusDrawer .server-drawer-view-all:hover { background: #38a332 !important; transform: translateY(2px); box-shadow: 0 2px 0 #1f6f1b !important; }

/* ── Login / Register dropdown: readable text ── */
html body.home-main-page .site-sidebar .sidebar-dropdown-menu .sidebar-dropdown-item { color: #1d2228 !important; font-weight: 700 !important; font-size: 14px; }
html body.home-main-page .site-sidebar .sidebar-dropdown-menu .sidebar-dropdown-item:hover { color: #1f6f1b !important; background: #eef6e6 !important; }

/* ── Server status line → chunky white card ── */
.gx-server {
    display: inline-flex !important; width: auto; gap: .6rem !important; margin-top: 2rem !important;
    padding: .55rem .6rem .55rem 1rem; font-size: 14px !important; font-weight: 700;
    color: #1d2228 !important; background: #fff; border-radius: 14px; box-shadow: 0 5px 0 rgba(0,0,0,.15);
}
.gx-server .gx-dot { width: 10px; height: 10px; background: #c4c9cf; }
.gx-server .gx-dot.is-on { background: #2fbf4a; box-shadow: 0 0 0 4px rgba(47,191,74,.2); animation: gxPulse 2s infinite; }
@keyframes gxPulse { 50% { box-shadow: 0 0 0 7px rgba(47,191,74,0); } }
.gx-server .gx-ip {
    padding: .35rem .7rem; font-size: 14px; font-weight: 700; color: #1f6f1b !important;
    background: #eef6e6; border-radius: 9px;
}
.gx-server .gx-ip::after { content: "\F759"; font-family: bootstrap-icons; margin-left: .45rem; font-size: 13px; opacity: .7; }
.gx-server .gx-ip:hover { color: #fff !important; background: #2f8f2a; text-decoration: none; }
.gx-server .gx-online {
    padding: .35rem .8rem; font-weight: 800; color: #3a2a00 !important;
    background: #ffcc00; border-radius: 9px; box-shadow: 0 3px 0 #c79c00;
}
.gx-server .gx-online:hover { color: #3a2a00 !important; background: #ffd83a; text-decoration: none; transform: translateY(1px); box-shadow: 0 2px 0 #c79c00; }