/* View toggling */
.view { display: none; }
.view.active { display: block; }

/* Nav pill toggle */
.nav-btn {
  color: #6b7280;
}
.nav-btn.active {
  background-color: #fff;
  color: #1f2937;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.nav-btn:not(.active):hover {
  color: #374151;
}

/* Modal overlay */
.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.modal.hidden { display: none; }

/* Stars */
.star {
  cursor: pointer;
  font-size: 1.4rem;
  color: #e5e7eb;
  user-select: none;
  transition: color 0.1s;
}
.star.filled {
  color: #f59e0b;
}
.star:hover {
  color: #fbbf24;
}

/* Calendar: today marker */
.cal-day.today .day-num {
  color: #fff;
  background: #6366f1;
  border-radius: 9999px;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Rating dots on calendar */
.dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
}

/* Filter tag active */
.filter-tag.active {
  background-color: #4f46e5;
  color: #fff;
  border-color: #4f46e5;
}

/* Recipe detail prose */
.recipe-body h1 { font-size: 1.4rem; font-weight: 700; margin-bottom: 0.75rem; color: #111827; }
.recipe-body h2 { font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 0.5rem; color: #374151; }
.recipe-body ul,
.recipe-body ol { padding-left: 1.5rem; margin-bottom: 0.75rem; }
.recipe-body li { margin-bottom: 0.35rem; line-height: 1.7; }
.recipe-body p { margin-bottom: 0.5rem; line-height: 1.7; }