/* =====================================
   PROFESSIONAL NAVBAR MENU EFFECTS
===================================== */

/* Container du menu principal */
.navbar-nav {
    position: relative;
}

/* Liens du menu principal */
.navbar-nav .nav-link {
    position: relative;
    padding: 12px 24px;
    color: #333;
    font-weight: 500;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    background: transparent;
    border-radius: 3px;
    transition: all 0.2s ease;
    margin: 0 8px;
}

.navbar-nav .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #003f22;
    transition: width 0.2s ease;
    transform: translateX(-50%);
}

/* Effet hover */
.navbar-nav .nav-link:hover {
    color: #003f22;
    background: rgba(0, 63, 34, 0.03);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.navbar-nav .nav-link:hover::before {
    width: 70%;
}

/* Menu actif */
.navbar-nav .nav-link.active {
    color: #003f22;
    background: rgba(0, 63, 34, 0.05);
    font-weight: 600;
}

.navbar-nav .nav-link.active::before {
    width: 100%;
}

/* Effet focus pour accessibilité clavier */
.navbar-nav .nav-link:focus {
    outline: 2px solid #003f22;
    outline-offset: 2px;
    background: rgba(0, 63, 34, 0.05);
}

/* Items du menu */
.navbar-nav .nav-item {
    transition: all 0.2s ease;
}

.navbar-nav .nav-item:hover {
    transform: translateY(-1px);
}

/* =====================================
   PROFESSIONAL TABS EFFECTS (Study Details)
===================================== */

/* Container des onglets */
.wb-nav-tab-space {
    position: relative;
    margin-bottom: 0;
    border-bottom: 2px solid #e0e0e0;
    background: #ffffff;
    padding: 15px 20px 0;
    border-radius: 5px 5px 0 0;
}

/* Style des liens d'onglets */
.wb-nav-link {
    position: relative;
    padding: 12px 28px;
    color: #555;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    background: transparent;
    border-radius: 5px 5px 0 0;
    transition: all 0.2s ease;
    margin-right: 8px;
}

.wb-nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #003f22;
    transition: width 0.2s ease;
    transform: translateX(-50%);
}

/* Effet hover */
.wb-nav-link:hover {
    color: #003f22;
    background: rgba(0, 63, 34, 0.03);
    transform: translateY(-1px);
}

.wb-nav-link:hover::before {
    width: 70%;
}

/* Onglet actif */
.wb-nav-link.active {
    color: #003f22;
    background: rgba(0, 63, 34, 0.05);
    font-weight: 600;
}

.wb-nav-link.active::before {
    width: 100%;
}

/* Effet focus pour accessibilité clavier */
.wb-nav-link:focus {
    outline: 2px solid #003f22;
    outline-offset: 2px;
    background: rgba(0, 63, 34, 0.05);
}

/* Icône dans les onglets */
.wb-nav-link i,
.wb-nav-link .get-microdata {
    margin-right: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .wb-nav-link {
        padding: 10px 15px;
        font-size: 0.8rem;
        margin-right: 3px;
    }

    .wb-nav-tab-space {
        padding: 10px 10px 0;
        border-radius: 3px 3px 0 0;
    }
}

/* Transition fluide entre onglets */
.nav-item {
    transition: all 0.2s ease;
}

.nav-item:hover {
    transform: translateY(-1px);
}