/*
===============================================
 POLSKAELITA.PL - FORMATY LOGINÓW
 Green Dark | MyBB 1.8.41
 Wersja dopasowana do Green Dark / Shoutbox
===============================================
*/

.pe-login {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    vertical-align: middle;
    gap: 5px;
    box-sizing: border-box;
    min-height: 22px;
    max-width: 100%;
    padding: 2px 8px;
    margin: 0;
    color: var(--pe-login-color, #c5d0cb) !important;
    background: var(--pe-login-bg, #20282c);
    border: 1px solid var(--pe-login-border, rgba(255,255,255,0.14));
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    transition: border-color .2s ease, filter .2s ease;
}

.pe-login i {
    flex: 0 0 auto;
    font-size: 10px;
    line-height: 1;
    color: inherit;
}

.pe-login:hover,
a .pe-login:hover,
a.pe-login:hover {
    text-decoration: none !important;
    border-color: var(--pe-login-color, #c5d0cb);
    filter: brightness(1.05);
}

/* LINKI Z LOGINAMI */
a .pe-login,
a.pe-login {
    text-decoration: none !important;
}

/* 01. WŁAŚCICIEL */
.pe-login.pe-owner {
    --pe-login-color: #f4c84c;
    --pe-login-bg: #2a2414;
    --pe-login-border: rgba(244, 200, 76, 0.45);
}

/* 02. ADMINISTRATOR */
.pe-login.pe-admin {
    --pe-login-color: #ff7d7d;
    --pe-login-bg: #2b1c20;
    --pe-login-border: rgba(255, 125, 125, 0.45);
}

/* 03. JUNIOR ADMIN */
.pe-login.pe-junioradmin {
    --pe-login-color: #ff9f66;
    --pe-login-bg: #2d2119;
    --pe-login-border: rgba(255, 159, 102, 0.45);
}

/* 04. OPIEKUN MODERACJI */
.pe-login.pe-modchief {
    --pe-login-color: #c89dff;
    --pe-login-bg: #251f31;
    --pe-login-border: rgba(200, 157, 255, 0.45);
}

/* 05. MODERATOR */
.pe-login.pe-moderator {
    --pe-login-color: #78bbff;
    --pe-login-bg: #1a2633;
    --pe-login-border: rgba(120, 187, 255, 0.45);
}

/* 06. REDAKTOR */
.pe-login.pe-redaktor {
    --pe-login-color: #8fdc70;
    --pe-login-bg: #202a1a;
    --pe-login-border: rgba(143, 220, 112, 0.45);
}

/* 07. GRAFIK */
.pe-login.pe-grafik {
    --pe-login-color: #e89dd7;
    --pe-login-bg: #2a1f28;
    --pe-login-border: rgba(232, 157, 215, 0.45);
}

/* 08. UBTEAM */
.pe-login.pe-ubteam {
    --pe-login-color: #b88fff;
    --pe-login-bg: #251d31;
    --pe-login-border: rgba(184, 143, 255, 0.45);
}

/* 09. WŁAŚCICIEL SERWERA */
.pe-login.pe-serverowner {
    --pe-login-color: #f0b56f;
    --pe-login-bg: #2d241b;
    --pe-login-border: rgba(240, 181, 111, 0.45);
}

/* 10. OPIEKUN SERWERA */
.pe-login.pe-servercaretaker {
    --pe-login-color: #69d0d8;
    --pe-login-bg: #1b2b2d;
    --pe-login-border: rgba(105, 208, 216, 0.45);
}

/* 11. ADMIN CS 1.6 */
.pe-login.pe-cs16 {
    --pe-login-color: #7fda63;
    --pe-login-bg: #1d2a1b;
    --pe-login-border: rgba(127, 218, 99, 0.45);
}

/* 12. ADMIN CS2 */
.pe-login.pe-cs2 {
    --pe-login-color: #ffb05e;
    --pe-login-bg: #2b231b;
    --pe-login-border: rgba(255, 176, 94, 0.45);
}

/* 13. ADMIN DISCORD */
.pe-login.pe-discord {
    --pe-login-color: #93a3ff;
    --pe-login-bg: #21253a;
    --pe-login-border: rgba(147, 163, 255, 0.45);
}

/* 14. ZASŁUŻONY */
.pe-login.pe-honored {
    --pe-login-color: #e8ca7f;
    --pe-login-bg: #2c271c;
    --pe-login-border: rgba(232, 202, 127, 0.45);
}

/* 15. SPONSOR */
.pe-login.pe-sponsor {
    --pe-login-color: #ffb870;
    --pe-login-bg: #2d231b;
    --pe-login-border: rgba(255, 184, 112, 0.45);
}

/* 16. DONATOR */
.pe-login.pe-donator {
    --pe-login-color: #ff94b0;
    --pe-login-bg: #2d1f27;
    --pe-login-border: rgba(255, 148, 176, 0.45);
}

/* 17. VIP */
.pe-login.pe-vip {
    --pe-login-color: #f2cf5e;
    --pe-login-bg: #2a2517;
    --pe-login-border: rgba(242, 207, 94, 0.45);
}

/* 18. TYPER */
.pe-login.pe-typer {
    --pe-login-color: #79d89c;
    --pe-login-bg: #1d2b24;
    --pe-login-border: rgba(121, 216, 156, 0.45);
}

/* 19. PARTNER */
.pe-login.pe-partner {
    --pe-login-color: #71c6e8;
    --pe-login-bg: #1b2730;
    --pe-login-border: rgba(113, 198, 232, 0.45);
}

/* 20. PRZYJACIEL */
.pe-login.pe-friend {
    --pe-login-color: #b5e17a;
    --pe-login-bg: #242c1d;
    --pe-login-border: rgba(181, 225, 122, 0.45);
}

/* 21. KOBIETA */
.pe-login.pe-woman {
    --pe-login-color: #f0a4d2;
    --pe-login-bg: #2c1f29;
    --pe-login-border: rgba(240, 164, 210, 0.45);
}

/* 22. UŻYTKOWNIK */
.pe-login.pe-user {
    --pe-login-color: #c5d0cb;
    --pe-login-bg: #22292d;
    --pe-login-border: rgba(197, 208, 203, 0.30);
}

/* 23. URLOP */
.pe-login.pe-urlop {
    --pe-login-color: #9db4c8;
    --pe-login-bg: #202830;
    --pe-login-border: rgba(157, 180, 200, 0.45);
}

/* 24. ZBANOWANY */
.pe-login.pe-banned {
    --pe-login-color: #e58b93;
    --pe-login-bg: #2b1b20;
    --pe-login-border: rgba(229, 139, 147, 0.45);
}

/* MIEJSCA GDZIE TAGI NAJCZĘŚCIEJ SIĘ POJAWIAJĄ */
.statics .pe-login,
.sidebar .pe-login,
.shoutbox .pe-login,
.dvz_shoutbox .pe-login,
.forum_lastpost .pe-login,
.lastpost .pe-login,
.author .pe-login,
.lthr .pe-login {
    font-size: 10px;
    min-height: 20px;
    padding: 2px 7px;
}

/* TELEFONY */
@media screen and (max-width: 480px) {
    .pe-login {
        font-size: 10px;
        min-height: 20px;
        padding: 2px 7px;
    }

    .pe-login i {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pe-login {
        transition: none;
    }
}