/* Style du quiz */
.quiz-container, .final-score,
#quiz-container, #final-score {
    text-align: center;
    padding: 10px;
    margin: 20px auto;
    max-width: 600px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display:flex;
	flex-direction: column;
}
.quiz-container .wp-block-group__inner-container {
	padding:30px;
}
.quiz-container h2,
#quiz-container h2 {
	font-family: Satisfy;
	font-size:2.5em;
}

.question-title,
#question-title {
    font-size: 1.4em;
    margin-bottom: 20px;
}
.answers-container {
	display:flex;
	flex-direction:column;
}
.answers-container .wp-block-button,
.quiz-controls .wp-block-button,
.next-btn {
	width:100%;
}
.answers-container .wp-block-button .wp-block-button__link,
.answer-btn {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    font-size: 1.2em;
    cursor: pointer;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background 0.3s;
	color:var(--contrast);
	text-transform:none;
}
.answers-container .wp-block-button .wp-block-button__link:hover,
.answer-btn:hover {
    background-color: #f0f0f0;
}

.wp-block-button__link.validate-btn, .validate-btn a.wp-block-button__link, 
.next-btn button.wp-block-button__link, .next-btn a.wp-block-button__link,
#validate-btn, #next-btn,
.editor-styles-wrapper .validate-btn div, 
.editor-styles-wrapper .next-btn div {
    padding: 10px 20px;
    margin: 10px 0;
    font-size: 1em;
    cursor: pointer;
    background-color: var(--global-color-8, #ED84A0);
    color: white;
    border:1px solid var(--global-color-8, #ED84A0);
    border-radius: 5px;
    display: inline-block;
	width:100%;
}

.validate-btn:hover, .validate-btn a:hover, 
.next-btn button:hover, .next-btn a:hover,
#validate-btn:hover, #next-btn:hover,
.editor-styles-wrapper .validate-btn div:hover, 
.editor-styles-wrapper .next-btn div:hover {
    background-color:white;
	color:var(--global-color-8, #ED84A0);
}

.feedback,
#feedback {
    margin-top: 15px;
    font-size: 1em;
}

@media (max-width: 600px) {
	.quiz-container, .final-score,
    #quiz-container, #final-score {
        padding: 5px;
    }

    .question-title,
	#question-title {
        font-size: 1.2em;
    }

    .answer-btn {
        font-size: 0.9em;
    }
}
.final-score {
	display:none;
}

/* Styles spécifiques à l'éditeur */
/*
.editor-styles-wrapper .quiz-container {
    background: #fff;
}

.editor-styles-wrapper .answer-btn {
    cursor: pointer;
}
*/
/* Assurer la visibilité des boutons dans l'éditeur */
/*
.editor-styles-wrapper .wp-block-button__link {
    background-color: var(--wp--preset--color--primary, #32373c) !important;
    color: #fff !important;
} 
*/