/* Industry Grid — Card layout for /industries hub page */
/* Extends .service-grid / .service-card classes from service-grid.css */

/* -- Industry card visual — centered icon instead of cover image -- */
.industry-card__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 50%, #f5f3ff 100%);
}

.industry-card__icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 2;
}

.industry-card:hover .industry-card__icon {
    transform: scale(1.1);
}

.industry-card__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

/* -- Category colour variants -- */
.industry-card__visual--healthcare {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
    color: #db2777;
}

.industry-card__visual--finance {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%);
    color: #059669;
}

.industry-card__visual--retail {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%);
    color: #ea580c;
}

.industry-card__visual--technology {
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 50%, #c7d2fe 100%);
    color: #4338ca;
}

.industry-card__visual--real-estate {
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 50%, #fde68a 100%);
    color: #ca8a04;
}

.industry-card__visual--education {
    background: linear-gradient(135deg, #ecfeff 0%, #cffafe 50%, #a5f3fc 100%);
    color: #0891b2;
}

.industry-card__visual--logistics {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #ddd6fe 100%);
    color: #7c3aed;
}

.industry-card__visual--media {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 50%, #fca5a5 100%);
    color: #dc2626;
}

.industry-card__visual--other {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
    color: #64748b;
}

/* -- Override service-grid visual height for industry cards -- */
.industry-grid .service-card__visual {
    height: 160px;
}

/* -- Responsive -- */
@media (max-width: 576px) {
    .industry-card__visual {
        height: 140px;
    }

    .industry-card__icon {
        width: 60px;
        height: 60px;
    }
}