/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.chat-inline-anchor-widget {
	border: 0.5px solid var(--vscode-chat-requestBorder, var(--vscode-input-background, transparent));
	border-radius: 4px;
	margin: 0 1px;
	padding: 1px 3px;
	text-wrap: nowrap;
	width: fit-content;
	font-weight: normal;
	text-decoration: none;
	font-size: var(--vscode-chat-font-size-body-s);
}

.chat-inline-anchor-widget .icon-label {
	padding: 0 3px;

	.label-suffix {
		color: var(--vscode-peekViewTitleDescription-foreground);
	}
}

.chat-inline-anchor-widget:hover .icon-label .label-suffix  {
	color: currentColor
}

.interactive-item-container .value .rendered-markdown .chat-inline-anchor-widget {
	color: inherit;
}

.chat-inline-anchor-widget:hover {
	background-color: var(--vscode-list-hoverBackground);
}

.chat-inline-anchor-widget .icon {
	vertical-align: middle;
	line-height: 1em;
	font-size: 90% !important;
	overflow: hidden;

	top: 0 !important;
}

.show-file-icons.chat-inline-anchor-widget .icon::before {
	display: inline-block;
	line-height: 100%;
	overflow: hidden;
	font-size: 100% !important;

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	padding: 0 !important;
	margin-bottom: 1px;

	flex-shrink: 0;
}

/* Link-style appearance - no box, no icon */
.chat-inline-anchor-widget.link-style,
.interactive-item-container .value .rendered-markdown .chat-inline-anchor-widget.link-style {
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	color: var(--vscode-textLink-foreground);
}

.chat-inline-anchor-widget.link-style:hover {
	background-color: transparent;
	text-decoration: underline;
}

.chat-inline-anchor-widget.link-style .icon {
	display: none;
}

.chat-inline-anchor-widget.link-style .icon-label {
	padding: 0;
}
