/* ==========================================================================
   Queenie-B Honey — Recipes / Journal shared filter bar + recipe modal
   ========================================================================== */

.filter-bar { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-7); justify-content: center; }

.recipe-modal {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(0.96);
  z-index: var(--z-modal);
  width: min(64rem, 92vw);
  max-height: 86vh;
  overflow-y: auto;
  background: var(--color-stone);
  border-radius: var(--radius-sm);
  padding: var(--space-7);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-base) var(--ease-primary), transform var(--duration-base) var(--ease-primary);
}

.recipe-modal.is-open { opacity: 1; transform: translate(-50%, -50%) scale(1); pointer-events: auto; }
.recipe-modal__close { position: absolute; top: var(--space-5); right: var(--space-5); }

.recipe-modal ul { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-6); }
.recipe-modal ol { display: flex; flex-direction: column; gap: var(--space-3); padding-left: var(--space-5); list-style: decimal; margin-bottom: var(--space-6); }