/*
  Small overrides to make the shared menu/nav work nicely when wrapping app pages.
  Keep changes minimal to avoid breaking the original theme.
*/

/* Ensure the Bootstrap navbar toggler icon is visible against a dark background */
.navbar-dark .navbar-toggler {
  border-color: rgba(255,255,255,0.25);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Add a little breathing room when the header is fixed */
main {
  /* header partial sets inline padding-top, but some pages may override */
  min-height: 60vh;
}

/* Make the Bootstrap nav blend with the existing header styles */
#header-area .navbar .nav-link {
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
  padding: 8px 12px;
}

#header-area .navbar .nav-link:hover,
#header-area .navbar .nav-link:focus {
  color: silver;
}

/* Footer menu (must contain only Admin link) */
.silnik-footer-menu {
  background: #0b0b0b;
  color: #fff;
  padding: 12px 0;
}

.silnik-footer-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 13px;
}

.silnik-footer-menu a:hover {
  color: silver;
}