/**
 * Load More / Load Few — collapsed grid state.
 */

/*
 * Elementor containers are display:flex from a class rule, so hiding a card
 * needs to outrank that. This is the one place !important is doing real work.
 */
.fbh-lm-hidden {
  display: none !important;
}

/* Newly revealed cards ease in rather than snapping into place. */
.fbh-lm-reveal {
  animation: fbh-lm-fade 0.32s ease both;
}

@keyframes fbh-lm-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* The button is an <a> with no href, so give it a real pointer and focus ring. */
#load-more .elementor-button,
.fbh-load-more .elementor-button {
  cursor: pointer;
}

#load-more .elementor-button:focus-visible,
.fbh-load-more .elementor-button:focus-visible {
  outline: 2px solid var(--e-global-color-secondary, #7f4b2f);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .fbh-lm-reveal {
    animation: none;
  }
}