/**
 * [mn_footer] — bazowy styl stopki. Tło pełnej szerokości, treść w standardzie sekcji (1340px).
 * Tło ciemne (--mn-footer-bg). Tytuły kolumn = preset Breakdance „Heading XS Normal".
 */
.mn-footer {
  --mn-footer-bg: var(--bde-headings-color, #363636);
  background: var(--mn-footer-bg);
  color: rgba(255, 255, 255, .72);
}
.mn-footer__inner {
  max-width: 1340px;
  margin: 0 auto;
  padding: 56px var(--bde-section-horizontal-padding, 40px) 28px;
  box-sizing: border-box;
  text-align: left;        /* wyrównanie do lewej (nadpisuje ewentualny center z sekcji Breakdance) */
}

.mn-footer__cols {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 40px;
}

/* linki stopki — wyższa specyficzność niż .breakdance a */
.mn-footer .mn-footer__inner a { color: rgba(255, 255, 255, .72); transition: color .15s ease; }
.mn-footer .mn-footer__inner a:hover { color: #fff; }

/* Marka */
.mn-footer a.mn-footer__logo,
.mn-footer a.mn-footer__logo:hover {
  display: inline-block;
  margin-bottom: 14px;
  font-family: 'Lora', Georgia, 'Times New Roman', serif;
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
}
.mn-footer__about { margin: 0 0 18px; line-height: 1.6; max-width: 440px; }
.mn-footer .mn-footer__fb { display: inline-flex; color: rgba(255, 255, 255, .8); }
.mn-footer .mn-footer__fb:hover { color: var(--bde-brand-primary-color, #367a3e); }
.mn-footer__fb svg { height: 20px; width: auto; fill: currentColor; }

/* Kolumny linków */
.mn-footer__title {
  margin: 0 0 16px;
  font-size: var(--preset-id-97cc0fcc-91ce-4435-99fe-d06c499dba94-font-size);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff;
}
.mn-footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }

/* Dolny pasek */
.mn-footer__bottom {
  margin-top: 44px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.mn-footer__bottom-links { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.mn-footer .mn-footer__credit { display: inline-flex; align-items: center; gap: 8px; }
.mn-footer__credit-icon { width: 20px; height: 20px; display: block; flex: none; }

@media (max-width: 767px) {
  .mn-footer__cols { grid-template-columns: 1fr; gap: 32px; }
  .mn-footer__inner { padding-top: 40px; }
}
