/* ==========================================
   POLSKAELITA.PL — WYGLAD GRUP
   MyBB 1.8.41 / Vorro-Light
   Legenda 25 rang
   ========================================== */

/* GLOWNY KONTENER */

.pe-legend {
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0;
    padding: 15px 18px;

    border: 1px solid #633b83;
    border-radius: 10px;

    background: linear-gradient(
        135deg,
        #171426 0%,
        #21172e 100%
    );

    box-shadow: 0 0 16px rgba(160, 65, 210, 0.12);
}

/* NAGLOWEK */

.pe-legend .pe-legend-title {
    color: #f0d8ff;
    font-size: 15px;
    font-weight: 800;

    margin-bottom: 13px;
    padding-bottom: 10px;

    border-bottom: 1px solid #493458;
}

.pe-legend .pe-legend-title i,
.pe-legend .pe-legend-title svg {
    color: #d78aff;
    margin-right: 7px;
}

/* LISTA RANG */

.pe-legend .pe-legend-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 17px;
}

/* PODSTAWOWY WYGLAD RANG */

.pe-legend .pe-rank {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    font-size: 12px;
    font-weight: 800;
    line-height: 1.6;
    white-space: nowrap;

    color: var(--start);

    background-image: linear-gradient(
        90deg,
        var(--start),
        var(--end)
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    transition:
        filter 0.2s ease,
        transform 0.2s ease;
}

/* IKONY FONT AWESOME */

.pe-legend .pe-rank i,
.pe-legend .pe-rank svg {
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    font-size: 12px;

    color: var(--start);
    fill: currentColor;

    -webkit-text-fill-color: initial;
}

/* EFEKT PO NAJECHANIU */

.pe-legend .pe-rank:hover {
    filter: brightness(1.3)
        drop-shadow(0 0 4px var(--start));

    transform: translateY(-1px);
}

/* ==========================================
   1. WLASCICIEL — MOCNA CZERWIEN
   ========================================== */

.pe-legend .pe-owner {
    --start: #ff6666;
    --end: #a80016;

    background-image: linear-gradient(
        90deg,
        #ff6666 0%,
        #ff2020 35%,
        #e00018 70%,
        #a80016 100%
    );
}

.pe-legend .pe-owner:hover {
    filter: brightness(1.3)
        drop-shadow(0 0 7px #ff2020);
}

/* ==========================================
   2. ADMINISTRATOR
   ========================================== */

.pe-legend .pe-admin {
    --start: #ff4444;
    --end: #ff8e55;
}

/* 3. JUNIOR ADMINISTRATOR */

.pe-legend .pe-junior {
    --start: #ffcf60;
    --end: #db8bff;
}

/* 4. MODERATOR */

.pe-legend .pe-mod {
    --start: #40e3a0;
    --end: #44a9ff;
}

/* 5. TECHNIK */

.pe-legend .pe-tech {
    --start: #47e8ff;
    --end: #877aff;
}

/* 6. OPIEKUN SERWEROW */

.pe-legend .pe-servers {
    --start: #ae80ff;
    --end: #fa65d3;
}

/* 7. OPIEKUN CS 1.6 */

.pe-legend .pe-cs16-care {
    --start: #5bc4ff;
    --end: #7d8aff;
}

/* 8. OPIEKUN CS2 */

.pe-legend .pe-cs2-care {
    --start: #ffa45c;
    --end: #ff5e8b;
}

/* 9. ADMIN TS3 */

.pe-legend .pe-ts3 {
    --start: #6adfff;
    --end: #b18aff;
}

/* 10. ADMIN CS 1.6 */

.pe-legend .pe-cs16 {
    --start: #56acff;
    --end: #a07dff;
}

/* 11. ADMIN CS:GO */

.pe-legend .pe-csgo {
    --start: #ffba68;
    --end: #ff6b55;
}

/* 12. ADMIN CS2 */

.pe-legend .pe-cs2 {
    --start: #ff8a56;
    --end: #ffcd70;
}

/* 13. UB TEAM */

.pe-legend .pe-ub {
    --start: #79d9ff;
    --end: #c58aff;
}

/* 14. GRAFIK */

.pe-legend .pe-graphic {
    --start: #d48aff;
    --end: #ff77c5;
}

/* 15. REDAKTOR */

.pe-legend .pe-editor {
    --start: #ffbf77;
    --end: #fa8ca7;
}

/* 16. sVIP */

.pe-legend .pe-svip {
    --start: #ff80e0;
    --end: #ae7dff;
}

/* 17. VIP */

.pe-legend .pe-vip {
    --start: #ffe07c;
    --end: #ff8f57;
}

/* 18. DONATOR */

.pe-legend .pe-donor {
    --start: #60efaa;
    --end: #91e46d;
}

/* 19. PREMIUM */

.pe-legend .pe-premium {
    --start: #62f1f0;
    --end: #a18cff;
}

/* 20. LEGENDA */

.pe-legend .pe-legendary {
    --start: #e9c765;
    --end: #f579d4;
}

/* ==========================================
   21. STALY BYWALEC
   ORYGINALNY GRADIENT
   ========================================== */

.pe-legend .pe-regular {
    --start: #7668d4;
    --end: #f21074;

    background-image: linear-gradient(
        90deg,
        #7668d4,
        #885bc7,
        #ab42ab,
        #bd369d,
        #e01d82,
        #f21074
    );
}

/* 22. DZIEWCZYNA */

.pe-legend .pe-girl {
    --start: #ff85bd;
    --end: #ff5b96;
}

/* 23. URLOP */

.pe-legend .pe-holiday {
    --start: #9da7c5;
    --end: #c18bff;
}

/* 24. UZYTKOWNIK */

.pe-legend .pe-user {
    --start: #e2b976;
    --end: #f3db9c;
}

/* 25. ZBANOWANY */

.pe-legend .pe-banned {
    --start: #a3a3ad;
    --end: #6c6c7c;
}

/* ==========================================
   WERSJA MOBILNA
   ========================================== */

@media (max-width: 600px) {

    .pe-legend {
        padding: 12px;
    }

    .pe-legend .pe-legend-list {
        gap: 9px 13px;
    }

    .pe-legend .pe-rank {
        font-size: 11px;
    }

    .pe-legend .pe-rank i,
    .pe-legend .pe-rank svg {
        font-size: 11px;
    }

}


/* ==========================================
   POLSKAELITA.PL
   KOLORY NICKOW UZYTKOWNIKOW
   Kto jest Online / Ostatnie Posty
   Profile / Tematy / Forum
   ========================================== */

/* WLASCICIEL */
.wl {
    color: #ff2020 !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(255, 32, 32, .45);
}

/* ADMINISTRATOR */
.admin {
    color: #990606 !important;
    font-weight: bold;
}

/* JUNIOR ADMINISTRATOR */
.jadmin {
    color: #8d9009 !important;
    font-weight: bold;
}

/* MODERATOR */
.mod {
    color: green !important;
    font-weight: bold;
}

/* OPIEKUN SERWEROW */
.oserver {
    color: #4d4dff !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* UB TEAM */
.ubteam {
    color: #2176b4 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* ADMIN CS 1.6 */
.admin16 {
    color: #009393 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* ADMIN CS:GO */
.admincsgo {
    color: #bf8247 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* ADMIN TS3 */
.admints3 {
    color: #1929a4 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* GRAFIK */
.grafik {
    color: #8300e0 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* REDAKTOR */
.redaktor {
    color: #f07600 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* DONATOR */
.donator {
    color: #45d141 !important;
    font-weight: bold;
    text-shadow: 1px 1px 7px;
}

/* PREMIUM */
.premium {
    color: #08ffe5 !important;
    font-weight: bold;
    text-shadow: 1px 1px 4px #05439f;
}

/* STALY BYWALEC */
.bywalec {
    color: #ab42ab !important;
    font-weight: bold;
    text-shadow: 0 0 4px rgba(242, 16, 116, .35);
}

/* LEGENDA */
.legenda {
    color: #27787e !important;
    font-weight: bold;
    text-shadow: 1px 1px 10px;
}

/* UZYTKOWNIK */
.user {
    color: #df9c1f !important;
    font-weight: bold;
}

/* ZBANOWANY */
.banned {
    color: #636363 !important;
    font-weight: bold;
    text-decoration: line-through;
}




/* POLSKAELITA — WLASCICIEL */

html body #container .wl,
html body #container a .wl,
html body #container .wl a {
    color: #ff2020 !important;
    font-weight: 900 !important;
    text-shadow: 0 0 6px rgba(255, 32, 32, .6) !important;
}

html body #container .wl:hover,
html body #container a:hover .wl {
    color: #ff6666 !important;
}



/* ==========================================
   POLSKAELITA.PL
   RANGI POZA LEGENDA
   Kto jest Online / Ostatnie Posty
   ========================================== */

/* WLASCICIEL — CZERWONY GRADIENT */

html body #container .pe-rank.pe-owner {
    --start: #ff6666;
    --end: #a80016;

    display: inline-flex;
    align-items: center;
    gap: 5px;

    font-weight: 900 !important;

    color: #ff2020 !important;

    background-image: linear-gradient(
        90deg,
        #ff6666 0%,
        #ff2020 35%,
        #e00018 70%,
        #a80016 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow: none;
}

/* KORONA WLASCICIELA */

html body #container .pe-rank.pe-owner i,
html body #container .pe-rank.pe-owner svg {
    color: #ff3030 !important;
    fill: currentColor;
    -webkit-text-fill-color: initial;
    margin-right: 3px;
}

/* EFEKT HOVER */

html body #container .pe-rank.pe-owner:hover {
    filter: brightness(1.3)
        drop-shadow(0 0 5px #ff2020);
}