/*! Copyright 2026 Fonticons, Inc. - https://webawesome.com/license */
import {
  i
} from "./chunk.7OBLIRXR.js";

// src/components/dropdown-item/dropdown-item.styles.ts
var dropdown_item_styles_default = i`:host {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.5em 1em;
  border-radius: var(--wa-border-radius-s);
  isolation: isolate;
  color: var(--wa-color-text-normal);
  line-height: var(--wa-line-height-condensed);
  cursor: pointer;
  transition: var(--wa-transition-fast) background-color var(--wa-transition-easing), var(--wa-transition-fast) color var(--wa-transition-easing);
}
@media (hover: hover) {
  :host(:hover:not(:state(disabled))) {
    background-color: var(--wa-color-neutral-fill-normal);
  }
}
:host(:state(submenu-open)) {
  background-color: var(--wa-color-neutral-fill-normal);
}
:host(:focus-visible) {
  z-index: 1;
  outline: var(--wa-focus-ring);
  background-color: var(--wa-color-neutral-fill-normal);
}
:host(:state(disabled)),
:host([disabled]) {
  opacity: 0.5;
  cursor: not-allowed;
}
:host([variant="danger"]),
:host([variant="danger"]) #details {
  color: var(--wa-color-danger-on-quiet);
}
@media (hover: hover) {
  :host([variant="danger"]:hover) {
    background-color: var(--wa-color-danger-fill-normal);
    color: var(--wa-color-danger-on-normal);
  }
}
:host([variant="danger"]:state(submenu-open)),
:host([variant="danger"]:focus-visible) {
  background-color: var(--wa-color-danger-fill-normal);
  color: var(--wa-color-danger-on-normal);
}
:host([checkbox-adjacent]) {
  padding-inline-start: 2em;
}
:host([submenu-adjacent]:not(:state(has-submenu))) #details {
  padding-inline-end: 0;
}
:host(:state(has-submenu)[submenu-adjacent]) #details {
  padding-inline-end: 1.75em;
}
#check {
  visibility: hidden;
  margin-inline-start: -1.5em;
  margin-inline-end: 0.5em;
  font-size: var(--wa-font-size-smaller);
}
:host(:state(checked)) #check {
  visibility: visible;
}
#icon ::slotted(*) {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-inline-end: 0.75em !important;
  font-size: var(--wa-font-size-smaller);
}
#label {
  flex: 1 1 auto;
  min-width: 0;
}
#details {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: end;
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-smaller) !important;
}
#details ::slotted(*) {
  margin-inline-start: 2em !important;
}
#submenu-indicator {
  position: absolute;
  inset-inline-end: 1em;
  color: var(--wa-color-neutral-on-quiet);
  font-size: var(--wa-font-size-smaller);
}
:host(:dir(rtl)) #submenu-indicator {
  transform: scaleX(-1);
}
#submenu {
  display: flex;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  width: max-content;
  margin: 0;
  padding: 0.25em;
  border: var(--wa-border-style) var(--wa-border-width-s) var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
  background-color: var(--wa-color-surface-raised);
  box-shadow: var(--wa-shadow-m);
  color: var(--wa-color-text-normal);
  text-align: start;
  -webkit-user-select: none;
  user-select: none;
}
#submenu[popover] {
  margin: 0;
  inset: auto;
  padding: 0.25em;
  overflow: visible;
  border-radius: var(--wa-border-radius-m);
}
#submenu.show {
  animation: submenu-show var(--show-duration, 50ms) ease;
}
#submenu.hide {
  animation: submenu-show var(--show-duration, 50ms) ease reverse;
}
#submenu[data-placement^=top] {
  transform-origin: bottom;
}
#submenu[data-placement^=bottom] {
  transform-origin: top;
}
#submenu[data-placement^=left] {
  transform-origin: right;
}
#submenu[data-placement^=right] {
  transform-origin: left;
}
#submenu[data-placement=left-start] {
  transform-origin: right top;
}
#submenu[data-placement=left-end] {
  transform-origin: right bottom;
}
#submenu[data-placement=right-start] {
  transform-origin: left top;
}
#submenu[data-placement=right-end] {
  transform-origin: left bottom;
}
#submenu::before {
  display: none;
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
  clip-path: polygon(var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0), var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0), var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0));
  pointer-events: auto;
}
#submenu[data-visible]::before {
  display: block;
}
::slotted(wa-dropdown-item) {
  font-size: inherit;
}
::slotted(wa-divider) {
  --spacing: 0.25em;
}
@keyframes submenu-show {
  from {
    scale: 0.9;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
`;

export {
  dropdown_item_styles_default
};
