/* Generalized Utility Classes (Reusable across the site) */

/* 1. Card Lift & Hover Effect */
.card-hover-lift {
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
    will-change: transform;
}

.card-hover-lift:hover {
    transform: translateY(-5px);
    z-index: 10;
}

/* 2. Agent Gradient Backgrounds */
.agent-bg-green { 
    background: linear-gradient(135deg, #f0fff4 0%, #3fbc69 100%); 
}
.agent-bg-red { 
    background: linear-gradient(135deg, #fff5f5 0%, #ef4444 100%); 
}
.agent-bg-yellow { 
    background: linear-gradient(135deg, #fffbeb 0%, #f59e0b 100%); 
}
.agent-bg-blue { 
    background: linear-gradient(135deg, #f0f7ff 0%, #3b82f6 100%); 
}

/* Navbar Specific Components using Utilities */

.use-case-card {
    text-decoration: none !important;
    border-radius: 14px;
    padding: 1.25rem;
    display: block;
    transition: background 0.3s ease;
    background: transparent;
}

.use-case-card:hover {
    background: rgba(47, 128, 237, 0.05); /* Soft tint of primary theme blue */
}

/* Navbar Image Styles */
.nav-use-case-img {
    width: 100%;
    height: 140px; /* Adjusted height for standard proportion */
    border-radius: 10px;
    object-fit: cover;
    margin-bottom: 12px;
    display: block;
    /* Removed hardcoded transform and background gradient from here */
}

.use-case-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #2D3748;
    transition: color 0.3s ease;
}

.use-case-card:hover .use-case-title {
    color: #2F80ED !important;
}

.use-case-desc {
    font-size: 13px;
    line-height: 1.6;
    color: #4A5568;
    margin-bottom: 0px;
}