.elementor-4029 .elementor-element.elementor-element-7e3cf0a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-778cac3 *//* --- Styles pour le Créateur de Flashcards --- */

#yasprepa-flashcards {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    background-color: #ffffff !important;
    padding: 30px !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    width: 100% !important;
    max-width: 600px !important; /* Plus large pour le texte */
    margin: 40px auto !important;
    border: 1px solid #f0f0f0 !important;
    color: #333 !important;
    overflow: hidden !important;
}

#yasprepa-flashcards * {
    font-family: inherit !important;
    box-sizing: border-box !important;
}

/* Sélecteur de mode (onglets) */
#yasprepa-flashcards .fc-tabs {
    display: flex !important;
    border-bottom: 2px solid #f0f0f0 !important;
    margin-bottom: 25px !important;
}
#yasprepa-flashcards .fc-tab-btn {
    flex: 1 !important;
    padding: 12px 15px !important;
    border: none !important;
    background: none !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #888 !important;
    border-bottom: 3px solid transparent !important;
    margin: 0 0 -2px 0 !important; /* Pour que la bordure active touche la ligne */
    transition: all 0.2s ease !important;
}
#yasprepa-flashcards .fc-tab-btn.active {
    color: #007bff !important; /* Bleu pour l'onglet actif */
    border-bottom-color: #007bff !important;
}
#yasprepa-flashcards .fc-tab-btn:hover:not(.active) {
    color: #333 !important;
}

/* Styles du formulaire de création */
#yasprepa-flashcards .fc-input-group {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}
#yasprepa-flashcards .fc-input-group label {
    display: block !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #555 !important;
    margin: 0 0 8px 0 !important;
    text-align: left !important;
}
#yasprepa-flashcards .fc-input-group textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    color: #333 !important;
    background: white !important;
    box-shadow: none !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Boutons génériques */
#yasprepa-flashcards .fc-btn-primary {
    display: block !important;
    width: 100% !important;
    padding: 14px 30px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    color: white !important;
    background: #007bff !important; /* Bleu */
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2) !important;
}
#yasprepa-flashcards .fc-btn-primary:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-2px) !important;
}

/* Scène 3D */
#yasprepa-flashcards #fc-card-scene {
    width: 100% !important;
    height: 300px !important; /* Hauteur de la carte */
    perspective: 1000px !important; /* Profondeur 3D */
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}
#yasprepa-flashcards #fc-card {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    transform-style: preserve-3d !important;
    transition: transform 0.6s ease !important;
    cursor: pointer !important;
}
/* Quand la carte est retournée */
#yasprepa-flashcards #fc-card.is-flipped {
    transform: rotateY(180deg) !important;
}

/* Faces de la carte */
#yasprepa-flashcards .fc-card-face {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-backface-visibility: hidden !important; /* Chrome/Safari */
    backface-visibility: hidden !important; /* Cache le dos de la face */
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    overflow-y: auto !important; /* Scroll si le texte est trop long */
}
#yasprepa-flashcards #fc-card-front {
    background: #ffffff !important;
    color: #333 !important;
    border: 2px solid #e0e0e0 !important;
}
#yasprepa-flashcards #fc-card-back {
    background: #f9f9f9 !important;
    color: #111 !important;
    border: 2px solid #f0f0f0 !important;
    transform: rotateY(180deg) !important; /* Le verso est retourné au début */
}

/* Navigation */
#yasprepa-flashcards .fc-navigation {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}
#yasprepa-flashcards #fc-counter {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #666 !important;
}
#yasprepa-flashcards .fc-btn-nav {
    padding: 10px 20px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    background: #f9f9f9 !important;
    color: #555 !important;
    transition: all 0.2s ease !important;
}
#yasprepa-flashcards .fc-btn-nav:hover {
    background: #e9e9e9 !important;
    border-color: #aaa !important;
}
#yasprepa-flashcards .fc-btn-nav:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Actions (Supprimer) */
#yasprepa-flashcards .fc-actions {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 20px !important;
}
#yasprepa-flashcards .fc-btn-delete {
    background: none !important;
    border: none !important;
    color: #e74c3c !important; /* Rouge */
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 5px !important;
}
#yasprepa-flashcards .fc-btn-delete:hover {
    text-decoration: underline !important;
}

/* Messages de feedback */
#yasprepa-flashcards #fc-message {
    padding: 12px !important;
    margin: 0 0 15px 0 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    display: none; /* Caché par défaut */
}
#yasprepa-flashcards #fc-message.success {
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}
#yasprepa-flashcards #fc-message.error {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}/* End custom CSS */