/* PinEat Receitas IA CSS completo */

.pineat-receita-container .pineat-receitas-salvas,
.pineat-receita-container .pineat-receitas-detectadas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.pineat-receita-container .pineat-receita-salva-item,
.pineat-receita-container .pineat-receita-detectada-item {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  margin-bottom: 8px;
}

.pineat-receita-container .pineat-btn-receita {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #ba4400;
  background: #fff;
  color: #ba4400;
  border-radius: 4px;
  font-family: var(--global-font-1), sans-serif !important;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.pineat-receita-container .pineat-btn-receita:hover,
.pineat-receita-container .pineat-btn-receita.active {
  background: #ba4400;
  color: #fff;
}

.pineat-receita-container .pineat-btn-delete-saved,
.pineat-receita-container .pineat-btn-delete-detectada {
  background: transparent;
  border: none;
  color: #ba4400;
  font-size: 14px;
  margin-left: 4px;
  cursor: pointer;
}

.pineat-receita-container .pineat-btn-delete-saved:hover,
.pineat-receita-container .pineat-btn-delete-detectada:hover {
  color: #c00;
}

.pineat-receita-container .pineat-novo-prato input#pineat-new-dish {
  padding: 5px;
  font-size: 12px;
  margin-right: 6px;
  width: 200px;
}

.pineat-receita-container .pineat-novo-prato button#pineat-add-dish {
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}

#pineat-receita-box {
  margin-top: 12px;
  font-size: 13px;
  color: #222;
}

#pineat-receita-box:empty::before {
  content: "Clique na receita para gerar detalhes via IA.";
  display: block;
  font-style: italic;
  color: #555;
  text-align: center;
  padding: 12px 0;
  font-size: 13px;
}

/* ========================================================================
   PinEat Receitas – uniformizar fonte do conteúdo (Global Font #1)
   ======================================================================== */
.pineat-receita-item,
.pineat-receita-item h4,
.pineat-receita-item p,
.pineat-receita-item ul,
.pineat-receita-item ol,
.pineat-receita-item li,
.pineat-receita-item blockquote {
  /* força Global Font #1 em todos os elementos das receitas */
  font-family: var(--global-font-1), sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: inherit;
}}
