/* Hero banner */
.hero-banner {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 12px;
}

/* Recipe cards */
.recipe-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.recipe-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
.recipe-card-img {
  height: 200px;
  object-fit: cover;
}
.recipe-card-img-placeholder {
  height: 200px;
}

/* Recipe cover */
.recipe-cover {
  max-height: 450px;
  object-fit: cover;
}

/* Step images */
.step-img {
  max-height: 220px;
  object-fit: cover;
  cursor: pointer;
  transition: opacity 0.2s;
}
.step-img:hover {
  opacity: 0.85;
}

/* Avatar circle for comments */
.avatar-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1rem;
}

/* Star rating picker */
.star-picker .star-icon {
  cursor: pointer;
  color: #e0e0e0;
  transition: color 0.15s;
}
.star-picker .star-icon.active,
.star-picker input[type="radio"]:checked ~ .star-icon {
  color: #ffc107;
}
.star-label:hover .star-icon,
.star-label:hover ~ .star-label .star-icon {
  color: #ffc107;
}

/* Ingredient rows */
.ingredient-row input {
  border-radius: 6px;
}

/* Step cards in forms */
#steps-container .step-row {
  border-left: 4px solid #0d6efd !important;
}

/* Sticky sidebar */
@media (max-width: 991px) {
  .sticky-top {
    position: relative !important;
    top: 0 !important;
  }
}

/* Breadcrumb */
.breadcrumb {
  font-size: 0.875rem;
}