/* Company Types Page - Additional Styles */

/* Smooth animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.company-card {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.company-card:nth-child(1) { animation-delay: 0.1s; }
.company-card:nth-child(2) { animation-delay: 0.15s; }
.company-card:nth-child(3) { animation-delay: 0.2s; }
.company-card:nth-child(4) { animation-delay: 0.25s; }
.company-card:nth-child(5) { animation-delay: 0.3s; }
.company-card:nth-child(6) { animation-delay: 0.35s; }

/* Gradient backgrounds for different categories */
.company-card[data-category="construction"] .company-icon {
    background: linear-gradient(135deg, #f39c12, #e67e22);
}

.company-card[data-category="technology"] .company-icon {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.company-card[data-category="services"] .company-icon {
    background: linear-gradient(135deg, #1abc9c, #16a085);
}

.company-card[data-category="manufacturing"] .company-icon {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.company-card[data-category="trade"] .company-icon {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.company-card[data-category="medical"] .company-icon {
    background: linear-gradient(135deg, #1fb6ff, #00d4ff);
}

/* Hover effects */
.cta-button {
    position: relative;
    overflow: hidden;
}

.cta-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.cta-button:hover::before {
    width: 300px;
    height: 300px;
}

/* Loading state */
.loading {
    text-align: center;
    padding: 60px 20px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
}

/* Print styles */
@media print {
    .navbar,
    .search-section,
    .filter-section,
    .cta-section,
    .footer,
    .scroll-top {
        display: none !important;
    }
    
    .company-card {
        page-break-inside: avoid;
        border: 1px solid #ddd;
    }
}