/*
Theme Name: Flor de Amábilis Blog
Theme URI: https://blog.flordeamabilis.com.br
Description: Tema do blog da Farmácia de Manipulação Flor de Amábilis. Herda a identidade da loja (azul #00ABF4, Poppins) e adiciona a estrutura de confiança exigida em conteúdo de saúde (YMYL): autoria com CRF, data de revisão, fontes e aviso legal.
Author: Flor de Amábilis
Template: twentytwentyfive
Version: 1.0
Text Domain: flor-blog
*/

/* ─────────────────────────────────────────────────────────────
   IDENTIDADE — medida no site da loja (flordeamabilis.com.br)
   azul da marca #00ABF4 · coral de ação #F54A59 · texto #222
   tipografia Poppins (títulos) + leitura serifada (corpo)
   ───────────────────────────────────────────────────────────── */
:root{
  --flor-azul:#00ABF4;
  --flor-azul-escuro:#0079AD;
  --flor-azul-suave:#E4F5FD;
  --flor-coral:#F54A59;
  --flor-verde:#7A9A3B;          /* folha da logo */
  --flor-tinta:#222222;
  --flor-tinta-2:#4A5560;
  --flor-tinta-3:#7B808A;
  --flor-linha:#E3E5EA;
  --flor-fundo:#FFFFFF;
  --flor-fundo-2:#F7FAFC;
}

body{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--flor-tinta);
  background:var(--flor-fundo);
  font-size:18px;
  line-height:1.7;
}
h1,h2,h3,h4,.wp-block-heading{
  font-family:Poppins,"Helvetica Neue",Arial,sans-serif;
  font-weight:600;
  color:var(--flor-tinta);
  line-height:1.2;
}
a{color:var(--flor-azul-escuro)}

/* Largura de leitura: ~65 caracteres é o conforto de leitura longa */
.entry-content{max-width:68ch;margin-inline:auto}

/* ── Cartão de autoria — E-E-A-T e identificação sanitária ──
   O farmacêutico com CRF em CADA post não é enfeite: é exigência de
   identificação e é o sinal de confiança que mais pesa em saúde. */
.flor-autor{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--flor-fundo-2);
  border-left:4px solid var(--flor-azul);
  border-radius:8px;padding:16px 18px;margin:28px 0;
  font-family:Poppins,sans-serif;font-size:15px;
}
.flor-autor strong{display:block;color:var(--flor-tinta);font-size:16px}
.flor-autor .crf{
  font-size:13px;color:var(--flor-azul-escuro);font-weight:600;
  letter-spacing:.02em;
}
.flor-autor .rev{font-size:13px;color:var(--flor-tinta-3);margin-top:5px}

/* ── Resposta direta — o bloco que a IA cita ──
   Em AEO, quem responde na abertura é citado; quem enrola, não. */
.flor-resposta{
  background:var(--flor-azul-suave);
  border-radius:10px;padding:18px 20px;margin:24px 0;
  font-size:18px;line-height:1.6;
}
.flor-resposta::before{
  content:"Resposta rápida";display:block;
  font-family:Poppins,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--flor-azul-escuro);margin-bottom:8px;
}

/* ── Sumário navegável ── */
.flor-sumario{
  border:1px solid var(--flor-linha);border-radius:10px;
  padding:16px 20px;margin:24px 0;background:var(--flor-fundo);
  font-family:Poppins,sans-serif;font-size:15px;
}
.flor-sumario > span{
  display:block;font-weight:600;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--flor-tinta-3);margin-bottom:10px;
}
.flor-sumario ol{margin:0;padding-left:20px}
.flor-sumario li{margin:5px 0}

/* ── FAQ — marcado com schema FAQPage no conteúdo ──
   Só ~5% dos concorrentes fazem isso. É AEO barato. */
.flor-faq{margin:30px 0}
.flor-faq h3{
  font-size:17px;margin:18px 0 6px;color:var(--flor-azul-escuro);
}

/* ── Fontes científicas ── */
.flor-fontes{
  border-top:2px solid var(--flor-linha);
  margin-top:36px;padding-top:18px;
  font-family:Poppins,sans-serif;font-size:14px;color:var(--flor-tinta-2);
}
.flor-fontes > span{
  display:block;font-weight:600;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--flor-tinta-3);margin-bottom:9px;
}
.flor-fontes ol{padding-left:20px;margin:0}
.flor-fontes li{margin:6px 0;line-height:1.5}

/* ── Aviso legal — obrigatório, e o que separa educativo de propaganda ──
   ⚠️ NUNCA trocar por CTA de produto. Post de blog de farmácia de
   manipulação não pode conduzir à compra de fórmula (RDC 96/2008, Art. 36):
   conduz ao PROFISSIONAL. */
.flor-aviso{
  background:#FFF8E6;border:1px solid #F0DFA8;border-radius:8px;
  padding:15px 18px;margin:28px 0 0;
  font-family:Poppins,sans-serif;font-size:14px;line-height:1.55;
  color:#6B5518;
}
.flor-aviso strong{color:#4E3D0F}

/* ── Imagem de destaque padrão ── */
.wp-post-image,.wp-block-post-featured-image img{
  border-radius:10px;
}

/* ── Botão (usado para contato/atendimento, nunca para produto) ── */
.flor-btn{
  display:inline-block;background:var(--flor-azul);color:#fff !important;
  font-family:Poppins,sans-serif;font-weight:600;font-size:15px;
  padding:12px 22px;border-radius:999px;text-decoration:none;
}
.flor-btn:hover{background:var(--flor-azul-escuro)}

@media (max-width:640px){
  body{font-size:17px}
  .entry-content{padding-inline:4px}
}