/* Additional custom styles for inland vessels page */
.accordion-item {
    transition: all 0.3s ease;
}

.accordion-trigger {
    transition: all 0.3s ease;
}

.accordion-icon {
    transition: transform 0.3s ease;
}

.accordion-trigger:hover .accordion-icon {
    transform: rotate(180deg);
}

.accordion-content {
    transition: all 0.3s ease;
}

/* Chart container improvements */
#kpiChart, #roadmapChart {
    max-height: 400px;
}

/* Logo hover effects */
.stakeholder-logo {
    transition: all 0.3s ease;
    filter: grayscale(20%);
}

.stakeholder-logo:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Custom scrollbar for better UX */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #0E8344;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #27AE60;
}

/* Animation for section entries */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-animate {
    animation: fadeInUp 0.8s ease-out;
}

/* Enhanced focus states for accessibility */
.accordion-trigger:focus {
    outline: 2px solid #0E8344;
    outline-offset: 2px;
}

a:focus {
    outline: 2px solid #0E8344;
    outline-offset: 2px;
}