/* ============================================
   CORRECTIONS D'ALIGNEMENT GLOBALES
   Corrige les bugs d'alignement sur toutes les pages
   ============================================ */

/* ============================================
   CORRECTIONS SPÉCIFIQUES - MINIMALES
   ============================================ */

/* Alignement vertical des icônes dans les flex */
.flex [data-lucide],
.flex i,
.flex svg {
  flex-shrink: 0;
  align-self: center;
}

/* Alignement vertical des images dans les flex */
.flex img {
  align-self: center;
  object-fit: contain;
}

/* Correction pour les éléments avec min-w-0 */
.min-w-0 {
  min-width: 0;
}

/* Correction pour les grilles avec items-stretch - seulement si explicitement demandé */
.grid.items-stretch > .h-full {
  height: 100%;
}

/* Ne pas forcer flex sur les cartes - laisser le HTML décider */

/* ============================================
   CORRECTIONS RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
  /* Éviter les débordements horizontaux */
  .flex[class*="gap"] {
    gap: clamp(0.5rem, 2vw, 1rem);
  }
}

/* ============================================
   CORRECTIONS GLOBALES
   ============================================ */

/* Éviter les marges négatives qui causent des décalages */
* {
  box-sizing: border-box;
}

/* Alignement par défaut pour les éléments inline */
img,
svg,
[data-lucide],
i {
  vertical-align: middle;
}