/* TRO List page specific styles - for SEO optimization */

/* Tailwind CSS utilities */
@layer utilities {
    .text-gradient {
        background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background: text;
    }
    .bg-gradient-primary {
        background: linear-gradient(135deg, #ff9600 0%, #e67600 100%);
    }
    .bg-gradient-accent {
        background: linear-gradient(135deg, #ff9600 0%, #e67600 100%);
    }
    .card-shadow {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .card-shadow-hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .animate-fade-in {
        animation: fadeIn 0.5s ease-in-out;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* TRO List page specific overrides */
main input:not(#home-search-input),
main select,
main textarea {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

main input:not(#home-search-input):focus,
main select:focus,
main textarea:focus {
    border: none !important;
    box-shadow: none !important;
}

.tro-list-card {
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.tro-list-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 150, 0, 0.18);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1);
}

.tro-list-thumb {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

@media (min-width: 1024px) {
    .tro-list-card {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem;
    }
}

@media (max-width: 767px) {
    .tro-list-card {
        border-radius: 1rem;
    }
}