/**
 * [mn_sidebar] — bazowy styl prawego sidebara.
 * Boxy używają standardu cienia --mn-shadow. Kolory z palety Breakdance.
 */
.mn-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mn-sidebar__widget {
  background: var(--bde-palette-color-12, #fff);
  border-radius: 0;        /* ostre rogi kontenerów */
  padding: 22px 24px;
  border: var(--mn-border);   /* 1px szara ramka zamiast cienia */
}

/* .mn-sidebar ... — wyższa specyficzność niż globalne .breakdance h3.
   Rozmiar/waga = realny preset Breakdance „Heading XS Normal" (nie wpisana liczba). */
.mn-sidebar .mn-sidebar__title {
  margin: 0 0 12px;
  font-size: var(--preset-id-97cc0fcc-91ce-4435-99fe-d06c499dba94-font-size);
  font-weight: var(--preset-id-97cc0fcc-91ce-4435-99fe-d06c499dba94-font-weight);
  color: var(--bde-headings-color, #363636);
}

/* O mnie */
.mn-about__avatar {
  width: 88px;
  height: 88px;
  border-radius: 0;        /* ostre rogi */
  object-fit: cover;
  margin-bottom: 12px;
}
.mn-about__text {
  margin: 0 0 12px;
  color: var(--bde-body-text-color, #5a5a68);
  line-height: 1.6;
}
.mn-about__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--bde-brand-primary-color, #367a3e);
}
/* strzałka jako pseudo-element — na hover przesuwa się w prawo o 4px */
.mn-about__link::after {
  content: "→";
  transition: transform .2s ease;
}
.mn-about__link:hover::after { transform: translateX(4px); }

/* Listy (kategorie, archiwa) */
.mn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.mn-list li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #a4161a;          /* liczba wpisów (…) — głęboka włoska czerwień */
}
.mn-list a {
  color: var(--bde-body-text-color, #5a5a68);
  transition: color .15s ease;
}
.mn-list a:hover { color: var(--bde-brand-primary-color, #367a3e); }

/* Obserwuj / social */
.mn-social__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mn-social__link {
  padding: 9px 16px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bde-brand-primary-color, #367a3e) 10%, transparent);
  color: var(--bde-brand-primary-color, #367a3e);
  font-weight: 600;
}
.mn-social__link:hover {
  background: var(--bde-brand-primary-color, #367a3e);
  color: #fff;
}

/* wariant ikony (np. Facebook) — kwadratowy przycisk, SVG dziedziczy kolor (currentColor) */
.mn-social__link--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
}
.mn-social__icon {
  width: auto;
  height: 20px;
  fill: currentColor;
  display: block;
}
/* hover ikony FB: tło przezroczyste, ikona czarna.
   Wyższa specyficzność (.mn-sidebar ...:hover) niż .breakdance a:hover, żeby czarny wygrał. */
.mn-sidebar .mn-social__link--icon:hover {
  background: color-mix(in srgb, #000 10%, transparent);  /* przezroczysty czarny, jak zielony w bazie */
  color: #000;
}