/* Custom styles for RememberWork - mostly Tailwind handles everything */

/* Price indicator styling */
.price-indicator .dollar {
  transition: color 0.2s ease;
}

/* Smooth hover effects for cards */
.tool-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tool-card:hover {
  transform: translateY(-2px);
}

/* Category section scroll margin for anchor links */
section[id] {
  scroll-margin-top: 80px;
}

/* Custom checkbox styling for feature lists */
.feature-check::before {
  content: "✓";
  color: #10b981;
  font-weight: bold;
  margin-right: 0.5rem;
}

/* Prose-like styling for review content */
.review-content p {
  margin-bottom: 1rem;
  line-height: 1.75;
}

.review-content h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Mobile navigation improvements */
@media (max-width: 640px) {
  .category-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .category-nav::-webkit-scrollbar {
    display: none;
  }
}