/* ================================
   NORMALNY LAYOUT FOOTER2
================================ */

.footer2,
.footer2 * {
    box-sizing: border-box;
}

/* GŁÓWNY BLOK STOPKI TESTOWEJ */
.footer2 {
    background: #232323;
    color: #fff;
    padding: 40px 0 24px;
    font-size: 14px;
}

/* KONTENER – trochę szerszy niż wrapper 1160px (np. 1200px) */
.footer2__container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: space-between;
    align-items: stretch; 
}

/* KOLUMNY */
.footer2__col-01,
.footer2__col-02,
.footer2__col-03,
.footer2__col-04 {
    flex: 1 1 0;
    min-width: 0;
}

/* KOLUMNA 01 */
/* Logo – stała, węższa kolumna */
.footer2__col-01 {
    flex: 1 1 0;
    min-width: 0;
    display: flex;          /* ← DODAJ */
    border-right: 1px solid #ffffff;  /* biała, nieprzerywana linia */
}

.footer2__col-01-inner {
    display: flex;
    align-items: center;      /* ← poziomo */
    justify-content: center;  /* ← pionowo */
    width: 100%;
}

.footer2__logo {
    width: 100%;
    max-width: 240px;   /* ← kontrola maks. wielkości */
    margin: 0 auto;     /* ← centrowanie */
}

.footer2__logo img {
    width: 100%;
    height: auto;
}

/* KOLUMNA 02 */
.footer2__col-02 {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ffffff;  /* biała, nieprzerywana linia */
   
    width: 100%;
    margin-bottom: 0;
}
/* ROLA W LAYOUCIE (pozycja w kolumnie) */
.footer2__col-02-top {
    margin-bottom: 16px;

}
/* SEMANTYKA / WYGLĄD TREŚCI */
.footer2__col-02-address {
    margin-top: 0; 
    font-size: clamp(14px, 0.9vw, 20px);
    line-height: 1.2;
}

.footer2__col-02-bottom {
    margin-top: auto;
    width: 100%;
    margin-bottom: 0;
}
.footer2__col-02-support{
    margin-top: auto;
    font-size: clamp(14px, 0.9vw, 18px);
    margin-bottom: 0;
}
.footer2__col-02-label {
    margin-top: auto;
    font-size: clamp(14px, 0.9vw, 16px);
    text-transform: uppercase;
    
}
.footer2__col-02-bank {
    font-size: clamp(14px, 0.9vw, 16px);
    margin-bottom: 0;
}

/* KOLUMNA 03 */
.footer2__col-03 {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ffffff;  /* biała, nieprzerywana linia */
}
.footer2__col-03-bottom {
    margin-top: auto;
}
/* LISTY: dwie kolumny (label | value) */
.footer2__col-03-contact-list,
.footer2__col-03-mails-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Każdy wiersz = grid z 2 kolumnami */
.footer2__col-03-contact-list li,
.footer2__col-03-mails-list li {
    display: grid;
    grid-template-columns: 150px 1fr; /* szerokość lewej kolumny dopasuj */
    column-gap: 18px;
    align-items: baseline;
    line-height: 1.25;               /* mniejsze odstępy */
    margin-bottom: 6px;
    font-size: clamp(14px, 0.9vw, 14px);
    flex-direction: column;
}

.footer2__col-03-mails-list li:last-child,
.footer2__col-03-contact-list li:last-child {
    margin-bottom: 0;
}

/* Label po lewej */
.footer2__col-03-contact-list li > span:first-child,
.footer2__col-03-mails-list li > span:first-child {
    font-weight: 500;
    opacity: 0.95;
}

/* Wartość po prawej */
.footer2__col-03-contact-list li > span:last-child,
.footer2__col-03-mails-list li > span:last-child {
    justify-self: start;
}

/* Nagłówki sekcji */
.footer2__col-03-mail-label,
.footer2__col-03-tel-label {
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    font-size: clamp(14px, 0.9vw, 16px);
    text-transform: uppercase;
}
.footer2__col-03-tel-no a {
    font-size: 15px;
    font-weight: 500;
}
.footer2__col-03-contact-list li {
    display: flex;
    flex-direction: column;   /* ← NOWA LINIA */
    gap: 4px;                 /* odstęp między label a numerem */
}
.footer2__col-03-mails-list li {
    display: flex;
    flex-direction: column;   /* ← label w 1. linii, mail w 2. */
    gap: 2px;                 /* mały odstęp */
    line-height: 1.25;
}
.footer2__col-03-mails-list li a {
    font-weight: 500;
}

