/* ===========================================================
   ICONS.CSS — wrapper dos ícones Material Symbols Outlined
   --------------------------------------------------------
   Os emojis do site foram substituídos por ícones vetoriais
   carregados via Google Fonts. Mantém a estética limpa e
   profissional (sem variação entre OS).

   Uso típico:
     <span class="material-symbols-outlined">shopping_cart</span>

   Variantes disponíveis:
     .icon-sm / .icon-lg / .icon-xl / .icon-2xl / .icon-3xl   — tamanhos
     .icon-pix / .icon-whatsapp / .icon-blue / .icon-green / .icon-danger   — cores
     .no-margin / .align-baseline / .align-middle          — alinhamento
   =========================================================== */

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  vertical-align: -3px;
  margin-right: 4px;
}
.material-symbols-outlined.icon-sm  { font-size: 14px; vertical-align: -2px; }
.material-symbols-outlined.icon-lg  { font-size: 22px; vertical-align: -4px; }
.material-symbols-outlined.icon-xl  { font-size: 28px; vertical-align: -6px; }
.material-symbols-outlined.icon-2xl { font-size: 38px; vertical-align: -8px; }
.material-symbols-outlined.icon-3xl { font-size: 52px; vertical-align: -10px; }
.material-symbols-outlined.icon-pix       { color: #32BCAD; }
.material-symbols-outlined.icon-whatsapp  { color: #25D366; }
.material-symbols-outlined.icon-blue      { color: #0071E4; }
.material-symbols-outlined.icon-green     { color: #2E7D32; }
.material-symbols-outlined.icon-orange    { color: #E65100; }
.material-symbols-outlined.icon-danger    { color: #C62828; }
.material-symbols-outlined.icon-muted     { color: #888; }
.material-symbols-outlined.icon-white     { color: #fff; }
.material-symbols-outlined.no-margin  { margin-right: 0; }
.material-symbols-outlined.align-baseline { vertical-align: baseline; }
.material-symbols-outlined.align-middle   { vertical-align: middle; }
.material-symbols-outlined.align-top      { vertical-align: top; }

/* helper empilha ícone + texto sem gap duplicado */
.icon-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}