/* Fix for tabs menu scrollbar issue */
.info-section .tabs {
    overflow-x: visible; /* Remove horizontal scrollbar */
    flex-wrap: wrap; /* Allow tabs to wrap to next line */
    justify-content: center; /* Center the tabs */
}

.info-section .tabs .tab-btn {
    white-space: normal; /* Allow text to wrap within buttons */
    text-align: center; /* Center the text */
    flex: 0 1 auto; /* Don't force buttons to grow */
}

/* Ensure proper spacing between wrapped tabs */
.info-section .tabs-container {
    overflow: visible; /* Allow content to be visible */
}

/* Improve responsive behavior */
@media (max-width: 768px) {
    .info-section .tabs {
        justify-content: center; /* Keep tabs centered on mobile */
    }
    
    .info-section .tabs .tab-btn {
        padding: 10px 15px; /* Smaller padding on mobile */
        margin: 5px; /* Add some margin between tabs */
        flex: 0 1 auto; /* Don't force buttons to grow */
    }
}

/* Extra small screens */
@media (max-width: 576px) {
    .info-section .tabs {
        flex-direction: row; /* Keep horizontal layout */
        flex-wrap: wrap; /* Allow wrapping */
    }
    
    .info-section .tabs .tab-btn {
        width: auto; /* Don't force full width */
        flex: 0 1 auto; /* Don't force growth */
    }
}