/**
 * Custom CSS for Recipe Plugin
 *
 * IMPORTANT: This file is primarily maintained by the user.
 * Only make changes after explicit user request.
 *
 * Use this file for general styling adjustments that don't require
 * assistance from Claude Code.
 *
 * @since 1.2.0
 */

/* Rezept Anweisungen - Gelbe Schritt-Buttons */
.sitc-instructions-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  counter-reset: instruction-counter;
}

.sitc-instruction-item {
  position: relative;
  padding: 20px 20px 20px 0 !important;
  margin-bottom: 20px !important;
  counter-increment: instruction-counter;
  list-style: none !important;
}

.sitc-instruction-item::before {
  content: counter(instruction-counter) ". Schritt";
  display: block;
  background: #f4e06d;
  color: #333;
  font-weight: 700;
  font-size: 1rem;
  padding: 8px 20px;
  border-radius: 25px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: fit-content;
}

.sitc-instruction-item p {
  margin-top: 10px !important;
  line-height: 1.8;
  color: #333;
}