/*-----------------------------------------------------------------
	Country Selector Accordion
------------------------------------------------------------------- */

.accordion {
	-webkit-box-shadow: 4px 9px 11px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 9px 11px 4px rgba(0,0,0,0.75);
	box-shadow: 4px 9px 11px 4px rgba(0,0,0,0.75);
}

.accordion-item.card-country:hover {
	border: none!important;
}

/* Liens et icônes dans le header */
.accordion-button, .accordion-header button, .accordion-button .fa, .country-list a, [class^="countrySelec-"] .fa {
	color: white!important;
	opacity: 0.5;
    font-size: 16px;
}

/* Suppression du style par défaut Bootstrap 5 sur les boutons */
.accordion-button, .accordion-item {
	box-shadow: none!important;
	border: none!important;
    background-color: rgba(50, 50, 50)!important;
    transition: none!important;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-bottom-left-radius:0!important ;
    border-bottom-right-radius:0!important ;
}

.accordion-button::after {
  display: none;
}

/* Hover */
.accordion-header:hover button,.accordion-header:hover .accordion-button,  .list-group-item.active {
	background-color: rgb(172,172,172,0.3)!important;
	box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .1)!important;
	opacity: 1;
}

/* List group */
.list-group-item-country {
	border: none!important;
	border-radius: 0!important;
	padding: 0!important;
	background-color: transparent!important;
}

[class^="countrySelec-"]:hover, .list-group-item.active [class^="countrySelec-"] {
	background-color: rgb(172,172,172,0.3)!important;
	box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .1)!important;
}

.list-group-item {
	color:var(--text-color)!important;
}

.fa {
	outline: none!important;
}

.CountrySelector {
	background-color: rgba(38, 38, 38)!important;
	padding: 30px 0px;
}

.countrySelec-1 {
	background-color: rgba(45, 45, 45);
	padding: .75rem 1.25rem;
}

.countrySelec-2 {
	background-color: rgba(42, 42, 42);
	padding: .75rem 2.25rem;
}

.countrySelec-3 {
	background-color: rgba(38, 38, 38);
	padding: .75rem 3.25rem;
}

.accordion-body {
    padding: 0;
}

/* Toggle Collapse Button */
.toggle-collapse-btn {
	background-color: transparent !important;
	color: white !important;
	border: none !important;
	font-size: 18px !important;
	cursor: pointer !important;
	padding: 8px 12px !important;
	transition: none !important;
	opacity: 0.7;
}

.toggle-collapse-btn:hover {
	opacity: 1 !important;
}

.toggle-collapse-btn.collapsed {
	opacity: 0.5;
}

/**********************   Icons restaurant *************************/

.website {
	background-image: var(--website-url);
	background-size: auto 60%;
	float: left;
	border: 2px solid var(--text-color);
	background-color: var(--background-nav-stronger);
}

.menu {
	background-image: var(--menu-url);
	background-size: auto 60%;
	float: left;
	border: 2px solid var(--text-color);
	background-color: var(--background-nav-stronger);
}

.reservation {
	background-image: var(--reservation-url);
	background-size: auto 60%;
	float: left;
	border: 2px solid var(--text-color);
	background-color: var(--background-nav-stronger);
}

/**********************   Instagram *************************/

.instagram {
	background-image: url("../../images/icons/instagram.svg");
	background-size: auto 60%;
}

.Instatitle {
	color: var(--title-color);
	font-weight: 400;
	text-align: center;
}