/*
Theme Name: My AJAX Portfolio Theme
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Minimal portfolio theme with a left navigation, right-side content area, Bootstrap 5, Font Awesome, and AJAX page transitions.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: my-ajax-portfolio-theme
*/

/* Layout tweaks */
.sidebar {
  min-height: 100vh;
}

.sidebar .menu {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.sidebar .menu-item a {
  display: block;
  padding: .5rem .75rem;
  text-decoration: none;
}

.sidebar .menu-item a:hover {
  background: rgba(255,255,255,.08);
}

.sidebar .current-menu-item > a,
.sidebar .current_page_item > a,
.sidebar .menu-item a.active {
  font-weight: 600;
  background: rgba(255,255,255,.15);
}

#app-content img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767.98px) {
  .sidebar {
    min-height: auto;
  }
}