.menu-horizontal {
  & > li:not(.menu-title) > details > ul {
    @apply ms-0 mt-4 py-2 pe-2;
  }
  & > li > details > ul {
    &:before {
      content: none;
    }
  }
}
:where(.menu-horizontal > li:not(.menu-title) > details > ul) {
  @apply bg-base-100 rounded-box shadow-xl;
}
.menu-vertical {
  & > li:not(.menu-title) > details > ul {
    @apply ms-4 mt-0 py-0 pe-0;
  }
}

.menu-xs {
  :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
  :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    @apply rounded px-2 py-1 text-xs;
  }
  .menu-title {
    @apply px-2 py-1;
  }
}
.menu-sm {
  :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
  :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    @apply rounded-btn px-3 py-1 text-sm;
  }
  .menu-title {
    @apply px-3 py-2;
  }
}
.menu-md {
  :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
  :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    @apply rounded-btn px-4 py-2 text-sm;
  }
  .menu-title {
    @apply px-4 py-2;
  }
}
.menu-lg {
  :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
  :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
    @apply rounded-btn px-6 py-3 text-lg;
  }
  .menu-title {
    @apply px-6 py-3;
  }
}
