/* =========================================
   GLOBALT
========================================= */
nav {
  background: #ffffff;
  padding: 0px 0;
  width: 100%;
  margin: 15px 0;
  border-bottom: 1px solid #7d7d7d;
}

nav a {
  display: block;
  padding: 10px 16px;
  color: #272727;
  text-decoration: none;
  font-family: "NotethisRegular", sans-serif;
}

/* Dölj undermenyer som standard */
ul.hidden {
  display: none;
}

/* Dölj checkboxen helt */
input.nav-toggle {
  display: none !important;
}

/* =========================================
   MOBIL (max 767px)
========================================= */
@media (max-width: 767px) {

  /* Hamburgermenyn */
  .show-menu {
    display: block;
    background: #ffffff;
    color: #272727;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 22px;
    font-family: "NotethisRegular", sans-serif;
    border: 1px solid #ccc;
  }

  /* Dölj huvudmenyn tills checkbox är aktiv */
  #menu {
    display: none;
    flex-direction: column;
    background: #ffffff;
  }

  /* Visa meny när checkbox är aktiv */
  #menu-toggle:checked ~ #menu {
    display: flex;
  }

  /* Inaktivera hover på mobil */
  nav a:hover {
    background: transparent !important;
    color: #272727 !important;
  }

  /* Klick öppnar undermeny */
  nav ul li:focus-within > ul.hidden {
    display: block;
  }

  /* (Denna rad stänger undermenyn vid hover – behåller den eftersom du bad att inget tas bort) */
  nav ul li:hover > ul.hidden {
    display: none;
  }

  /* Större text på mobil */
  nav a {
    font-size: 22px;
  }
}

/* =========================================
   DESKTOP (min 768px)
========================================= */
@media (min-width: 768px) {

  /* Dölj hamburgermenyn */
  .show-menu {
    display: none;
  }

  /* Visa huvudmenyn horisontellt */
  #menu {
    display: flex !important;
    flex-direction: row;
  }

  /* Hover-färg */
  nav a:hover {
    background: #646464;
    color: #619ec5;
  }

  /* Större text på desktop */
  nav a {
    font-size: 20px;
  }

  /* Undermenyer */
  nav ul li {
    position: relative;
  }

  nav ul li:hover > ul.hidden {
    display: block;
    position: absolute;
    background: #ffffff;
    min-width: 180px;
    z-index: 1000;
    border: 1px solid #ddd;
  }

  /* Sub-submeny */
  nav ul li ul li ul.hidden {
    left: 100%;
    top: 0;
  }
}
/* Ta bort prickar och indrag i menyn – endast menyn */
nav ul,
nav ul li,
nav ul ul,
nav ul ul li {
  list-style: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
}