#countryDropDown .dropdown-menu::-webkit-scrollbar {
	width: 6px;
}
#countryDropDown .dropdown-menu::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
}

#accordionCountryList,
#accordionCountryList .accordion-item {
	background-color: transparent !important;
	border: none;
}

/* no seperator line between country groups */
#accordionCountryList .accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* styling country groups */
#accordionCountryList .accordion-button {
	background-color: transparent !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-size: 1rem !important;
	padding: 0.6rem 0.75rem;
	font-weight: 600;
	border: none;
}

/* hides integrated bootstrap arrow (own arrow '⯈' */
/* #accordionCountryList .accordion-button::after { */
	/* display: none !important; */
/* } */

#accordionCountryList .accordion-button:focus {
	box-shadow: none;
}

#accordionCountryList .accordion-button:not(.collapsed) {
	color: #20c997 !important; /* Joomla-Teal / mint green shows active group name */
	/* Falls Bootstrap hier ein Icon mitliefert, färben wir es auch um: */
	--bs-accordion-btn-icon-transform: rotate(-180deg); 
}

/* styling the country names */
.transparent-btn-hover {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 0.875rem;
	transition: all 0.15s ease-in-out;
}

.transparent-btn-hover:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	padding-left: 0.75rem !important; /* minimal "slide-In"-effect */
}

#accordionCountryList .accordion-button::after {
	filter: invert(1) grayscale(1) brightness(2); /* Macht das Standard-Icon weiß */
}

/* two columns layout */
.transparent-btn-hover:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	text-indent: 4px; 
}