@st-namespace 'ActionsMenuLayout-st-css';
@st-import [ --wix-color-1 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import ActionMenuItem from './Item/ActionsMenuLayoutItem.st.css';
@st-import [ setFont, createColor ] from '../../common/formatters.st';
@st-import [
  --wst-primary-background-color-rgb,
  --wst-paragraph-2-color-rgb,
  ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
/*
 * Menu Background Color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-actions-menu-layout-menu-background-color);

/*
 * Menu Border Color
 * @type color
 * @default rgba(255, 255, 255, 0.4)
 */
@property st-global(--wix-ui-tpa-actions-menu-layout-menu-border-color);

/*
 * 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-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-subtitle-font);

/*Fallbacks*/

.root {
  -st-states: mobile;
  --fallback-border-color: 255, 255, 255, 0.4;

  padding: 12px 0;
  max-width: 320px;
  background-color: createColor(--wix-ui-tpa-actions-menu-layout-menu-background-color, var(--wst-primary-background-color-rgb, var(--wix-color-1)));
  border-style: solid;
  border-width: 1px;
  border-color: createColor(--wix-ui-tpa-actions-menu-layout-menu-border-color, var(--wst-paragraph-2-color-rgb, var(--fallback-border-color)));
  box-sizing: border-box;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10), 0 4px 8px 0 rgba(0, 0, 0, 0.10);
  list-style: none;
  margin: 0;
}

.root * {
  box-sizing: border-box;
}

.root:mobile {
  width: 100%;
  box-shadow: none;
}

.item {
  -st-extends: ActionMenuItem;
  text-align: initial;

  -st-mixin:
    setFont(--wix-ui-tpa-actions-menu-layout-item-item-font, --wix-ui-tpa-actions-menu-layout-item-font),
    setFont(--wix-ui-tpa-actions-menu-layout-item-item-subtitle-font, --wix-ui-tpa-actions-menu-layout-item-subtitle-font);
}

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