/* ========================================
   VARIÁVEIS E UTILIDADES
   ======================================== */
.hover-scale {
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
}
.hover-scale:hover {
  transform: scale(1.02) !important;
}
.text-green-dark { color: #166534 !important; }
.bg-green-light { background-color: #bbf7d0 !important; }

/* ========================================
   HEADER
   ======================================== */
header {
  background-color: #22c55e !important;
  color: #000 !important;
  transition: background-color 0.3s, color 0.3s;
}

header .relative.rounded-full {
  background-color: #91ffb9 !important;
  color: #166534 !important;
  font-family: 'Montserrat Alternates', sans-serif;
  text-transform: none;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
  border-radius: 9999px;
  transition: all 0.3s ease;
}
header .relative.rounded-full:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.015);
  box-shadow: 0 2px 8px rgba(22,101,52,0.25);
}

header nav ul li a,
header .navbar a,
header button {
  background-color: #fff !important;
  color: #166534 !important;
  border: 1px solid #166534 !important;
  border-radius: 9999px !important;
  padding: 0.5rem 1rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
header nav a:hover,
header .navbar a:hover,
header button:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(22,101,52,0.25);
}
header button svg { transition: color 0.3s; }
header button:hover svg { color: #fff !important; }

/* Search bar completamente arredondada */
header input[type="search"],
header input[type="text"],
header .search-input {
  border-radius: 9999px !important;
  border: 1px solid #166534 !important;
  padding: 0.5rem 1rem !important;
  color: #166534 !important;
  background-color: #fff !important;
}
header input[type="search"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px #bbf7d0 !important;
}


/* ========================================
   HOME / CARDS / DESTAQUES
   ======================================== */
section.block.md\:flex.relative.group,
main section > div > article,
main section a.insertlink {
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
section.block.md\:flex.relative.group:hover,
main section > div > article:hover,
main section a.insertlink:hover {
  background-color: #bbf7d0 !important;
  color: #166534 !important;
  border-color: #bbf7d0 !important;
  transform: scale(1.01);
  box-shadow: 0 4px 10px rgba(22,101,52,0.15);
}
section.block.md\:flex.relative.group:hover img,
main section > div > article:hover img {
  transform: scale(1.04);
  transition: transform 0.5s ease;
}

/* Botões "Ver todos" e paginação */
a[href*="/categories/"],
a[href*="page/"],
a[href*="?page="],
a[href*="Prev"],
a[href*="Next"] {
  background-color: #fff !important;
  color: #166534 !important;
  border: 1px solid #166534 !important;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
a[href*="/categories/"]:hover,
a[href*="page/"]:hover,
a[href*="?page="]:hover,
a[href*="Prev"]:hover,
a[href*="Next"]:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(22,101,52,0.25);
}

/* ========================================
   POSTS / ARTICLE
   ======================================== */
main article,
article .not-prose {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}
main .prose {
  color: var(--tw-prose-body, #374151) !important;
  max-width: 65ch !important;
  background: none !important;
}
main .prose h1,
main .prose h2,
main .prose h3 {
  color: var(--tw-prose-headings, #111827) !important;
  font-weight: 700;
}
main .prose a {
  color: #15803d !important;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}
main .prose a:hover { color: #14532d !important; }
main .prose img,
main .prose figure img {
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  border: none !important;
}

/* Tags */
#taxonomy a {
  border-color: #15803d !important;
  color: #15803d !important;
  background-color: transparent !important;
  transition: all 0.2s ease-in-out;
}
#taxonomy a:hover {
  background-color: #bbf7d0 !important;
  color: #14532d !important;
}



/* ========================================
   POSTS RELACIONADOS
   ======================================== */
#related-post article {
  background-color: #f4f4f5 !important;
  transition: all 0.3s ease-in-out !important;
}
#related-post article:hover {
  background-color: #bbf7d0 !important;
}
#related-post article:hover h3,
#related-post article:hover p,
#related-post article:hover time {
  color: #14532d !important;
}

#related-post time {
  color: #000 !important;
}

/* === Corrige estilo do box de comentários === */
#comment {
  background-color: #f4f4f5 !important; /* cinza claro neutro */
  border: 1px solid #e5e7eb !important;
  border-radius: 1rem !important;
  color: #111827 !important; /* texto visível em cinza escuro */
}

