/* Custom styles for ASO Keyword Research Tool */

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 150ms;
    transition-timing-function: ease;
}

/* Better image loading */
img {
    background-color: #f3f4f6;
}

/* Custom scrollbar for screenshots */
.overflow-x-auto::-webkit-scrollbar {
    height: 4px;
}
.overflow-x-auto::-webkit-scrollbar-track {
    background: transparent;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}

/* Truncate long descriptions */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Focus styles for accessibility */
input:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 2px;
}

/* Loading spinner animation */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 1s linear infinite;
}

/* Fade out animation for removed items */
@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Print styles */
@media print {
    nav, footer, .shadow-sm, button {
        display: none !important;
    }
    body {
        background: white;
    }
}