/* =========================================================================
   Barek Ogrodowy — stopka
   --------------------------------------------------------------------
   Ciemnoszare tło (--barek-dark = #11161C). Brand: logo (script) → tagline.
   Po prawej kolumny "Strona" i "Kontakt". Dolna belka: copyright + legal.
   ========================================================================= */

.barek-footer {
    background: var(--barek-dark);
    color: var(--barek-cream);
    font-family: var(--barek-font-body);
    font-size: var(--barek-text-base);
    line-height: 1.6;
    /* margin-top usunięte — generowało 96 px białej przerwy między ostatnią
       sekcją strony (np. kontakt) a stopką. Stopka klei się teraz flush. */
}

/* .barek-footer__inner — max-width / margin / padding-x w main.css (shared container) */

.barek-footer__inner--row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--barek-space-4) var(--barek-space-7);
}

/* ---------- Środek (brand + kolumny) ---------- */
.barek-footer__main {
    padding: var(--barek-space-8) 0 var(--barek-space-7);
}

.barek-footer__main .barek-footer__inner {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: var(--barek-space-7);
    align-items: start;
}

/* ---------- Brand: logo nad tagline ---------- */
.barek-footer__brand {
    max-width: 460px;
    display: flex;
    flex-direction: column;
    gap: var(--barek-space-5);
}

.barek-footer__logo {
    display: inline-flex;
    align-items: baseline;
    gap: var(--barek-space-2);
    text-decoration: none;
    line-height: 1;
    align-self: flex-start;
    transition: transform var(--barek-duration) var(--barek-ease);
}

.barek-footer__logo:hover {
    transform: translateY(-1px);
}

.barek-footer__logo-mark {
    font-family: var(--barek-font-script);
    /* Faza 2 redesign — proporcjonalnie do nowej skali typo */
    font-size: 32px;
    font-weight: 400;
    color: var(--barek-orange);
    letter-spacing: 0;
}

.barek-footer__logo-rest {
    font-family: var(--barek-font-body);
    font-size: var(--barek-text-sm);
    font-weight: 500;
    color: var(--barek-cream);
    text-transform: lowercase;
    letter-spacing: 2px;
    margin-left: -2px;
}

.barek-footer__tagline {
    margin: 0;
    color: rgba(247, 241, 230, 0.7);
    font-size: var(--barek-text-base);
    line-height: 1.75;
}

/* ---------- Kolumny "Strona" / "Kontakt" ---------- */
.barek-footer__col {
    display: flex;
    flex-direction: column;
}

.barek-footer__heading {
    margin: 0 0 var(--barek-space-5);
    font-family: var(--barek-font-body);
    font-size: var(--barek-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--barek-white);
}

.barek-footer__list {
    display: flex;
    flex-direction: column;
    gap: var(--barek-space-3);
}

.barek-footer__link {
    color: rgba(247, 241, 230, 0.78);
    font-size: var(--barek-text-base);
    text-decoration: none;
    transition: color var(--barek-duration) var(--barek-ease),
                padding-left var(--barek-duration) var(--barek-ease);
    display: inline-block;
}

.barek-footer__link:hover,
.barek-footer__link:focus-visible {
    color: var(--barek-orange);
    padding-left: var(--barek-space-1);
}

/* ---------- Dolna belka (copyright + legal) ---------- */
.barek-footer__bottom {
    border-top: 1px solid var(--barek-line-dark);
    padding: var(--barek-space-5) 0;
    background: rgba(0, 0, 0, 0.2);
}

.barek-footer__copy {
    margin: 0;
    color: rgba(247, 241, 230, 0.55);
    font-size: var(--barek-text-xs);
    letter-spacing: 0.3px;
}

.barek-footer__legal {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--barek-space-5);
}

.barek-footer__legal .barek-footer__link {
    font-size: var(--barek-text-xs);
    color: rgba(247, 241, 230, 0.78);
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.barek-footer__legal .barek-footer__link:hover {
    padding-left: 0;
}

.barek-footer__legal li:not(:last-child) {
    position: relative;
}

.barek-footer__legal li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background: rgba(247, 241, 230, 0.2);
}

/* ============================================================
   BREAKPOINTY
   ============================================================ */

/* Tablet (641-1024) */
@media (max-width: 1024px) {
    /* .barek-footer__inner padding-x — w main.css */
    .barek-footer__main {
        padding: var(--barek-space-7) 0 var(--barek-space-6);
    }
    .barek-footer__main .barek-footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--barek-space-6) var(--barek-space-6);
    }
    .barek-footer__brand {
        grid-column: 1 / -1;
        max-width: 100%;
    }
    .barek-footer__logo-mark {
        font-size: 28px;
    }
}

/* Mobile (≤640) */
@media (max-width: 640px) {
    /* .barek-footer__inner padding-x — w main.css */
    .barek-footer__main {
        padding: var(--barek-space-7) 0 var(--barek-space-5);
    }
    .barek-footer__main .barek-footer__inner {
        grid-template-columns: 1fr;
        gap: var(--barek-space-6);
    }
    .barek-footer__bottom .barek-footer__inner--row {
        justify-content: flex-start;
    }
    .barek-footer__legal {
        gap: var(--barek-space-4);
    }
    .barek-footer__legal li:not(:last-child)::after {
        right: -9px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .barek-footer__link,
    .barek-footer__logo {
        transition: none;
    }
}