/* ============================================
   talven-footer — czarna stopka 4 kolumny
   ============================================ */

.talven-footer {
    background: #0A0A0A;
    color: white;
}

/* ---- Logo ---- */
.talven-footer__logo {
    font-size: clamp(2.8rem, 5vw, 4rem);
    font-weight: 500;
    letter-spacing: -0.03em;
    color: white;
    line-height: 1;
    display: block;
}
.talven-footer__logo:hover { color: rgba(255,255,255,0.80); }

/* ---- Opis ---- */
.talven-footer__opis {
    font-size: 0.88rem;
    line-height: 1.65;
    color: rgba(255,255,255,0.50);
    max-width: 22rem;
    margin: 0;
}

/* ---- Etykiety kolumn ---- */
.talven-footer__col-label {
    font-family: "JetBrains Mono", monospace;
    font-size: 0.65rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.38);
}

/* ---- Linki ---- */
.talven-footer__lista {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}
.talven-footer__link {
    font-size: 0.95rem;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    transition: color 0.18s;
    line-height: 1.3;
}
.talven-footer__link:hover { color: white; }

/* Tekst bez linku (adres) */
.talven-footer__link--plain {
    font-size: 0.95rem;
    color: rgba(255,255,255,0.75);
    line-height: 1.3;
}

/* ---- Linia ---- */
.talven-footer__hr {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.10);
    margin: 0;
}

/* ---- Dolny pasek ---- */
.talven-footer__copy,
.talven-footer__made {
    font-size: 0.82rem;
    color: rgba(255,255,255,0.38);
}

/* ---- Responsywność ---- */
@media (max-width: 991.98px) {
    .talven-footer__logo { font-size: 2.8rem; }
}
@media (max-width: 767.98px) {
    .talven-footer__top { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
    .talven-footer__bottom { text-align: center; }
    .talven-footer__bottom .text-end { text-align: center !important; }
}