@st-namespace 'ActionsMenuLayoutItem-st-css';
@st-import [ --wix-color-5, --wix-color-4 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import Text from '../../Text/Text.st.css';
@st-import [ setColor, setFont, createFontWithOverrides ] from '../../../common/formatters.st';
@st-import [ focusRing ] from "../../../common/palette.st.css";
@st-import [
  --wst-paragraph-2-color-rgb,
  --wst-shade-3-color-rgb,
   ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
/*
 * The font of the content text
 * @type font
 * @default: Desktop: preset: 'Body-M' | overrides: { size: '16px', lineHeight: '24px'}, Mobile: preset: 'Body-M' | overrides: { size: '14px', lineHeight: '24px'}
 */
@property st-global(--wix-ui-tpa-actions-menu-layout-item-item-font);

/*
 * The font of the subtitle text
 * @type font
 * @default: Desktop: preset: 'Body-M' | overrides: { size: '14px', lineHeight: '20px'}, Mobile: preset: 'Body-M' | overrides: { size: '12px', lineHeight: '20px'}
 */
@property st-global(--wix-ui-tpa-actions-menu-layout-item-item-subtitle-font);

.root {
  -st-states: disabled, mobile, withIcon, rtl, alignment(enum(left, center, right));
  padding: 8px 24px;
  cursor: pointer;
  width: calc(100% + 2px);
  position: relative;
  left: -1px;
  right: -1px;
}

.root:hover,
.root:focus {
  background-color: rgb(var(--wst-paragraph-2-color-rgb, var(--wix-color-5)), 0.06);
}

:global(#SITE_CONTAINER.focus-ring-active) .root:focus {
  -st-mixin: focusRing();
}

.container {
  display: inline-flex;
  align-items: center;
}

.iconContainer {
  display: flex;
  align-self: stretch;
}

.icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
}

.iconContainer::after {
  content: '';
  width: 12px;
  height: 100%;
}

.root:disabled {
  opacity: 0.3;
  cursor: default;
}

.root:disabled:hover {
  background-color: inherit;
}

.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.content {
  -st-extends: Text;
  -st-mixin:
    setColor(--wix-ui-tpa-text-main-text-color, null, var(--wst-paragraph-2-color-rgb, var(--wix-color-5))),
    createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "line-height": "24px", "size": "16px" }'),
    setFont(--wix-ui-tpa-text-main-text-font, (--wix-ui-tpa-actions-menu-layout-item-item-font, --wst-paragraph-2-overriden-font), 'Body-M');
  width: 100%;
}

.root:mobile .content {
  -st-mixin:
    setColor(--wix-ui-tpa-text-main-text-color, null, var(--wst-paragraph-2-color-rgb, var(--wix-color-5))),
    createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "line-height": "24px", "size": "14px" }'),
    setFont(--wix-ui-tpa-text-main-text-font, (--wix-ui-tpa-actions-menu-layout-item-item-font, --wst-paragraph-2-overriden-font), 'Body-M');
}

.subtitle {
  -st-extends: Text;
  -st-mixin: setColor(--wix-ui-tpa-text-main-text-color, null, var(--wst-shade-3-color-rgb, var(--wix-color-4))),
  createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "line-height": "20px", "size": "14px" }'),
  setFont(--wix-ui-tpa-text-main-text-font, (--wix-ui-tpa-actions-menu-layout-item-item-subtitle-font, --wst-paragraph-2-overriden-font), 'Body-M');
  width: 100%;
  margin-top: 4px;
}

.root:mobile .subtitle {
  -st-mixin: setColor(--wix-ui-tpa-text-main-text-color, null, var(--wst-shade-3-color-rgb, var(--wix-color-5))),
  createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "line-height": "20px", "size": "12px" }'),
  setFont(--wix-ui-tpa-text-main-text-font, (--wix-ui-tpa-actions-menu-layout-item-item-subtitle-font, --wst-paragraph-2-overriden-font), 'Body-M');
}

.textContainer {
  display: flex;
}

.root:alignment(left) {
  text-align: left;
}

.root:alignment(center) {
  text-align: center;
}

.root:alignment(right) {
  text-align: right;
}

.root:alignment(center):withIcon .container {
  margin-left: -36px;
}

.root:rtl:alignment(center):withIcon .container {
  margin-left: unset;
  margin-right: -36px;
}

/* st-namespace-reference="../../../../../src/components/ActionsMenuLayout/Item/ActionsMenuLayoutItem.st.css" */