/* =====================================
   Navbar with subtle line-art background
   ===================================== */

   .navbar {
    position: relative;
    background-image: url("assets/banner2.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-color: white;
    border-bottom: 1px solid #eee;
    min-height: 64px;
    filter: grayscale(100%);
  }
  
  /* White overlay to soften the image */
  .navbar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.88);
    pointer-events: none;
    z-index: 0;
  }
  
  /* Ensure navbar content stays above overlay */
  .navbar * {
    position: relative;
    z-index: 1;
  }