/*
 * Picostrap / Bootstrap 5.3 compatibility layer.
 * The component intentionally relies on Bootstrap utilities for its visual design.
 */

.avm-panel {
	--bs-dropdown-spacer: 0;
}

.avm-section-title {
	font-size: .95rem;
	line-height: 1.2;
	letter-spacing: .05em;
}

.avm-entry-content {
	min-width: 0;
}

.avm-item-badge,
.avm-entry-meta {
	font-size: .7rem;
}

.avm-entry {
	transition: background-color .15s ease, color .15s ease;
}

.avm-entry:hover,
.avm-entry:focus-visible {
	background-color: var(--avanzia-blanco-lienzo) !important;
}

.avm-entry:hover .avm-entry-title,
.avm-entry:focus-visible .avm-entry-title {
	color: var(--bs-primary);
}

.avm-entry:focus-visible,
.avm-menu-item > .dropdown-toggle:focus-visible,
.avm-panel .btn:focus-visible,
.avm-panel a:focus-visible {
	outline: 2px solid var(--bs-primary);
	outline-offset: 2px;
}

@media (min-width: 992px) {
	.avm-panel {
		max-height: min(80vh, 40rem);
		overflow-y: auto;
	}

	.avm-panel .avm-section + .avm-section {
		border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	}
}

@media (max-width: 991.98px) {
	.avm-panel .avm-section + .avm-section {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	}
}