.dropdown-body,
.dropdown-footer { padding: $dropdown-item-padding-x;
	&:first-child { border-top-left-radius: $dropdown-border-radius; border-top-right-radius: $dropdown-border-radius; }
	&:last-child { border-bottom-left-radius: $dropdown-border-radius; border-bottom-right-radius: $dropdown-border-radius; }
}

.dropdown-item {
	background-color: $dropdown-link-bg-color;
	text-decoration: none;

	&.variation {
		word-break: break-word;
		hyphens: auto;
		white-space: normal;
	}
}
.dropdown-divider {
	margin: 0;
}

.dropdown-toggle:not(.et-dropdown-toggle) {
	&::after {
		@include fas('f078');
		margin-left: map-get($spacers, 2);
		vertical-align: middle;
		display: inline-block;
		line-height: 1;
		transition: transform $transition-base-duration;
		will-change: transform;
		border-top: 0;
		font-size: .75em;
	}
	&[aria-expanded='true']::after {
		transform: rotate(180deg);
	}

	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	&.no-caret { display: block; }
	&.no-caret::after { display: none; }
}

.dropdown-header {
	padding: map-get($spacers, 2) $dropdown-item-padding-x;
}

.dropdown-full-width {
	.dropdown-menu {
		width: 100%;
	}
}
.dropdown-toggle:not(.et-dropdown-toggle) {
	white-space: initial;
}

.dropdown-toggle.et-dropdown-toggle {
	&:after {
		content: '';
		margin-left: 0;
		display: none;
	}
}


.et-dropdown-open.et-dropdown-open,
.et-dropdown-closed.et-dropdown-closed {
	.et-textfield & {
		padding-left: 5px;
	}
	display: none;
}

[aria-expanded="true"] {
	.et-dropdown-open.et-dropdown-open {
		display: inline-block;
	}
}
[aria-expanded="false"] {
	.et-dropdown-closed.et-dropdown-closed {
		display: inline-block;
	}
}