/* Forskelligt-menu – visuel konsistens med hovedmenuen */
.menu-item--forskelligt {
   padding: 0;
}

.menu-item--forskelligt:hover {
   background-color: rgba(0, 0, 0, 0.05);
}

.newmenu-forskelligt {
   display: none;
   list-style: none;
   margin: 10px 0 0 0;
   padding: 8px 10px 10px 10px;
   background: rgba(248, 245, 241, 0.98);
   border: 1px solid rgba(0, 0, 0, 0.06);
   border-radius: 6px;
   box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.newmenu-forskelligt li {
   margin: 0;
   padding: 6px 0;
}

.newmenu-forskelligt li a {
   color: #2f2c2b;
   text-decoration: none;
   padding: 7px 10px;
   display: block;
   font-weight: 600;
   border-radius: 4px;
}

.newmenu-forskelligt li a:hover {
   background: rgba(0, 0, 0, 0.04);
   color: #111;
}

.newmenu-open {
   display: block !important;
}

.menu-item__toggle {
   display: block;
   width: 100%;
   text-align: left;
   background: none;
   border: none;
   color: #2f2c2b;
   font: inherit;
   font-weight: bold;
   cursor: pointer;
   padding: 0;
   line-height: 1.6;
   letter-spacing: 0.01em;
}

.menu-item__toggle:hover {
   color: #111;
}

.menu-item__toggle::after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 6px solid currentColor;
   transition: transform 0.2s ease;
}

.menu-item__toggle[aria-expanded="true"]::after {
   transform: rotate(180deg);
}

.menu-item--forskelligt > .newmenu-forskelligt {
   margin-left: 0;
}

@media (max-width: 700px){
   .newmenu-forskelligt {
       position: static;
       box-shadow: none;
       background: rgba(255,255,255,0.05);
       padding-left: 12px;
       border: none;
   }

   .newmenu-forskelligt li a {
       padding-left: 6px;
   }

   .menu-item__toggle::after {
       margin-left: 6px;
   }
}