.footer2__col-03-contact-list li,
.footer2__col-03-mails-list li {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* KOLUMNA 04 */
/* Kolumna z socialami wyrównana do prawej na desktopie */
.footer2__col-04 {
    text-align: left;
}

/* Labelki */
.footer2__label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
    opacity: .8;
    
}
.footer2__col-04-label-co {
    text-transform: uppercase;
}

/* Adres / wsparcie / kontakt – odstępy */
.footer2__col-top {
    margin-bottom: 16px;
}

.footer2__col-bottom {
    margin-top: 8px;
}

/* Listy kontaktu i maili */
.footer2__contact-list,
.footer2__mails-list,
.footer2__social-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer2__contact-list li,
.footer2__mails-list li,
.footer2__social-links li {
    margin-bottom: 6px;
}
.footer2__col-04-label {
    font-size: clamp(14px, 0.9vw, 16px);
    text-transform: uppercase;

}
/* Ikony social w jednym rzędzie */
.footer2__social-icons {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer2__social-icons img {
    width: 24px;
    height: 24px;
}

.footer2__socials .footer2__col-04-label {
        margin-bottom: 8px;   /* było 16px */
    }

    /* Linki tekstowe social – ikonka + tekst */
.footer2__social-links li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    text-align: left;
    font-size: clamp(14px, 0.9vw, 16px);
}

.footer2__social-links img {
    width: 16px;
    height: 16px;
}

/* Linki w stopce testowej */
.footer2 a {
    color: #f5f5f5;
    text-decoration: none;
}

.footer2 a:hover {
    text-decoration: underline;
}

/* Blok 1,5% i logo ADA */
.footer2__info-krs {
    margin: 0 0 8px;
    font-size: clamp(14px, 0.9vw, 16px);
}

.footer2__logo-co img {
  display: block;
  max-width: 140px;
  height: auto;
  margin-top: 10px;
}

/* Dolna belka © */
.footer2__additional {
    border-top: 1px solid rgba(255,255,255,.15);
    margin-top: 32px;
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    opacity: .85;
}

/* RESPONSYWNOŚĆ */

/* Tablet – 2 kolumny */
@media (max-width: 900px) {
    .footer2__container {
        justify-content: center;
    }

    .footer2__col-01,
    .footer2__col-02,
    .footer2__col-03,
    .footer2__col-04 {
        flex: 1 1 45%;
        text-align: left;
    }

    .footer2__social-icons {
        justify-content: flex-start;
    }

    .footer2__social-links li {
        justify-content: flex-start;
    }
}

/* Telefon – 1 kolumna */
@media (max-width: 600px) {
    .footer2 {
        padding: 32px 0 16px;
    }

    .footer2__container {
        max-width: 100%;
        padding: 0 16px;
    }

    .footer2__col-01,
    .footer2__col-02,
    .footer2__col-03,
    .footer2__col-04 {
        flex: 1 1 100%;
        text-align: left;
    }

    .footer2__social-icons {
        justify-content: flex-start;
    }
    .footer2__col-03-top {
        margin-bottom: 16px;
    }
    .footer2__social-links li {
        justify-content: flex-start;

    }
    .footer2__social-icons {
        margin-top: 18px;   /* ← ZWIĘKSZ ODSTĘP */
    }
    .footer2__col-01 {
    border-right: none
    }
    .footer2__col-02 {
    border-right: none
    }
    .footer2__col-03 {
    border-right: none
    }
    .footer2__col-04-label {
    margin-bottom: 20px;  /* ← zwiększ odstęp */
    }
}

/* ================================
   DIAGNOSTYKA – RAMKI
   (SAMO PODGLĄD, BEZ ZMIANY UKŁADU)
================================ */

/*.footer2 {
    outline: 1px dashed red;
}

.footer2__container {
    outline: 1px dashed orange;
}

.footer2__col-01,
.footer2__col-02,
.footer2__col-03,
.footer2__col-04 {
    outline: 1px dashed lime;
}

.footer2__col-top,
.footer2__col-bottom {
    outline: 1px dashed cyan;
}

.footer2__social-icons,
.footer2__social-links {
    outline: 1px dashed magenta;
}*/