@import url(~antd/lib/collapse/style/index-pure.less);
@import '../../style/themes/index';
@import '../../input/style/mixin.less';

@icon-prefix-cls: ~'@{ant-prefix}-icon';

.@{collapse-prefix-cls} {
	// Clear Antd Styles
	border-radius: @collapse-border-radius;
	border: @border-width-base @border-style-base @collapse-border-color;

	.@{icon-prefix-cls} {
		color: @font-color-caption;
	}

	& &-item {
		border-bottom: none;

		&-active {
			& > .@{collapse-prefix-cls}-header .@{icon-prefix-cls} {
				color: @heading-color;
			}
		}
	}

	& > &-item:last-child {
		border-radius: 0;
	}

	// Header
	& > &-item > &-header {
		font-size: @font-size-sm;
		line-height: 20px;
		align-items: center;
		box-shadow: inset 0 -1px 0 0 @border-color-split;
		color: @text-color;

		& > .@{collapse-prefix-cls}-arrow {
			font-size: @collapse-icon-font-size;
		}
		&:not(.@{collapse-prefix-cls}-item-disabled .@{collapse-prefix-cls}-header):hover {
			background-color: #f5f6f7;
		}
	}

	& &-item:last-child > &-header {
		box-shadow: none;
	}

	& &-item:last-child > &-content-active {
		border-top: solid 1px @border-color-split;
		border-bottom: none;
	}

	& &-item &-header {
		.@{collapse-prefix-cls}-arrow {
			margin-right: @collapse-icon-margin-right;
		}
	}

	// Panel Content
	&-content {
		border-top: none;
		font-size: @font-size-sm;
		color: @cloud-gray-70;
	}

	&-content-active {
		border-bottom: solid 1px @border-color-split;
	}
	&-icon-position-left > &-item > &-header {
		padding-left: @collapse-padding-horizontal-start;
	}

	&-icon-position-left > &-item > &-content > &-content-box {
		padding-left: calc(
			@collapse-padding-horizontal-start + @collapse-icon-font-size + @collapse-icon-margin-right + 4px
		);
	}

	&-content-box {
		font-size: inherit;
	}
	//嵌套的边距
	&-icon-position-left &-item-with-nested-collapse &-content &-content-box {
		padding-left: calc(@collapse-padding-horizontal-start + @collapse-icon-font-size);
	}

	// Disabled
	&-item&-item-disabled {
		.bd-disabled();
		.@{collapse-prefix-cls}-header {
			color: @disabled-color;
		}

		.@{icon-prefix-cls} {
			color: @disabled-color;
		}
	}

	// Nested Collapse
	// & > &-item {
	// 	.@{collapse-prefix-cls}-item .@{collapse-prefix-cls}-header {
	// 		box-shadow: none;
	// 	}
	// }

	&-item-with-nested-collapse {
		& > .@{collapse-prefix-cls}-content > .@{collapse-prefix-cls}-content-box {
			padding-top: 0 !important;
			padding-right: 0;
			padding-bottom: 0;
			.@{collapse-prefix-cls} {
				border: 0;
			}
		}
	}
}

.@{collapse-prefix-cls} {
	&&-borderless {
		> .@{collapse-prefix-cls}-item > .@{collapse-prefix-cls}-content > .@{collapse-prefix-cls}-content-box {
			padding-top: @collapse-padding-horizontal;
		}
	}
}

@import './rtl.less';