/* =========================================================
   🚆 LTE – LOGISTICS & TRANSPORT
   TABS
   Groen + blauw + wit
========================================================= */


/* =========================================================
   01. BASIS
========================================================= */

.tabs.lte-tabs {
    background: #000000;
    color: #FFFFFF;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/* =========================================================
   02. TAB HEADERS
========================================================= */

.tabs.lte-tabs .tab-header {
    position: relative;
    background: #003B70;
    color: #FFFFFF;
    border: 2px solid #65B32E;
    border-radius: 8px 8px 0 0;
    padding: 6px 14px;
    margin-right: 4px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
    transition: background-color .2s ease, color .2s ease;
}


/* Hover */

.tabs.lte-tabs .tab-header:hover {
    background: #0077A8;
    color: #FFFFFF;
}


/* Actieve tab */

.tabs.lte-tabs .tab-header.active {
    background: #0077A8;
    color: #FFFFFF;
    border-color: #65B32E;
}


/* Groene accentlijn */

.tabs.lte-tabs .tab-header.active::after {
    content: "";
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 4px;
    height: 3px;
    background: #65B32E;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(101,179,46,.6);
}


/* =========================================================
   03. TAB INHOUD
========================================================= */

.tabs.lte-tabs .tab-content {
    background: #000000;
    color: #FFFFFF;
    border: 2px solid #003B70;
    border-radius: 0 8px 8px 8px;
    padding: 12px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.3);
}