/* Personnalisation du style pour GeekParadize.fr */

/* Couleurs principales */
:root {
  --geek-primary: #FFC107;      /* Jaune/Orange */
  --geek-secondary: #000000;    /* Noir */
  --geek-text: #FFFFFF;         /* Blanc */
  --geek-background: #1C1C1C;   /* Gris foncé */
  --geek-accent: #7600FF;       /* Violet (pour certains accents) */
  --geek-success: #4CAF50;      /* Vert pour les messages de succès */
  --geek-error: #F44336;        /* Rouge pour les erreurs */
}

/* Style du bouton de signalement */
.flaggedc-reveal-button {
  background-color: var(--geek-primary) !important;
  color: var(--geek-secondary) !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: bold !important;
  padding: 8px 16px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

.flaggedc-reveal-button:hover {
  background-color: #FFD54F !important; /* Version plus claire du jaune */
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

/* Style du formulaire modal */
.flaggedc-form-modal {
  background-color: var(--geek-background) !important;
  color: var(--geek-text) !important;
  border-radius: 5px !important;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
  border: 1px solid #333 !important;
  max-width: 600px !important;
  padding: 0 !important;
}

.flaggedc-form-inside {
  background-color: var(--geek-background) !important;
  border: none !important;
  padding: 25px !important;
  color: var(--geek-text) !important;
  font-weight: normal !important;
}

/* En-tête du formulaire */
.flaggedc-form-modal .flaggedc-form-inside > div:first-child {
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}

/* Champs du formulaire */
.flaggedc-form-fields label {
  color: var(--geek-text) !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
  display: block !important;
}

.flaggedc-form-fields input[type="text"],
.flaggedc-form-fields select,
.flaggedc-form-fields textarea {
  background-color: #333 !important;
  border: 1px solid #444 !important;
  color: var(--geek-text) !important;
  padding: 10px !important;
  border-radius: 3px !important;
  width: 100% !important;
  transition: border-color 0.3s ease !important;
}

.flaggedc-form-fields input[type="text"]:focus,
.flaggedc-form-fields select:focus,
.flaggedc-form-fields textarea:focus {
  border-color: var(--geek-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.25) !important;
}

/* Style du bouton de soumission */
.flaggedc-submit-button {
  background-color: var(--geek-primary) !important;
  color: var(--geek-secondary) !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: bold !important;
  padding: 10px 20px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

.flaggedc-submit-button:hover {
  background-color: #FFD54F !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

/* Messages d'alerte */
.flaggedc-alert-box {
  padding: 15px !important;
  margin-bottom: 20px !important;
  border-radius: 3px !important;
}

.flaggedc-validation-errors-description {
  background-color: rgba(244, 67, 54, 0.1) !important;
  border-left: 4px solid var(--geek-error) !important;
  color: #f5f5f5 !important;
}

.flaggedc-alert-box-success {
  background-color: rgba(76, 175, 80, 0.1) !important;
  border-left: 4px solid var(--geek-success) !important;
  color: #f5f5f5 !important;
}

/* Personnalisation de Magnific Popup */
.mfp-bg {
  background: #000 !important;
  opacity: 0.85 !important;
}

.mfp-close {
  color: var(--geek-text) !important;
}

/* Animation du popup */
.flaggedc-mfp-slide-bottom .mfp-content {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease-out;
}

.flaggedc-mfp-slide-bottom.mfp-ready .mfp-content {
    transform: translateY(0);
    opacity: 1;
}

.flaggedc-mfp-slide-bottom.mfp-removing .mfp-content {
    transform: translateY(-20px);
    opacity: 0;
}

/* Styles pour le texte sélectionné */
.flaggedc-selected-text-container {
    margin-bottom: 20px;
    border-left: 3px solid #FFC107;
    padding-left: 10px;
}

.flaggedc-selected-text-display {
    background-color: #222 !important;
    color: #eee;
    padding: 12px !important;
    border-radius: 4px;
    margin-bottom: 15px;
    font-style: italic;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #333;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.flaggedc-selected-text-container label {
    color: #FFC107;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}

/* Correction des espaces dans le formulaire */
.flaggedc-name-email-container,
.flaggedc-reason-container,
.flaggedc-description-container,
.flaggedc-submit-container {
  margin-top: 20px !important;
}

/* Style pour les options radio */
.flaggedc-reason-radio-group-container {
  margin-top: 10px !important;
}

.flaggedc-reason-radio-group-container input[type="radio"] {
  margin-right: 5px !important;
}

.flaggedc-reason-radio-group-container label {
  display: inline !important;
  margin-right: 15px !important;
}

/* Validation error style */
.flaggedc-validation-error {
  color: var(--geek-error) !important;
}

/* Spinner de chargement */
.flaggedc-submit-spinner {
  margin-left: 10px !important;
}

/* Style pour le conteneur de texte sélectionné */
.flaggedc-selected-text-container {
  margin: 15px 0 !important;
  padding: 10px !important;
  border-radius: 4px !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-left: 3px solid var(--geek-primary) !important;
}

/* Cacher le conteneur quand vide */
.flaggedc-selected-text-container:empty,
.flaggedc-selected-text-container .flaggedc-selected-text-display:empty {
  display: none !important;
}

/* Afficher le conteneur quand il contient du texte */
.flaggedc-selected-text-container .flaggedc-selected-text-display:not(:empty) {
  display: block !important;
}

/* Style pour le label du texte sélectionné */
.flaggedc-selected-text-label {
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: bold !important;
  color: var(--geek-primary) !important;
}

/* Style pour l'affichage du texte sélectionné */
.flaggedc-selected-text-display {
  background-color: rgba(0, 0, 0, 0.3) !important;
  padding: 12px !important;
  border-radius: 3px !important;
  margin-bottom: 15px !important;
  font-style: italic !important;
  color: var(--geek-text) !important;
  border: 1px solid rgba(255, 193, 7, 0.3) !important;
  position: relative !important;
}

/* Guillemets décoratifs pour le texte sélectionné */
.flaggedc-selected-text-display:before {
  content: '\201C' !important; /* Guillemet ouvrant */
  font-size: 24px !important;
  color: var(--geek-primary) !important;
  position: absolute !important;
  left: 5px !important;
  top: -5px !important;
}

.flaggedc-selected-text-display:after {
  content: '\201D' !important; /* Guillemet fermant */
  font-size: 24px !important;
  color: var(--geek-primary) !important;
  position: absolute !important;
  right: 5px !important;
  bottom: -15px !important;
}