/* ══════════════════════════════════════════════
   THEME SELECTOR — Scroll performance fix
   Remplace transition:all (trop coûteux sur 62
   cartes) par des propriétés ciblées uniquement.
   ══════════════════════════════════════════════ */

/* Seules les propriétés qui changent réellement au hover */
.theme-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  contain: layout style;
}

/* GPU compositing préparé sur hover */
.theme-card:hover {
  will-change: transform;
}

/* Scroll fluide + isolation du scroll (pas de propagation) */
.theme-selector-modal {
  overscroll-behavior: contain;
  scroll-behavior: auto;
}

/* Notification badge — centrage vertical du chiffre */
.notif-badge-count {
  line-height: 1 !important;
}

/* ── Supprimer le bouton cloche rectangle du header (doublon) ── */
#notif-badge-container {
  display: none !important;
}

/* ── Centrage vertical du chiffre dans la pastille sidebar ── */
.sidebar-notif-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding-bottom: 0 !important;
}