/* Global tweaks on top of Tailwind */

/* HTMX loading indicator */
.htmx-indicator { opacity: 0; transition: opacity 200ms ease-in; }
.htmx-request .htmx-indicator { opacity: 1; }
.htmx-request.htmx-indicator { opacity: 1; }

/* Prevent layout shift during Alpine init */
[x-cloak] { display: none !important; }

/* Smooth details/summary open */
details[open] summary ~ * { animation: fadeIn 0.15s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; } }

/* Recipe form inputs consistent sizing */
.ingredient-row input, .step-row input, .step-row textarea {
  padding: .35rem .5rem;
  border: 1px solid #d6d3d1;
  border-radius: .375rem;
  font-size: .875rem;
  width: 100%;
}
.ingredient-row input:focus, .step-row input:focus, .step-row textarea:focus {
  outline: 2px solid #d97706;
  outline-offset: 1px;
}

/* Print styles — strip nav and comments when printing a recipe */
@media print {
  nav, footer, #save-btn, #made-btn, form[hx-post], details { display: none !important; }
  body { background: white; color: black; }
  .max-w-4xl { max-width: 100%; }
}