.eds-c-details {
	padding: $t-eds-c-details-padding 0;
	border-style: solid;
	border-color: $t-eds-c-details-border-color;
	border-width: $t-eds-c-details-border-width 0;
	font-size: $t-eds-c-details-title-font-size;
}

.eds-c-details + .eds-c-details {
	/* for successive details instances, don't double the border */
	border-top: 0;
	margin-top: $t-eds-c-details-spacing;
}

.eds-c-details__details {
	/* For IE11 (unknown element) */
	display: block;
}

.eds-c-details__summary {
	cursor: pointer;
	/* For IE11 (unknown element) */
	display: block;
	/* remove marker in Firefox */
	list-style-type: none;
}

/* remove marker in other browsers */
.eds-c-details__summary::marker,
.eds-c-details__summary::-webkit-details-marker {
	display: none;
}

/* enhance focus styles */
@supports (text-decoration-color: #000) {
	.eds-c-details__summary:focus {
		outline: none;
	}

	.eds-c-details__summary:focus .eds-c-details__header {
		outline: 4px solid #0088cc;
	}
}

.eds-c-details__header {
	display: inline;
	padding: $t-eds-c-details-header-padding;
    border-radius: $t-eds-c-details-header-border-radius;
}

.eds-c-details__header .u-icon {
	flex-shrink: 0;
	width: $t-eds-c-details-icon-size;
	height: $t-eds-c-details-icon-size;
	color: $t-eds-c-details-icon-color;
}

/* ↓ Complex selector necessary to ensure
nested icons are not rotated */
.eds-c-details > [open] > summary > div > .u-icon {
	transform: rotate(180deg);
}

.eds-c-details__title {
	margin-left: $t-eds-c-details-margin-left-to-icon;
	font-family: $t-eds-c-details-title-font-family;
	color: $t-eds-c-details-icon-color;
	line-height: $t-eds-c-details-title-line-height;
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}

.eds-c-details__content {
	padding: 0 $t-eds-c-details-content-padding;
    border-left: 8px solid $t-a-palette-default-greyscale-400;
    margin: $t-a-space-absolute-400 0 $t-a-space-absolute-400 $t-a-space-absolute-200;
}

/* Remove excess margin from (for example) paragraphs */
.eds-c-details__content > :last-child {
	margin-bottom: 0;
}
