/* ------------------------------------------------------------------
   HF Agro — post-migration UI overrides (not part of the original site)
   ------------------------------------------------------------------ */

/* Instagram feed (Elfsight) "Carregar mais" button.
   The widget renders in light DOM, so we can restyle its load-more button:
   was a wide, bright-blue button clashing with the brand and going
   full-width on narrow screens. Make it an on-brand green pill, centered
   and width-constrained at every breakpoint. */
.eapps-instagram-feed-posts-grid-load-more-container {
  text-align: center !important;
}
.eapps-instagram-feed-posts-grid-load-more.es-load-more-button,
.eapps-instagram-feed .es-load-more-button {
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 260px !important;
  margin: 20px auto !important;
  padding: 12px 30px !important;
  background-color: #39b54a !important;   /* HF Agro brand green */
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: 0 4px 12px rgba(57, 181, 74, .25) !important;
  transition: background-color .2s ease, transform .08s ease !important;
}
.eapps-instagram-feed-posts-grid-load-more.es-load-more-button:hover,
.eapps-instagram-feed .es-load-more-button:hover {
  background-color: #2f9d3f !important;
  transform: translateY(-1px) !important;
}