/* Classes utilitaires spécifiques à Djoliba Connect  theme\static\css\custom.css*/

/* Logo colors */
.text-djoliba-blue { color: #012A54; }
.bg-djoliba-blue { background-color: #012A54; }
.border-djoliba-blue { border-color: #012A54; }

.text-mali-green { color: #009739; }
.bg-mali-green { background-color: #009739; }

.text-mali-yellow { color: #FCD116; }
.bg-mali-yellow { background-color: #FCD116; }

.text-mali-red { color: #CE1126; }
.bg-mali-red { background-color: #CE1126; }

/* Connection lines style */
.connection-line {
    position: relative;
}

.connection-line::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #012A54 0%, #009739 100%);
    bottom: -10px;
    left: 0;
    border-radius: 2px;
}

/* African pattern overlay */
.african-pattern {
    background-image: url('../images/pattern-african.svg');
    background-repeat: repeat;
    background-size: 300px;
    opacity: 0.05;
}

/* Card hover effects */
.card-hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(1, 42, 84, 0.1), 
                0 10px 10px -5px rgba(1, 42, 84, 0.04);
}

/* Responsive typography */
@media (max-width: 640px) {
    .text-hero-title {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }
    
    .text-hero-subtitle {
        font-size: 1.25rem !important;
    }
}