/* ------- 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;
 	top: 100px; 
	width: auto;
	overflow: hidden;
	text-align: center;
	margin: auto;
  transform: translate3d(var(--px, 0px), var(--py, 0px), 0);
  background: radial-gradient(
      140% 160% at 0% 0%,
      rgba(255, 255, 255, 0.55),
      rgba(255, 255, 255, 0.14)
  );
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.12) inset;
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

.popUp::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
      circle at 10% 0%,
      rgba(255, 255, 255, 0.55),
      transparent 60%
  );
  opacity: 0.75;
  pointer-events: none;
}

.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;	
}

/* --- PARALLAX FLUIDE ----- */
.parallax-xy,
#hornyAch,
#menuActions,
.popUp,
#percentageDisplay,
#IconLow,
#IconMedium,
#IconHot,
#IconDevil,
#actionDisplay,
#scoreDisplay {
    transition: transform 0.06s linear;
    will-change: transform;
}