/* ------- POPUP BOX --- */
.popUp{
	cursor: pointer;
	position: absolute;
	z-index: 15;
	font-family: sans-serif;
	font-weight:300;
	font-size: 15px;
	color: black;
	border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px); /* Préfixe pour Safari */

 	top: 100px; 
	width: auto;
	overflow: hidden;
	text-align: center;
	box-shadow: 0px 5px 51px rgba(3, 3, 3, 0.75);
	margin: auto;
}

.welcome, #congratsBuy {
 	padding-bottom: 15px; 
}


/* -- TABLEAU MODELS -- */
.gras {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.69);
}

#tableauComparatif{
	width: 100%;
	border-collapse: collapse;
	margin: 5px;
	padding: 5px;
}

#tableauComparatif td{
	border-collapse: collapse;
	margin: 5px;
	padding: 5px;
}


.congratulationsTitle{
		border-radius: 10px;
		padding: 5px;
		margin: 5px;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		color: white;
		background : #f50b70;
		overflow: hidden;
}

.congratsTable {
	margin: auto;
	padding: 10px;
	border-spacing: 10px;
	text-align: left;
}

/* ------- NEW SCENE BUY ! --- */
.glitter{
	position: absolute;
	top: 125px;
}

.plus{
	display: inline-block;
	padding: 40px 20px 40px 20px;
	font-size: x-large;
	color: #fd266e;
}

.btn-container {
    display: flex;
    gap: 0px;
    width: 100%;
    justify-content: center;
}

button {
    all: unset; /* Réinitialise les styles par défaut du bouton */
    display: block;
    width: 100%;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.46);
	color: #99134d;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
	border-radius: 10px; 
}

button:hover {
	color: #9f4688;
    background-color: rgba(255, 255, 255, 0.63);
}

#btnConfigMusic 		{ width: 75%; }
#btnConfigMusicSwitch	{ width: 25%; }



.btn, .btnGuestOK, .btnMembers, .btnPurchase, .btnCloseTuto, .btnHelp, .btnConfig, .btnLevel{
    flex: 1;
	font-weight: 300;	
	margin: 5px;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.46);
	border-radius: 10px; 
	color: #99134d;
} 

#btnStart{
    background : #37D400;
    font-size: large;
    padding: 10px 60px 10px 60px;
	margin: 15px 15px 15px 15px;
	color: white;
	display: inline-block;
	border-radius: 100px;
	border: 0px;
}

.btnHover {
	color: #9f4688;
    background-color: rgba(255, 255, 255, 0.63);
}

.btnSelected, .btnSelectedPlan {
	color: white;
   	background: linear-gradient(to right, #f50b70 0%, #ef73a9 100%);
}

/* ------- POPUP LEVELS --- */
.levelInfoGrey{
	opacity: 0.4;
}


.btnGrey {
	border-radius: 5px;
	padding: 5px 5px 5px 5x;
	border: 1px solid #aeaeae;
	color: #4f4f4f;
}





.helpContent {
	text-align: left;
	padding: 8px;
}


/* ------- POPUP TUTORIALS --- */
.tutoBtn {
	display: inline-block;
}

#videoTuto {
	border: 1px solid #fd5d88;
	border-radius: 10px;
}

#tutoTitle {
	color: #fd5d88;
	font-size: medium;
}

#tutoSubTitle {
	font-size: small;
}


#tableAchievements {
	margin:0 auto;
}



/* ------ HELP POPUP --- */
.faqItem{
	display: inline-block;
	padding-left: 8px;
}

.faqTitle{
}

#contactUs{
	font-size: medium;
}


/* --- BOUTONS YES/NO ----- */
#getShowYes, #buyCreditsYes, #buyCreditsNo, #getShowConfirm, #getShowNo{
	margin: 5px;	
}