/**
 * Flarum Upload Toolbar CSS
 * Masque l'icône image native dans le composer uniquement
 * Style natif Flarum, pas de positionnement flottant
 * @version 1.0.0
 */

/* Masquer le bouton image natif uniquement dans le composer toolbar */
.ComposerBody-editor .TextEditor-controls .Button[title*="image"],
.ComposerBody-editor .TextEditor-controls .Button[aria-label*="image"],
.ComposerBody-editor .TextEditor-controls .Button--icon.fa-image {
  display: none !important;
}

/* Style du bouton upload custom pour correspondre au style Flarum natif */
.upload-toolbar-btn {
  /* Hérite des styles .Button .Button--icon .Button--link de Flarum */
  /* Pas de surcharge nécessaire sauf ajustements mineurs */
}

/* Icône paperclip */
.upload-toolbar-btn .fa-paperclip {
  /* Utilise Font Awesome déjà chargé par Flarum */
}

/* État hover (respecte le thème Flarum) */
.upload-toolbar-btn:hover {
  /* Hérite du comportement natif .Button--link:hover */
}

/* État disabled pendant upload */
.upload-toolbar-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Animation spinner pendant upload */
.upload-toolbar-btn .fa-spinner {
  animation: fa-spin 1s infinite linear;
}

/* Mobile responsive : s'assure que le bouton reste visible dans toolbar */
@media (max-width: 767px) {
  .upload-toolbar-btn {
    /* Hérite du comportement responsive natif des boutons Flarum */
    font-size: 14px;
  }

  .upload-toolbar-btn .Button-label {
    /* Cache le label texte sur mobile, garde uniquement l'icône */
    display: none;
  }
}

/* Tablette */
@media (min-width: 768px) and (max-width: 1023px) {
  .upload-toolbar-btn .Button-label {
    display: none;
  }
}