/* Styl banera */
#cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #4B371F;
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: center; /* Wyrównanie tekstu na środku */
    align-items: center;
    gap: 10px; /* Odstęp między tekstem a przyciskiem */
}

/* Styl tekstu */
#cookie-banner p {
    margin: 0;
    text-align: center;
    flex-grow: 1; /* Sprawia, że tekst zajmuje całą dostępna przestrzeń */
}

/* Styl przycisku */
#accept-cookies {
    background-color: #6D5332;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

/* Stylizacja dla urządzeń mobilnych (w telefonach bez zmian) */
@media (max-width: 768px) {
    #cookie-banner {
        display: block;
        text-align: center;
    }
    #accept-cookies {
        margin-top: 10px; /* Odstęp od tekstu w wersji mobilnej */
    }
}