/*
===========================================================
 PolskaElita.pl | MyBB Green Dark
 pe_boardstats.css | v1.0
 Tylko statystyki na dole strony glownej (.statsboard)
 Nie zmienia liczb, linkow, dzialow ani panelu bocznego.
===========================================================
*/

/* Obudowa jak pozostale sekcje forum */
.statsboard {
    --pe-st-bg: #151e21;
    --pe-st-card: #202c30;
    --pe-st-border: #31463e;
    --pe-st-accent: #83d992;
    position: relative;
    display: flow-root;
    width: 100%;
    max-width: 100%;
    margin: 30px auto 16px !important;
    padding: 0 18px 18px !important;
    box-sizing: border-box;
    color: #d9e6df;
    background: linear-gradient(120deg, #172326 0%, #121c1e 100%) !important;
    border: 1px solid #365347 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.16);
}

/* Nowy naglowek -- nie zmienia szablonu MyBB */
.statsboard::before {
    content: "Statystyki forum";
    display: block;
    min-height: 48px;
    margin: 0 -18px 16px;
    padding: 13px 19px;
    box-sizing: border-box;
    color: #f2f8f3;
    background: linear-gradient(115deg, #1c292a 0%, #172327 75%, #162b22 100%);
    border-bottom: 1px solid #365347;
    border-radius: 9px 9px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
}

/* Piec licznikow: zachowujemy uklad oryginalnego szablonu */
.statsboard :is(.stats, .statistics, .stats-container, .boardstats-stats, .stats-list, .forum-stats) {
    box-sizing: border-box;
    gap: 10px;
}

/* Pojedyncze liczniki, jezeli szablon ma osobne elementy */
.statsboard :is(
    .stat-item, .statistic, .stat-box, .stats-box,
    .stats-item, .stats-container > .item,
    .stats-list > li, .boardstats-stats > .item
) {
    min-width: 0;
    padding: 12px 14px;
    box-sizing: border-box;
    background: #202c30;
    border: 1px solid #31463e;
    border-radius: 8px;
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}

/* Podkreslenie wartosci bez zmiany wartosci z bazy */
.statsboard :is(
    .stat-item, .statistic, .stat-box, .stats-box,
    .stats-item, .boardstats-stats > .item
) > :is(strong, b, .number, .value, .count) {
    color: #f0faf3;
    font-weight: 700;
    line-height: 1.25;
}

/* Ikony pozostaja zielone, ale bez mocnego neonu */
.statsboard :is(.stats, .statistics, .stats-container, .forum-stats) :is(i, svg) {
    vertical-align: middle;
}

/* Kto jest online: osobny wewnetrzny kafelek (wspierane klasy) */
.statsboard :is(
    .whoisonline, .whosonline, .online-users, .online-list,
    .online-board, .online-stats, .board-online, .online
) {
    margin-top: 12px;
    padding: 13px 15px;
    box-sizing: border-box;
    color: #bfcec5;
    background: rgba(32,44,48,.72);
    border: 1px solid #31463e;
    border-radius: 8px;
    line-height: 1.6;
}

/* Ewentualne wbudowane naglowki sekcji online */
.statsboard :is(.whoisonline, .whosonline, .online-users, .online-board) :is(h3,h4,strong.title,.title) {
    color: #edf7ef;
    font-weight: 700;
}

/* Linki w statystykach, bez wymuszania koloru rang */
.statsboard a:not([style]):hover {
    color: #a1e8b4;
}

/* Nowy uzytkownik - avatary bez znieksztalcen */
.statsboard img {
    max-width: 100%;
    height: auto;
}

.statsboard :is(.newestuser, .newest-user, .new-user) img,
.statsboard :is(.newestuser, .newest-user, .new-user) .avatar img {
    border-radius: 50%;
    object-fit: cover;
}

/* Responsywnosc */
@media (max-width: 800px) {
    .statsboard {
        margin-top: 20px !important;
        padding: 0 10px 12px !important;
    }
    .statsboard::before {
        margin: 0 -10px 12px;
        padding: 11px 13px;
        min-height: 44px;
        font-size: 13px;
    }
    .statsboard :is(.stats, .statistics, .stats-container, .boardstats-stats, .stats-list) {
        flex-wrap: wrap;
    }
    .statsboard :is(.stat-item, .statistic, .stat-box, .stats-box, .stats-item) {
        padding: 10px;
    }
}