/* Search 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-clip: 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; }
}

.xm-dashboard .content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, 0.9fr);
    gap: 20px;
    align-items: start;
}

.xm-dashboard .left-col,
.xm-dashboard .right-col {
    min-width: 0;
}

.xm-dashboard .right-col {
    grid-column: 2;
    align-self: start;
}

.search-item .item-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1360px) {
    .xm-dashboard .content-grid {
        grid-template-columns: 1fr;
    }

    .xm-dashboard .right-col {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .search-item .item-title {
        font-size: 16px !important;
        line-height: 1.45;
        margin-bottom: 6px !important;
    }

    .search-item .item-content {
        font-size: 12px !important;
        line-height: 1.5;
        margin-bottom: 6px !important;
    }
}