/* ============================================================
   LegalnyMedyk — globalna stopka (.lm-footer)
   Samodzielny plik: NIE wymaga landing.css. Ładowany w base.html,
   więc stopka jest identyczna na WSZYSTKICH stronach (feed, produkty,
   kategorie, konto, landing…). Namespace `lm-footer` celowo różny od
   dawnego `landing-footer-rich`, żeby uniknąć kolizji specyficzności
   z regułami w landing.css.
   Struktura: [dane firmowe / operator] + 3 kolumny (autorzy / użytkownicy / o nas).
   ============================================================ */

.lm-footer {
    --f-ink: #0B1F3A;
    --f-accent: #F4BD37;
    --f-paper: #FFFFFF;
    --f-container: 1180px;
    --f-muted: rgba(255, 255, 255, 0.62);
    --f-muted-2: rgba(255, 255, 255, 0.48);
    --f-line: rgba(255, 255, 255, 0.10);

    background: var(--f-ink);
    color: var(--f-muted);
    padding: 76px 0 30px;
    font-size: 15px;
    line-height: 1.6;
}
.lm-footer .lm-footer__container {
    max-width: var(--f-container);
    margin: 0 auto;
    padding: 0 24px;
}

/* ---------------- GRID ---------------- */
.lm-footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
    gap: 48px;
    margin-bottom: 52px;
}
.lm-footer__col { min-width: 0; }

/* ---------------- BRAND + DANE FIRMOWE ---------------- */
.lm-footer__logo {
    display: inline-block;
    margin-bottom: 18px;
    text-decoration: none;
}
.lm-footer__logo img {
    height: 58px;                 /* DUŻE logo (dawniej 36px) */
    width: auto;
    filter: brightness(0) invert(1);
}
.lm-footer__tagline {
    font-size: 0.94rem;
    line-height: 1.65;
    margin: 0 0 24px;
    color: var(--f-muted);
    max-width: 340px;
}

.lm-footer__entity {
    padding: 18px 20px;
    border: 1px solid var(--f-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    max-width: 360px;
}
.lm-footer__entity-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--f-accent);
    margin-bottom: 8px;
}
.lm-footer__entity-name {
    display: block;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--f-paper);
    margin-bottom: 4px;
}
.lm-footer__entity-line {
    display: block;
    font-size: 0.86rem;
    color: var(--f-muted);
    line-height: 1.5;
}
.lm-footer__reg {
    margin: 10px 0 0;
    font-size: 0.76rem;
    color: var(--f-muted-2);
    line-height: 1.55;
}
.lm-footer__contact {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lm-footer__contact a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--f-paper);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
    transition: color 0.16s ease;
}
.lm-footer__contact a i {
    color: var(--f-accent);
    width: 15px;
    text-align: center;
}
.lm-footer__contact a:hover { color: var(--f-accent); }

/* ---------------- KOLUMNY NAWIGACJI ---------------- */
.lm-footer__col-title {
    color: var(--f-paper);
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 18px;
}
.lm-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.lm-footer__links a {
    color: var(--f-muted);
    text-decoration: none;
    font-size: 0.92rem;
    transition: color 0.16s ease, padding-left 0.16s ease;
}
.lm-footer__links a:hover {
    color: var(--f-accent);
    padding-left: 3px;
}

/* „O nas" — wstęp / misja (treść finalna: Tomek) */
.lm-footer__mission {
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--f-muted);
    margin: 0 0 18px;
}

/* ---------------- DÓŁ ---------------- */
.lm-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-top: 28px;
    border-top: 1px solid var(--f-line);
}
.lm-footer__copy {
    font-size: 0.82rem;
    color: var(--f-muted-2);
    margin: 0;
}
.lm-footer__copy b { color: var(--f-muted); font-weight: 600; }
/* Lewa grupa dolnego paska: copyright + kredyt „Projekt i wdrożenie". */
.lm-footer__bottom-left { display: flex; flex-direction: column; gap: 5px; }
.lm-footer__credit {
    font-size: 0.82rem;
    color: var(--f-muted-2);
    margin: 0;
}
.lm-footer__credit-link {
    color: var(--f-muted);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.15s ease;
}
.lm-footer__credit-link:hover,
.lm-footer__credit-link:focus-visible { color: var(--f-accent); text-decoration: underline; }
.lm-footer__bottom nav {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 0.82rem;
    color: var(--f-muted-2);
}
.lm-footer__bottom-link {
    color: var(--f-muted);
    text-decoration: none;
}
.lm-footer__bottom-link:hover { color: var(--f-accent); }

/* ---------------- RESPONSIVE ---------------- */
@media (max-width: 1024px) {
    .lm-footer__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    .lm-footer__col--brand { grid-column: 1 / -1; }
    .lm-footer__entity { max-width: 420px; }
}
@media (max-width: 640px) {
    .lm-footer { padding: 52px 0 26px; }
    .lm-footer .lm-footer__container { padding: 0 18px; }
    .lm-footer__grid { grid-template-columns: 1fr; gap: 32px; margin-bottom: 36px; }
    .lm-footer__col--brand { grid-column: auto; }
    .lm-footer__entity { max-width: none; }
    .lm-footer__logo img { height: 50px; }
    .lm-footer__bottom { flex-direction: column; align-items: flex-start; }
}