/* -- Style dla bannera informacyjnego o migracji serwera -- */
#server-banner {
    background-color: #d9534f; /* Czerwony kolor ostrzegawczy */
    color: #ffffff;
    padding: 15px 20px;
    font-weight: 500;
    line-height: 1.6;
    display: flex; /* Użycie Flexbox do ułożenia ikonki i tekstu */
    align-items: center; /* Wyrównanie w pionie */
    justify-content: center; /* Wyrównanie w poziomie */
    gap: 15px; /* Odstęp między ikonką a tekstem */
}

#server-banner .fa-exclamation-triangle {
    font-size: 2.5em; /* Wielkość ikonki */
    color: #fff;
    border: 2px solid #fff;
	width: auto;
}

#server-banner .banner-text {
    text-align: center;
	max-width: 80%
}

#server-banner p {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #ffffff;
    text-align: center;
}

#server-banner a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#server-banner a:hover {
    color: #f0f0f0;
}

/* Dostosowanie dla urządzeń mobilnych */
@media only screen and (max-width: 768px) {
    #server-banner {
        flex-direction: column; /* Układ kolumnowy na małych ekranach */
        text-align: center;
        gap: 10px;
    }
    #server-banner .fa-exclamation-triangle {
        font-size: 2em; /* Mniejsza ikonka */
        /* Możesz dostosować text-shadow również dla mobilnych, jeśli chcesz */
    }
}