/*
 * NebraOT Header + Players Online V11
 * Visual-only adjustment for the left logo and top-right status badge.
 */

/* Raise the Tibia/NebraOT logo and recover some of the empty vertical area. */
#LeftArtwork {
    height: 104px !important;
    overflow: visible !important;
}

#LeftArtwork #TibiaLogoArtworkTop {
    transform: translateY(-32px) !important;
    transform-origin: center top !important;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,.80)) !important;
}

#LeftArtwork #TibiaLogoArtworkTop:hover {
    transform: translateY(-34px) scale(1.018) !important;
}

/* Right column gets a proper live online card in the previously empty area. */
#ThemeboxesColumn {
    position: sticky !important;
    overflow: visible !important;
}

#NebraTopOnline {
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 66px;
    padding: 10px 13px;
    border: 1px solid rgba(232,181,83,.35);
    border-radius: 13px;
    background:
        radial-gradient(circle at 84% 20%, rgba(179,50,28,.16), transparent 42%),
        linear-gradient(155deg, rgba(35,18,13,.97), rgba(12,9,8,.96));
    box-shadow:
        0 10px 24px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,224,155,.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 120;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#NebraTopOnline:hover {
    transform: translateY(-2px);
    border-color: rgba(255,210,113,.62);
    box-shadow:
        0 13px 28px rgba(0,0,0,.46),
        0 0 18px rgba(151,44,24,.13);
}

#NebraTopOnline .NebraOnlineTopLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
}

#NebraTopOnline .NebraOnlineTitle {
    color: #f4d28f !important;
    font: 800 9px/1.1 Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000 !important;
}

#NebraTopOnline .NebraOnlineLive {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #b9a78a !important;
    font: 700 8px/1 Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: .55px;
    text-transform: uppercase;
}

#NebraTopOnline .NebraOnlineDot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #57d57a;
    box-shadow: 0 0 8px rgba(87,213,122,.78);
}

#NebraTopOnline.nebra-offline .NebraOnlineDot {
    background: #e46253;
    box-shadow: 0 0 8px rgba(228,98,83,.70);
}

#NebraTopOnline .NebraOnlineMain {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

#NebraTopOnline .NebraOnlineNumber {
    color: #fff3d4 !important;
    font: 900 22px/.95 Inter, "Segoe UI", Arial, sans-serif;
    letter-spacing: -.4px;
    text-shadow: 0 2px 6px #000 !important;
}

#NebraTopOnline .NebraOnlineText {
    color: #d9c6a7 !important;
    font: 700 10px/1.1 Inter, "Segoe UI", Arial, sans-serif;
}

/* Existing boosted card still begins below the new online card. */
#RightArtwork {
    margin-top: 104px !important;
}

@media (max-width: 1180px) {
    #NebraTopOnline {
        display: none !important;
    }
}

@media (max-width: 760px) {
    #LeftArtwork {
        height: auto !important;
    }
    #LeftArtwork #TibiaLogoArtworkTop {
        transform: none !important;
    }
}