@import url(~antd/lib/popover/style/index-pure.less);
@import '../../style/themes/index';
@import '../../style/mixins/index.less';

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

.@{popover-prefix-cls} {
	// 黑色背景样式
	&-dark &-inner,
	&-dark &-arrow-content {
		background-color: @tooltip-bg;
	}

	&-dark &-title,
	&-dark &-inner-content {
		color: @popover-dark-color;
	}

	&-dark .@{btn-prefix-cls}-link {
		&,
		&:hover,
		&:focus,
		&:not([disabled]):active {
			color: @popover-dark-link-color;
		}
	}

	&-inner {
		position: relative;
		padding: @popover-inner-padding;
		padding-bottom: 16px;
		box-shadow: @shadow-2;
		border-radius: @border-radius-container;
		.@{ant-prefix}-input,
		.@{ant-prefix}-select {
			margin-top: 4px;
		}
	}

	&-title {
		border-bottom: 0;
		padding: 0;
		min-height: @popover-title-height;
		.typography-subtitle-2();
		font-weight: 500;
		margin-bottom: @popover-title-marginbottom;
	}

	&-arrow {
		z-index: 1;
	}

	&-placement-top &-arrow,
	&-placement-topLeft &-arrow,
	&-placement-topRight &-arrow {
		&-content {
			box-shadow: @shadow-2;
		}
	}

	&-placement-right &-arrow,
	&-placement-rightTop &-arrow,
	&-placement-rightBottom &-arrow {
		&-content {
			box-shadow: @shadow-2;
		}
	}

	&-placement-bottom &-arrow,
	&-placement-bottomLeft &-arrow,
	&-placement-bottomRight &-arrow {
		&-content {
			box-shadow: @shadow-2;
		}
	}

	&-placement-left &-arrow,
	&-placement-leftTop &-arrow,
	&-placement-leftBottom &-arrow {
		&-content {
			box-shadow: @shadow-2;
		}
	}

	&-inner-content {
		padding: 0;
		.typography-paragraph-4();
	}

	&-close-btn {
		font-size: @popover-closebtn-size;
		position: absolute;
		top: @popover-closebtn-top;
		right: @popover-closebtn-right;
		color: @text-color;
	}

	&-footer {
		padding: @popover-footer-padding;

		.@{btn-prefix-cls} + .@{btn-prefix-cls} {
			margin-left: 8px;
		}

		.@{btn-prefix-cls}[class~='@{btn-prefix-cls}-link']:first-child {
			padding-left: 0px;
		}
	}

	// 底部按钮排列样式
	&-footer-left {
		text-align: left;
	}

	&-footer-right {
		text-align: right;
	}

	&-footer-center {
		text-align: center;
	}

	&-footer-justify {
		display: flex;
		justify-content: space-between;
	}

	// 有关闭按钮时且没有标题的时候右侧间距变大
	&-closeable&-notitle &-inner {
		padding-right: 24px;
	}

	// 有标题时顶部都为10，底部都为16
	// 没有标题时上面都为12，
	// select正常情况上4，没有底部的情况下为4

	&-notitle &-inner {
		padding-top: 12px;
		padding-bottom: 12px;

		.@{popover-prefix-cls}-close-btn {
			top: 15px;
		}
	}

	// 有footer的时候select、input下为0
	&-nofooter &-inner {
		.@{ant-prefix}-input,
		.@{ant-prefix}-select {
			margin-bottom: 4px;
		}
	}

	&-glassmorphism:not(&-dark) &-inner {
		.glassmorphism-dropdown();
	}
}