@charset "UTF-8";
/* CSS Document */

/* Base resets */
    .menu, .menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .navbar {
      background: #fff;
      position: relative;
    }

    /* The hamburger button — hidden by default (desktop) */
    .hamburger {
      display: none;
      font-size: 24px;
      padding: 10px;
      cursor: pointer;
      background: none;
      border: none;
    }

    /* Desktop: show menu horizontally */
    .menu > li {
      display: inline-block;
      position: relative;
    }
    .menu > li > a {
      color: black !important;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      padding: 10px 15px;
      display: block;
    }

    .menu li .dropdown {
      display: none;
      position: absolute;
      background-color: #fff;
      min-width: 150px;
      z-index: 1000;
    }
    .menu li .dropdown a {
      color: black !important;
      text-decoration: none;
      padding: 10px 20px;
      display: block;
      font-family: Arial, Helvetica, sans-serif;
    }
    .menu li:hover > .dropdown,
    .menu li:focus-within > .dropdown {
      display: block;
    }

    /* === Responsive for small screens === */
    @media (max-width: 768px) {
      /* Show hamburger icon */
      .hamburger {
        display: block;
      }

      /* Hide menu by default on mobile */
      .navbar .menu {
        display: none;
        width: 100%;
      }
      /* When active (via JS), show menu */
      .navbar .menu.mobile-active {
        display: block;
      }

      /* Make menu vertical (stacked) */
      .menu > li {
        display: block;
      }
      .menu > li > a {
        padding: 12px 15px;
      }
      .menu li .dropdown {
        position: static;
        min-width: 100%;
      }
    }