/* SimpleUtils - Shared Styles */

/* Custom font rendering for better readability */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Tool card hover effects */
.tool-card {
    display: block;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.tool-card:hover {
    transform: translateY(-2px);
    border-color: #4f46e5; /* indigo-600 */
}

/* Search input focus ring matches indigo accent */
#searchInput:focus {
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* No results message animation */
#noResults {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure tool grid cards are visible during filtering */
.tool-card.hidden {
    display: none;
}

/* Performance optimizations */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* Print styles */
@media print {
    header, footer, #searchInput, aside {
        display: none;
    }
    
    .tool-card {
        break-inside: avoid;
    }
}