/* d:\Zasoby\xampp\htdocs\prntd.pl\prntd.pl\assets\components\Footer\footer.css */

footer {
    background-color: #ffffff; /* Białe tło */
    color: #333333;         /* Ciemnoszary tekst (poprzedni kolor tła) */
    text-align: center;
    padding: 9px 10px;      /* Dodatkowo zmniejszony padding góra/dół o 3px każdy */
    font-size: 0.875em;     /* Rozmiar czcionki */
    width: 100%;
    box-sizing: border-box; /* Padding nie zwiększa szerokości */
    margin-top: auto;       /* Kluczowe dla przyklejenia stopki do dołu w układzie flex z body */
    border-top: 2px solid #999999; /* Grubsza i ciemniejsza górna krawędź */
}

footer p {
    margin-top: 0; /* Usunięcie domyślnego górnego marginesu dla paragrafu */
    margin-bottom: 0; /* Usunięcie domyślnego dolnego marginesu dla paragrafu */
    /* font-size i line-height dziedziczone z `footer` lub można tu nadpisać, jeśli potrzeba */
    /* Jeśli chcesz specyficzny rozmiar dla p w stopce, możesz go tu ustawić, np. font-size: 1em; */
}

/* Przykładowe style dla linków, jeśli pojawią się w stopce */
footer a {
    color: #007bff; /* Standardowy niebieski kolor linków */
    text-decoration: none;
    margin: 0 5px; /* Marginesy między linkami */
}

footer a:hover {
    color: #0056b3; /* Ciemniejszy niebieski po najechaniu */
    text-decoration: underline;
}

/* --- Wersja mobilna --- */

/* Dla tabletów i mniejszych ekranów */
@media (max-width: var(--breakpoint-medium)) { /* Użycie globalnej zmiennej z styles.css */
    footer {
        padding: 9px 10px; /* Zgodnie ze zmianą w głównym stylu */
        font-size: 0.8em;
    }
}

/* Dla bardzo małych ekranów (smartfony) */
@media (max-width: var(--breakpoint-small)) { /* Użycie globalnej zmiennej z styles.css */
    footer {
        padding: 7px 8px; /* Zmniejszony padding góra/dół o 3px każdy */
        font-size: 0.75em;
    }
}