/* ============================================================
   forum-buttons.css
   Boutons du forum (forum.php, category.php, post.php, new-post.php)
   = même rendu que « Se connecter » / « Créer mon compte » (auth.php),
   « S'abonner » (footer.php) et « Mon compte » (header.php).
   À charger APRÈS le <style> de chaque page pour que ces règles priment.
   ============================================================ */

/* ─── Base commune : style « CTA » dégradé violet ─── */
.btn-new-post,
.btn-new-post:hover,
.forum-search-wrap button,
.forum-search-wrap button:hover,
.filter-btn,
.filter-btn:hover,
.filter-btn.active,
.page-btn,
.page-btn:hover,
.page-btn.active,
.report-btn,
.report-btn:hover,
.report-btn-submit,
.report-btn-submit:hover,
.report-btn-submit:disabled:hover,
.report-btn-cancel,
.report-btn-cancel:hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  background: linear-gradient(135deg, #9B6FD1 0%, #7A3FB5 50%, #1A1A1A 100%);
  background-size: 160% 160%;
  background-position: 100% 100%;
  border: 0;
  border-top:    1px solid rgba(255,255,255,0.40);
  border-left:   1px solid rgba(255,255,255,0.26);
  border-right:  1px solid rgba(0,0,0,0.30);
  border-bottom: 1px solid rgba(0,0,0,0.40);
  border-radius: 8px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transform: translateY(1px);
  filter: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.15s ease, box-shadow 0.15s ease,
              background-position 0.4s ease, opacity 0.15s ease;
}

/* ─── Tailles propres à chaque bouton ─── */
.btn-new-post                { padding: 0.5rem 1.3rem; }
.forum-search-wrap button    { padding: 0 1.1rem; height: 100%; border-radius: 0; box-shadow: none; transform: none; }
.filter-btn                  { padding: 0.4rem 1rem; font-size: 0.95rem; }
.page-btn                    { width: 36px; height: 36px; padding: 0; font-size: 0.95rem; letter-spacing: 0; }
.report-btn                  { padding: 0.5rem 1.2rem; }

/* ─── Désactivé ─── */
.btn-new-post:disabled,
.report-btn:disabled,
.report-btn-submit:disabled,
.report-btn-submit:disabled:hover {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ─── Filtres et pagination : l'élément actif ressort, les autres sont atténués ─── */
.filter-btn,
.page-btn,
.report-btn-cancel {
  opacity: 0.6;
}
.filter-btn:hover,
.filter-btn.active,
.page-btn:hover,
.page-btn.active,
.report-btn-cancel:hover {
  opacity: 1;
}

/* ─── Les « … » de la pagination ne sont pas des boutons ─── */
span.page-btn,
span.page-btn:hover {
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 0;
  transform: none;
  opacity: 1;
  color: var(--text-muted, rgba(255,255,255,0.5));
  cursor: default;
}

/* ─── Lien « Annuler » de new-post.php : on le garde en lien discret ─── */
.btn-cancel { font-family: 'Inter', sans-serif; }