@st-namespace 'Accordion-st-css';
@st-import [ --wix-color-1, --wix-color-5, --wix-color-4, --wix-color-37, --wix-color-29 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import AccordionItem from './Item/AccordionItem.st.css';
@st-import [ createFont, createColor, createFontWithOverrides ] from '../../common/formatters.st';
@st-import [ --wst-primary-background-color-rgb, --wst-paragraph-2-color-rgb, --wst-shade-3-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
/*
 * Background color
 * @type color
 * @default --wix-color-1
 */
@property st-global(--wix-ui-tpa-accordion-background-color);

/*
 * Background opacity
 * @type size
 * @default 1
 */
@property st-global(--wix-ui-tpa-accordion-background-opacity);

/*
 * Item title font
 * @type font
 * @default preset: 'Body-M' | overrides: { size: '16px'}
 */
@property st-global(--wix-ui-tpa-accordion-item-title-font);

/*
 * Item title color
 * @type color
 * @default --wix-color-5
 */
@property st-global(--wix-ui-tpa-accordion-item-title-color);

/*
 * Item subtitle font
 * @type font
 * @default preset: 'Body-M' | overrides: { size: '14px'}
 */
@property st-global(--wix-ui-tpa-accordion-item-subtitle-font);

/*
 * Item subtitle color
 * @type color
 * @default --wix-color-4
 */
@property st-global(--wix-ui-tpa-accordion-item-subtitle-color);

/*
 * Item content font
 * @type font
 * @default preset: 'Body-M' | overrides: { size: '16px'}
 */
@property st-global(--wix-ui-tpa-accordion-item-content-font);

/*
 * Item content color
 * @type color
 * @default --wix-color-5
 */
@property st-global(--wix-ui-tpa-accordion-item-content-color);

/*
 * Disabled item color
 * @type color
 * @default --wix-color-29
 */
@property st-global(--wix-ui-tpa-accordion-disabled-item-color);

/*
 * The divider color
 * @type color
 * @default --wix-color-37
 */
@property st-global(--wix-ui-tpa-accordion-divider-color);

/*
 * The divider opacity
 * @type size
 * @default 0.3
 */
@property st-global(--wix-ui-tpa-accordion-divider-opacity);

/*
 * The divider width
 * @type size
 * @default 1px
 */
@property st-global(--wix-ui-tpa-accordion-divider-width);

/*
 * Border radius
 * @type size
 * @default 0px
 */
@property st-global(--wix-ui-tpa-accordion-divider-radius);

/*
 * Icon size (px as unitless number)
 * @type size
 * @default 24
 */
@property st-global(--wix-ui-tpa-accordion-icon-size);

.root {
  -st-states: theme(enum(line, box));

}

.itemContent {
    -st-extends: AccordionItem;
    background-color: createColor(--wix-ui-tpa-accordion-background-color, var(--wst-primary-background-color-rgb, var(--wix-color-1)), var(--wix-ui-tpa-accordion-background-opacity, 1));
}

.itemContent::title,
.itemContent::arrow {
    -st-mixin: createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "size": "16px" }'),
    createFont((--wix-ui-tpa-accordion-item-title-font, --wst-paragraph-2-overriden-font), 'Body-M');
    color: createColor(--wix-ui-tpa-accordion-item-title-color, var(--wst-paragraph-2-color-rgb, var(--wix-color-5)));
}

.itemContent::arrow {
    height: calc(calc(var(--wix-ui-tpa-accordion-icon-size, 24) / 16) * 1em);
    /* size of icon should be 24 when font size is 16 */
    width: calc(calc(var(--wix-ui-tpa-accordion-icon-size, 24) / 16) * 1em);
}

.itemContent::subtitle {
    -st-mixin: createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "size": "14px" }'),
    createFont((--wix-ui-tpa-accordion-item-subtitle-font, --wst-paragraph-2-overriden-font), 'Body-M');
    color: createColor(--wix-ui-tpa-accordion-item-subtitle-color, var(--wst-shade-3-color-rgb, var(--wix-color-4)));
    flex-basis: 100%;
}

.itemContent::content {
    -st-mixin: createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "size": "16px" }'),
    createFont((--wix-ui-tpa-accordion-item-content-font, --wst-paragraph-2-overriden-font), 'Body-M');
    color: createColor(--wix-ui-tpa-accordion-item-content-color, var(--wst-paragraph-2-color-rgb, var(--wix-color-5)));
}

.itemContent:disabled::title,
.itemContent:disabled::subtitle,
.itemContent:disabled::arrow {
    color: createColor(--wix-ui-tpa-accordion-disabled-item-color, var(--wix-color-29));
}

.itemContent:disabled::titleWrapper {
    color: rgb(var(--wix-color-29));
}

.itemContent::divider {
    border-bottom-color: createColor(--wix-ui-tpa-accordion-divider-color, var(--wst-paragraph-2-color-rgb, var(--wix-color-37)));
    border-bottom-width: var(--wix-ui-tpa-accordion-divider-width, 1px);
    opacity: var(--wix-ui-tpa-accordion-divider-opacity, 0.3);
}

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