/* =========================================================================
   ==== DYNAMICZNE DOPASOWANIE KOLORYSTYCZNE I POZYCJONOWANIE BADGE ========
   ========================================================================= */

.sw-floating-badge {
    position: fixed;
    /* 🚀 UNIWERSALNY FALLBACK DLA WINDOWS 14": Twarde trzymanie prawej krawędzi okna */
    right: 20px !important;
    bottom: 75px;       /* Dokładnie 75px od bottomu okna */
    width: 200px;       /* Zgrabne, wąskie 200px szerokości */
    background: #1a252f; /* Ciemne tło dopasowane do stopki Volley News */
    color: #ffffff;
    border: 1px solid #f35a01; /* Oficjalny siatkarski pomarańcz portalu */
    border-radius: 6px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4);
    z-index: 99999;
    font-family: 'Arial', sans-serif;
    padding: 14px;
    box-sizing: border-box;

    /* Czyszczenie starych transformacji lewej strony */
    left: auto !important;
    margin-left: 0 !important;
    top: auto !important;

    /* Płynne, sterylne pojawianie się przez przezroczystość */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

/* Stan aktywny wyzwalany przez skrypt JS po przewinięciu 300px */
.sw-floating-badge.sw-active-floating {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    animation: swBadgeLevitate 3.5s ease-in-out infinite; /* Spokojne lewitowanie góra-dół */
}

/* 🖥️ DEDYKOWANY PUŁAP DLA TWOJEGO MACA 27" (Ekrany Ultra-Wide / 5K powyżej 2000px):
   Gwarantuje, że na wielkim monitorze baner przeskoczy z krawędzi biurka
   i przytuli się idealnie do prawej linii Twojego potężnego layoutu 1647px! */
@media (min-width: 2000px) {
    .sw-floating-badge {
        right: auto !important;
        left: 50% !important;
        margin-left: 835px !important; /* Połowa z 1647px + 12px bezpiecznego odstępu */
    }
}

@keyframes swBadgeLevitate {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); } /* Spokojny ruch uniesienia o 6px */
    100% { transform: translateY(0px); }
}

.sw-badge-header {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(243, 90, 1, 0.2); /* Subtelna pomarańczowa linia podziału */
    padding-bottom: 8px;
}

.sw-badge-icon {
    font-size: 16px;
}

.sw-badge-title {
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #f35a01; /* Tytuł świeci w kolorze przewodnim strony */
    letter-spacing: 0.5px;
}

.sw-badge-body p {
    margin: 10px 0;
    font-size: 12px;
    line-height: 1.4;
    color: #bdc3c7;
    text-align: left;
}

.sw-badge-body strong {
    color: #ffffff;
    border-bottom: 1px dashed #f35a01;
}

.sw-badge-action-btn {
    display: block;
    background: #f35a01; /* Przycisk akcji w kolorze pomarańczowym */
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: background 0.2s, transform 0.1s;
}

.sw-badge-action-btn:hover {
    background: #d35400; /* Ciemniejszy odcień pomarańczu po najechaniu myszką */
}

.sw-badge-close {
    position: absolute;
    top: 4px;
    right: 8px;
    background: none;
    border: none;
    color: #7f8c8d;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.sw-badge-close:hover {
    color: #f35a01;
}

/* 📱 BEZWZGLĘDNE WYKLUCZENIE MOBILNE (Smartfony pozostają sterylnie czyste) */
@media (max-width: 767px) {
    .sw-floating-badge, #sw-scroll-promo-badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}