/* ===========================================================
   POLSKAELITA.PL - KOMUNIKATY I PRZEKIEROWANIA
   pe_notices.css v1.0
   MyBB 1.8.41 / Green Dark TEST

   ACP: Do wszystkich plikow

   Selektory ograniczone do szablonow
   redirect i error.

   Kompletny, samodzielny arkusz.
   =========================================================== */

/* 01. EKRAN PRZEKIEROWANIA */

body > .r_bg {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100;

    display: flex !important;
    align-items: center;
    justify-content: center;

    overflow: auto;

    padding: 30px 18px;
    box-sizing: border-box;

    background: rgba(4,10,10,.59) !important;
}

body > .r_bg > .redirect {
    position: relative !important;

    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    transform: none !important;

    width: min(100%,790px) !important;
    min-width: 0 !important;
    max-width: 790px !important;

    margin: auto !important;

    box-sizing: border-box;
}

/* KARTA PRZEKIEROWANIA */

body > .r_bg > .redirect > .stable.wp {
    width: 100% !important;

    margin: 0 !important;

    overflow: hidden;

    background: #121e20 !important;

    border: 1px solid #436b53 !important;
    border-radius: 12px !important;

    box-shadow: 0 22px 55px #0009 !important;
}

/* NAGLOWEK */

body > .r_bg > .redirect
> .stable.wp > .headline {
    display: flex !important;
    align-items: center;

    min-height: 61px;
    height: auto !important;
    width: 100% !important;

    box-sizing: border-box;

    margin: 0 !important;
    padding: 17px 22px !important;

    background: linear-gradient(
        110deg,
        #1f302d,
        #1a3629
    ) !important;

    border: 0 !important;
    border-bottom: 1px solid #426951 !important;
    border-radius: 0 !important;

    color: #edf8ef !important;

    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.5;
}

/* WNETRZE */

body > .r_bg > .redirect
> .stable.wp > .container {
    box-sizing: border-box;

    padding: 12px !important;
    background: #121e20 !important;
}

/* WIERSZE KOMUNIKATU */

body > .r_bg > .redirect
> .stable.wp > .container > .row {
    box-sizing: border-box;
    width: 100%;

    margin: 0 0 9px !important;
    padding: 18px 19px !important;

    background: linear-gradient(
        115deg,
        #202e30,
        #1b2a2c
    ) !important;

    border: 1px solid #345747 !important;
    border-radius: 8px !important;

    color: #dceee2 !important;

    font-size: 13px;
    line-height: 1.7;
    text-align: left;
}

body > .r_bg > .redirect
> .stable.wp > .container > .row:last-child {
    margin-bottom: 0 !important;
}

/* LINK: KLIKNIJ JESLI NIE CHCESZ CZEKAC */

body > .r_bg > .redirect
> .stable.wp > .container > .row.clearfix {
    display: flex !important;

    align-items: center;
    justify-content: flex-end;

    min-height: 46px;

    padding: 10px 14px !important;
}

body > .r_bg > .redirect
> .stable.wp > .container > .row.clearfix::before,

body > .r_bg > .redirect
> .stable.wp > .container > .row.clearfix::after {
    display: none !important;
    content: none !important;
}

body > .r_bg > .redirect
> .stable.wp > .container > .row.clearfix > .right {
    float: none !important;
    margin-left: auto !important;
}

body > .r_bg > .redirect > .stable.wp a,
body > .r_bg > .redirect > .stable.wp a .smalltext {
    color: #b6e8c2 !important;
    font-size: 12px !important;

    text-decoration: none;
}

body > .r_bg > .redirect > .stable.wp a:hover,
body > .r_bg > .redirect > .stable.wp a:hover .smalltext {
    color: #f0fff2 !important;
}

/* ===========================================================
   02. KOMUNIKAT BLEDU

   Szablon error zawiera jedna .row
   w bezposrednim kontenerze .stable.

   Nie obejmuje list watkow i innych
   zwyklych stron.
   =========================================================== */

body > .stable:has(
    > .headline + .container > .row:only-child
) {
    box-sizing: border-box;

    max-width: min(100%,1100px);
    margin: 22px auto;
    padding: 0;

    overflow: hidden;

    background: #121e20;
    border: 1px solid #365748;
    border-radius: 11px;

    color: #eaf5ec;
}

/* NAGLOWEK KOMUNIKATU */

body > .stable:has(
    > .headline + .container > .row:only-child
) > .headline {
    box-sizing: border-box;

    width: 100%;
    min-height: 61px;
    height: auto;

    margin: 0;
    padding: 16px 21px;

    display: flex;
    align-items: center;

    background: linear-gradient(
        110deg,
        #1e2c2e,
        #192f26
    );

    border: 0;
    border-bottom: 1px solid #426951;
    border-radius: 0;

    color: #f0f8f1;

    font-size: 14px;
    font-weight: 700;
}

/* KONTENER KOMUNIKATU */

body > .stable:has(
    > .headline + .container > .row:only-child
) > .container {
    padding: 12px;
    box-sizing: border-box;

    background: #121e20;
}

/* TRESC BLEDU */

body > .stable:has(
    > .headline + .container > .row:only-child
) > .container > .row:only-child {
    box-sizing: border-box;

    margin: 0;
    padding: 18px 20px;

    min-height: 64px;

    background: linear-gradient(
        110deg,
        #202c30,
        #1c2d2c
    );

    border: 1px solid #385849;
    border-left: 3px solid #d1ae6c;
    border-radius: 8px;

    color: #f1d9aa;

    font-size: 14px;
    line-height: 1.65;
}

/* 03. WEWNETRZNE KOMUNIKATY WALIDACJI */

.error {
    padding: 14px 18px;
    margin: 12px 0;

    background: #352626;

    border: 1px solid #9d5b55;
    border-left: 3px solid #dc8980;
    border-radius: 8px;

    color: #f6dfdc;
    line-height: 1.6;
}

.error p {
    margin: 0 0 8px;
}

.error ul {
    margin: 0;
    padding-left: 20px;
}

.error a {
    color: #ffe5ac;
}

/* 04. MNIEJSZE EKRANY */

@media (max-width: 600px) {

    body > .r_bg {
        padding: 16px 10px;
    }

    body > .r_bg > .redirect
    > .stable.wp > .headline {
        padding: 13px 16px !important;
    }

    body > .r_bg > .redirect
    > .stable.wp > .container > .row {
        padding: 14px 13px !important;
    }

    body > .stable:has(
        > .headline + .container > .row:only-child
    ) {
        margin: 15px auto;
    }
}