#comment h2 {
  color: #14532d !important; /* título verde escuro */
}

#comment p {
  color: #111827 !important; /* corpo do texto */
}


/* ========================================
   AUTHOR CARD
   ======================================== */
#author-box {
  background-color: #f0fdf4 !important;
  border: 1px solid rgba(22,101,52,0.06) !important;
  padding: 1.25rem !important;
  border-radius: 1rem !important;
  color: inherit !important;
}
#author-box .author-meta {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}
#author-box .author-avatar {
  flex: 0 0 25% !important;
  max-width: 6.5rem !important;
  width: 6.5rem !important;
  height: 6.5rem !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  aspect-ratio: 1/1 !important;
  border: 2px solid #166534 !important;
}
#author-box .author-text {
  flex: 1 !important;
  display: flex;
  flex-direction: column;
}
#author-box .author-name { color: #166534 !important; font-weight: 700 !important; font-size: 1.05rem !important; }
#author-box .author-bio { color: #14532d !important; margin-top: 0.25rem !important; }
#author-box .author-social {
  display: flex !important;
  gap: 0.5rem !important;
  margin-top: 1rem !important;
  justify-content: flex-start !important;
  list-style: none !important;
  padding: 0 !important;
}
#author-box .author-social li { display: inline-block !important; }
#author-box .author-social a {
  width: 2.4rem !important;
  height: 2.4rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  background-color: #fff !important;
  color: #166534 !important;
  border: 1px solid #166534 !important;
  transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
  padding: 0.25rem !important;
}
#author-box .author-social a svg {
  width: 1.2rem !important;
  height: 1.2rem !important;
  display: block !important;
  fill: currentColor !important;
}
#author-box .author-social a:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 12px rgba(22,101,52,0.15) !important;
}

/* ========================================
   WRITER (autor no topo)
   ======================================== */
#writer {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}
#writer img {
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 9999px !important;
  object-fit: cover !important;
  border: 2px solid #166534 !important;
}
#writer ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}


/* ========================================
   FOOTER
   ======================================== */
footer {
  background-color: #22c55e !important;
  color: #fff !important;
  padding: 2.5rem 0 3.5rem;
  transition: background-color 0.3s, color 0.3s;
}
footer a.flex.items-center.group {
  color: #166534 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
}
footer ul li a {
  background-color: #fff !important;
  color: #166534 !important;
  border: 1px solid #166534 !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
footer ul li a:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(22,101,52,0.25);
}
footer .social a {
  width: 3rem !important;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  background-color: #fff !important;
  color: #166534 !important;
  border: 1px solid #166534 !important;
  transition: all 0.25s ease-in-out;
}
footer .social a:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.05);
  box-shadow: 0 3px 8px rgba(22,101,52,0.25);
}

/* ========================================
   NEWSLETTER
   ======================================== */
section[id*="newsletter"],
.bg-blue-500,
.bg-blue-600 {
  background-color: #16a34a !important;
  color: #fff !important;
}
.btn-newsletter {
  background-color: #fff !important;
  color: #166534 !important;
  border: none !important;
  transition: all 0.3s ease;
}
.btn-newsletter:hover {
  background-color: #166534 !important;
  color: #fff !important;
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(22,101,52,0.25);
}

/* === Newsletter - campo de e-mail === */
.bg-blue-500 input[type="text"],
.bg-blue-500 input[type="email"] {
  background-color: #fff !important;  /* fundo branco */
  color: #166534 !important;          /* texto verde escuro */
  border: 1px solid #166534 !important;
  border-radius: 9999px !important;   /* totalmente arredondado */
  padding: 0.5rem 1rem !important;
  outline: none !important;
  transition: all 0.3s ease;
}

/* Placeholder visível */
.bg-blue-500 input::placeholder {
  color: #166534cc !important; /* verde com leve transparência */
}

/* Foco com destaque */
.bg-blue-500 input:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25) !important;
}

/* Garantir que o cursor apareça */
.bg-blue-500 input {
  caret-color: #166534 !important;
}

/* ========================================
   IMAGENS
   ======================================== */
#featureimage img,
main .prose img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}