/* Fallback CSS para ícones em todos os navegadores */

/* Estilo base para ícones */
[class*="ph-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
}

/* Fallback específico para Firefox */
@-moz-document url-prefix() {
  [class*="ph-"] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
  }
}

/* Animações suaves para ícones */
[class*="ph-"] {
  transition: all 0.2s ease-in-out;
}

/* Estados hover */
[class*="ph-"]:hover {
  transform: scale(1.1);
}

/* Estados active */
[class*="ph-"]:active {
  transform: scale(0.95);
}

/* Garante consistência em diferentes tamanhos */
.ph-thin, .ph-light, .ph-regular, .ph-bold, .ph-fill, .ph-duotone {
  box-sizing: border-box;
}