/* Hide empty search results */
#searchResults:empty,
#navSearchResults:empty {
    display: none;
}

.tool-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}
.category-tab.active {
    border-bottom: 3px solid #22c55e;
    color: #22c55e;
}
.search-box:focus {
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);
}
.featured-tool {
    background: linear-gradient(135deg,
        var(--tool-color) 0%,
        color-mix(in srgb, var(--tool-color) 70%, black) 100%
    );
    color: white;
}
.featured-tool .try-now-btn {
    color: #ffffff;
}

/* Add more horizontal space in the hero section */
.hero-content {
    max-width: 90%;
}
.featured-section {
    margin-left: 5%;
    padding-left: 5%;
}

/* Hide scrollbar but keep functionality */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}

/* Star rating color */
.text-yellow-400 {
    color: #facc15;
}

/* Category section spacing */
.category-section {
    margin-bottom: 2rem;
}

/* Equal height cards in Recently Added section */
.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
    grid-auto-rows: 1fr;
}

.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > a {
    height: 100%;
}

.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > a > div {
    height: 100%;
}


.about-tool h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 2em;
  margin-bottom: 0.75em;
  color: #2a5d9f;
  letter-spacing: 0.02em;
  border-bottom: 2px solid #b3c7e6;
  padding-bottom: 0.2em;
}

.about-tool h4 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #3d7ab8;
  letter-spacing: 0.01em;
}