/*---WPBakery Tabs FINAL DEFINITIVE Focus Override---*/

/* Apply the green outline to the tab link in ALL focus scenarios */
.ult_tabmenu .ult_tab_li a.ult_a:focus,
.vc_tta-container .vc_tta-tab a:focus {
    /* Focus Visible Fix (Green Outline) */
    outline: 5px solid #00AA00 !important;
    outline-offset: 3px !important; 
    box-shadow: 0 0 0 5px #00AA00 !important; 
    
    /* Text Color Fix: Ensure text is visible (black) */
    color: #000000 !important; 
}

/* Override the blue active tab color when focused. 
   We restore the active color below, but ensure the outline is present here. */
.ult_tab_li.current a.ult_a:focus {
    outline: 5px solid #00AA00 !important;
    outline-offset: 3px !important; 
    box-shadow: 0 0 0 5px #00AA00 !important;
    
    /* Restore the White text and Blue background for the active tab when focused */
    color: #ffffff !important; 
    background: #4f90d1 !important; 
}

/* Ensure the inner text span is visible and doesn't interfere */
.ult_tabmenu .ult_tab_li a:focus .ult-span-text {
    color: #000000 !important; 
}

/* For the currently selected tab, ensure its text stays white/blue, 
   but still allow the focus to show the green outline */
.ult_tab_li.current a.ult_a .ult-span-text {
    color: #ffffff !important;
}