/* Advanced Search Page Specific Styles */

/* Form Enhancements */
.form-focus:focus {
    transform: scale(1.01);
    transition: transform 0.2s ease-out;
}

/* Custom Select Styling */
select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 1.2rem;
    appearance: none;
}

/* Dark mode select arrow */
.dark select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Form Input Hover Effects */
input[type="text"], input[type="date"], select {
    transition: all 0.2s ease-in-out;
}

input[type="text"]:hover, input[type="date"]:hover, select:hover {
    border-color: rgb(59 130 246 / 0.5);
}

/* Tips section animations */
.tip-item {
    opacity: 0;
    transform: translateX(-10px);
    animation: slideInLeft 0.6s ease-out forwards;
}

.tip-item:nth-child(2) {
    animation-delay: 0.1s;
}

.tip-item:nth-child(3) {
    animation-delay: 0.2s;
}

.tip-item:nth-child(4) {
    animation-delay: 0.3s;
}

.tip-item:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}