/* Własne klasy, bez ingerencji w menu, wpisy i galerie. */
.chw-stopka {
    box-sizing: border-box;
    position: relative;
    margin: 30px 10px 0;
    padding: 0;
    overflow: hidden;
    background: #073d73;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    border-radius: 0 0 10px 10px;
}
.chw-stopka *, .chw-stopka *::before, .chw-stopka *::after { box-sizing: border-box; }
.chw-stopka-ilustracja {
    position: absolute;
    inset: 0 0 auto;
    aspect-ratio: 3 / 1;
    background: url('images/akwen_chwalowice.png') center 82% / cover no-repeat;
    pointer-events: none;
}
.chw-stopka-ilustracja::after { content: ''; position: absolute; inset: auto 0 0; height: 40px; background: linear-gradient(transparent, #073d73); }
.chw-stopka-ilustracja img { display: block; width: 100%; height: auto; border: 0; }
.chw-stopka::before {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0 0 auto;
    height: 30px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H1440V5C1120 55 840 0 620 16S180 3 0 65Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.chw-stopka-tresc { position: relative; z-index: 2; padding: 210px 34px 25px; }
.chw-stopka-marka { display: inline-flex; gap: 16px; align-items: center; max-width: 100%; color: #fff; text-decoration: none; }
/* Oryginalny znak pobrany wizualnie z Waszego banera; bez zmiany grafiki. */
.chw-stopka-logo {
    flex: 0 0 78px;
    width: 78px;
    height: 70px;
    border-radius: 14px;
    background: #087eb4 url('images/baner_chwalowice_leniwiec.jpg') -43px -42px / 961.5px 408.5px no-repeat;
}
.chw-stopka-nazwa { display: block; font-family: 'Courier New', monospace; font-size: clamp(23px, 3vw, 35px); font-weight: bold; letter-spacing: 1px; line-height: 1.2; }
.chw-stopka-haslo { display: block; margin-top: 9px; color: #f8d958; font-family: Georgia, serif; font-size: 17px; font-weight: normal; font-style: italic; letter-spacing: 0; }
.chw-stopka-opis { margin: 13px 0 25px 94px; color: #e3edf7; font-size: 13px; }
.chw-stopka-dol { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.24); }
.chw-stopka-prawa { flex: 1 1 240px; margin: 0; color: #d5e5f5; font-size: 12px; }
.chw-stopka-prawa span { display: block; margin-top: 2px; }
.chw-stopka-linki { display: flex; flex-wrap: wrap; gap: 10px 18px; font-size: 13px; }
.chw-stopka a { color: #fff; }
.chw-stopka-linki a { padding: 7px 0; text-decoration: none; }
.chw-stopka-linki a:hover { text-decoration: underline; }
.chw-stopka-facebook { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.48); border-radius: 24px; font-size: 13px; text-decoration: none; }
.chw-stopka-facebook:hover { background: rgba(255,255,255,.12); }
.chw-stopka a:focus-visible { outline: 3px solid #ffe066; outline-offset: 5px; border-radius: 4px; }
@media (max-width: 800px) {
    .chw-stopka { margin: 24px 0 0; border-radius: 0; }
    .chw-stopka-tresc { padding: max(160px, 20vw) 24px 25px; }
    .chw-stopka-dol { gap: 14px 20px; }
    .chw-stopka-prawa { flex-basis: 100%; }
}
@media (max-width: 500px) {
    /* Cała ilustracja mieści się na telefonie; tekst jest poniżej leniwca. */
    .chw-stopka-tresc { padding: 125px 20px 24px; }
    .chw-stopka-marka { gap: 12px; }
    .chw-stopka-nazwa { font-size: clamp(18px, 5.5vw, 25px); letter-spacing: 0; }
    .chw-stopka-haslo { font-size: 15px; }
    .chw-stopka-opis { margin: 15px 0 22px; font-size: 13px; }
    .chw-stopka-linki { flex-basis: 100%; }
}