/*
  PolskaElita.pl | MyBB Green Dark | pe_partners.css v3
  Przywraca kolorowe przyciski partnerow i rozmiar niskiego paska.
  Nie zmienia linkow, kolejnosci ani skryptu karuzeli.
*/

/* Pasek - bez wysokiej pustej przestrzeni */
header .wrapper.ofh .partners {
    position: relative;
    width: 100%;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    margin: 0 !important;
    padding: 11px 42px !important;
    box-sizing: border-box;
    overflow: hidden;
    background: linear-gradient(
        110deg,
        #101516,
        #101a19 72%,
        #121a16
    ) !important;
    border: 1px solid #30483a;
    border-radius: 10px;
    box-shadow: 0 5px 16px rgba(0,0,0,.20);
}

/* Zachowuje przesuwanie slidera */
header .partners .partners-container {
    height: 62px !important;
    max-height: 62px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Opakowania elementow slidera */
header .partners .slick-list,
header .partners .slick-track,
header .partners .slick-slide,
header .partners .owl-item {
    height: 62px !important;
}

/* Wszystkie kafelki - rowny rozmiar */
header .partners .partners-container a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px;
    width: calc(100% - 10px);
    max-width: 190px;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 4px 5px !important;
    padding: 7px 10px !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center;
    vertical-align: middle;
    opacity: 1 !important;
    filter: none !important;
    overflow: hidden;
    white-space: normal;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

/* ZIELONY - Zaglosuj na serwer */
header .partners .partners-container a:not(:has(img)) {
    background: linear-gradient(
        125deg,
        #174b30,
        #123e2a
    ) !important;
    border: 1px solid #397d56 !important;
    color: #f2fff7 !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.07) !important;
}

/* Zielony dla linkow glosowania CSSetti */
header .partners .partners-container
a[href*="cssetti.pl/serwer/"] {
    background: linear-gradient(
        125deg,
        #174b30,
        #123e2a
    ) !important;
    border-color: #397d56 !important;
    color: #f2fff7 !important;
}

/* NIEBIESKI - Pobierz CS 1.6 Non Steam */
header .partners .partners-container
a[href*="cssetti.pl/download"],
header .partners .partners-container
a.partner-download,
header .partners .partners-container
a.pe-partner-download {
    background: linear-gradient(
        125deg,
        #184b72,
        #123351
    ) !important;
    border: 1px solid #397ca7 !important;
    color: #effaff !important;
}

/* POMARANCZOWY - Wspomoz Nas */
header .partners .partners-container
a[href*="cssetti.pl/widget/v1/42705"],
header .partners .partners-container
a.partner-support,
header .partners .partners-container
a.pe-partner-support {
    background: linear-gradient(
        125deg,
        #75400d,
        #54290b
    ) !important;
    border: 1px solid #b47421 !important;
    color: #fff2df !important;
}

/* Przywracamy czytelnosc napisow */
header .partners .partners-container
a:not(:has(img)) :is(
    span, strong, small, b, i, svg
) {
    color: inherit !important;
    opacity: 1 !important;
}

header .partners .partners-container
a:not(:has(img)) i {
    font-size: 17px;
    flex: 0 0 auto;
}

/* CSSETTI I PUKAWKA - LOGOTYPY */
header .partners .partners-container a:has(img) {
    background: #141d20 !important;
    border: 1px solid #344b45 !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.04) !important;
}

/* Obrazy zachowuja proporcje */
header .partners .partners-container a img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 39px !important;
    object-fit: contain;
    margin: 0 auto !important;
    border: 0 !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Delikatne podswietlenie */
header .partners .partners-container a:hover {
    transform: translateY(-1px);
    border-color: #91bba0 !important;
}

header .partners .partners-container
a[href*="widget/v1/42705"]:hover {
    border-color: #e5a64d !important;
}

header .partners .partners-container
a[href*="/download"]:hover {
    border-color: #80c0ec !important;
}

/* Strzalki */
header .partners :is(
    .slick-prev,
    .slick-next,
    .prev,
    .next,
    .arrow
) {
    color: #8ea49b;
}

header .partners :is(
    .slick-prev,
    .slick-next,
    .prev,
    .next,
    .arrow
):hover {
    color: #b5e3c5;
}

/* Mniejsze ekrany */
@media (max-width: 800px) {

    header .wrapper.ofh .partners {
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        padding: 8px 32px !important;
    }

    header .partners .partners-container,
    header .partners .slick-list,
    header .partners .slick-track,
    header .partners .slick-slide,
    header .partners .owl-item {
        height: 58px !important;
        max-height: 58px !important;
    }

    header .partners .partners-container a {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin-top: 4px !important;
        padding: 5px 7px !important;
        font-size: 11px !important;
    }

    header .partners .partners-container a img {
        max-height: 34px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    header .partners .partners-container a {
        transition: none;
    }
}