/* Custom BizInbox AI Styles - Works alongside Tabler */

/* Brand color overrides */
:root {
    --tblr-primary: #0066ff;
    --tblr-primary-rgb: 0, 102, 255;
}

/* Custom animations */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0, 102, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 102, 255, 0);
    }
}

.pulse {
    animation: pulse 2s infinite;
}

/* Hero section enhancements */
.display-5 {
    line-height: 1.2;
}

/* Feature card image styling */
.card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Ensure cards have equal height */
.row-cards .card {
    height: 100%;
}

/* Navbar logo styling */
.navbar-brand-image {
    max-height: 40px;
    width: auto;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .display-5 {
        font-size: 2rem;
    }

    .lead {
        font-size: 1rem;
    }

    .card-img-top {
        height: 150px;
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom spacing for sections */
.mt-5 {
    margin-top: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}