/* Ikony Material Symbols w miejscach po Font Awesome (klasa md-fa): wielkość i wyrównanie jak w tekście */
.material-symbols-rounded.md-fa { font-size: 1.2em; line-height: 1; vertical-align: -0.2em; display: inline-block; }
.material-symbols-rounded.md-fa-sm { font-size: 1em; }
.material-symbols-rounded.md-fa-lg { font-size: 1.45em; vertical-align: -0.28em; }
.material-symbols-rounded.md-fa-xl { font-size: 1.7em; vertical-align: -0.35em; }
.material-symbols-rounded.md-fa-2x { font-size: 2.2em; vertical-align: -0.45em; }
.material-symbols-rounded.md-fa-3x { font-size: 3em; vertical-align: -0.6em; }
.material-symbols-rounded.md-fa-fw { width: 1.25em; text-align: center; }
.material-symbols-rounded.md-fa-spin { animation: md-fa-spin 1.2s linear infinite; }
.material-symbols-rounded.md-fa-beat { animation: md-fa-beat 1s ease-in-out infinite; }
@keyframes md-fa-spin { to { transform: rotate(360deg); } }
@keyframes md-fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .material-symbols-rounded.md-fa-beat, .material-symbols-rounded.md-fa-spin { animation: none; } }

/* Material Dashboard rysuje strzalki i znacznik checkboxa znakami Font Awesome w ::before/::after - zamienniki z Material Symbols */
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after,
.dropdown .dropdown-toggle:after,
.dropup .dropdown-toggle:after,
.dropstart .dropdown-toggle:after,
.dropend .dropdown-toggle:after,
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after,
.dropdown .dropdown-menu:before,
.dropup .dropdown-menu:after {
  font-family: "Material Symbols Rounded";
  font-weight: 400;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after { content: "expand_more"; font-size: 1.15rem; line-height: 1; }
@media (min-width: 992px) {
  .dropdown .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropstart .dropdown-toggle:after, .dropend .dropdown-toggle:after { content: "expand_more"; font-size: 1.1rem; line-height: 1; }
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after { content: "check"; font-size: 0.8rem; font-weight: 700; }
.dropdown .dropdown-menu:before { content: "arrow_drop_up"; font-size: 2.2rem; line-height: 1; }
.dropup .dropdown-menu:after { content: "arrow_drop_down"; font-size: 2.2rem; line-height: 1; }