/* Lists */

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

/* TODO: create list color vars */
/* List container */
#permission-popup-permission-list,
richlistbox#items {
	--in-content-item-selected: var(--gnome-accent-bg) !important;
	--in-content-item-selected-text: #fff !important;
	background: var(--gnome-menu-background) !important;
	border: 1px solid var(--gnome-button-border-color) !important;
	border-radius: 12px !important;
	padding: 0 !important;
	overflow: hidden;
}

richlistbox#items {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .03),
                0 1px 3px 1px rgba(0, 0, 0, .07),
                0 2px 6px 2px rgba(0, 0, 0, .03);
}

/* List item */
.permission-popup-permission-list-anchor,
richlistbox#items richlistitem {
	padding: 6px 6px 1px !important;
	margin: 0 !important;
}
.permission-popup-permission-list-anchor:not(:last-child),
richlistbox#items richlistitem:not(:last-child) {
	border-bottom: 1px solid var(--gnome-menu-separator-color);
}

/* Fix list buttons on selected state */
@media (prefers-color-scheme: light) {
	richlistbox#items richlistitem[selected=true] button:not(:hover) {
		filter: invert() brightness(200%) !important;
	}
}
