/* css/icons.css — ícones de linha (icons.js) em vez de emojis.
 *
 * Os ícones herdam a cor do texto (currentColor); por defeito usam o dourado
 * do tema, que muda sozinho entre o modo escuro e o claro.
 */

.dp-icon {
  display: inline-flex;
  flex: none;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.22em;
  color: var(--accent-gold);
}

.dp-icon svg,
.cv-region-icon svg,
.product-modal-placeholder-icon svg,
.toast-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Ícone dentro de um círculo fino — menu do dia e takeaway. */
.dp-icon-ring {
  box-sizing: border-box;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0.55rem;
  border: 1px solid var(--accent-gold-border);
  border-radius: 50%;
  background: rgba(212, 160, 23, 0.06);
  vertical-align: middle;
}

.dp-order-emoji.dp-order-emoji {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.dp-order-emoji .dp-icon-ring {
  width: 3.4rem;
  height: 3.4rem;
  padding: 0.72rem;
  transition: background 0.4s ease, border-color 0.4s ease;
}

.dp-order-card:hover .dp-icon-ring {
  border-color: var(--accent-gold);
  background: rgba(212, 160, 23, 0.12);
}

/* Botão de tema (sol/lua). */
.dp-theme-btn .dp-icon,
.dp-theme-btn > svg {
  width: 1rem;
  height: 1rem;
}

/* Títulos das regiões de vinhos e categorias de espirituosas. */
.cv-region-icon.cv-region-icon {
  display: inline-flex;
  flex: none;
  width: 1.9rem;
  height: 1.9rem;
  font-size: 1rem;
  color: var(--accent-gold);
}

/* Imagem em falta no detalhe de produto. */
.product-modal-placeholder-icon.product-modal-placeholder-icon {
  display: inline-flex;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1rem;
  color: var(--accent-gold);
}

/* Notificações (toast). */
.toast-icon.toast-icon {
  display: inline-flex;
  flex: none;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 1rem;
}

/* Botões com ícone + texto. */
.dp-verify-btn .dp-icon {
  margin-right: 0.4rem;
}

.dp-gps-btn .dp-icon {
  color: currentColor;
  width: 1.1em;
  height: 1.1em;
}

/* TripAdvisor: letra, como o "G" do Google. */
.dp-tripadvisor-icon {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}