/* Navbar Showcase Styling - Fixed Top */
.navbar-showcase {
    position: fixed;        /* Fixe la barre en haut */
    top: 0;
    left: 0;
    width: calc(100% - 48px);           /* Prend toute la largeur */
    z-index: 10000000000000000;         /* S'assure qu'elle est au-dessus de tout */
    backdrop-filter: blur(10px); /* Effet de flou "glassmorphism" moderne */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Légère ombre pour détacher du fond */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;    /* Padding ajusté pour être moins haut mais aéré */
    transition: all 0.3s ease;
    background: white;
}

/* Container interne pour centrer le contenu comme le reste du site */
.navbar-inner {
    width: 100%;
    max-width: 1200px; /* Même max-width que .container */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-text{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    font-size: 22px;
    color: var(--text-main, #2b2d42);
    letter-spacing: -0.5px;
}
.logo a{
    display: flex;
    align-items: center;

}
.navbar-showcase .sigle {
    height: 36px; /* Taille légèrement augmentée pour la lisibilité */
    width: auto;
}


/* Nav Links */
.navbar-showcase .nav-links {
    display: none;
    gap: 40px; /* Plus d'espace entre les liens */
}

@media (min-width: 992px) { /* Affichage desktop à partir de lg */
    .navbar-showcase .nav-links {
        display: flex;
        align-items: center;
    }
}

.navbar-showcase .nav-links a {
    text-decoration: none;
    color: var(--text-main, #2b2d42);
    font-weight: 600;
    font-size: 15px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    transition: color 0.2s ease;
    position: relative;
}

.navbar-showcase .nav-links a:hover {
    color: var(--primary, #4cc3bd);
}

/* Petit effet souligné au hover */
.navbar-showcase .nav-links a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: var(--primary, #4cc3bd);
    transition: width 0.3s ease;
}

.navbar-showcase .nav-links a:hover::after {
    width: 100%;
}

/* Actions (Boutons) */
.navbar-showcase .nav-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.navbar-showcase .nav-actions .btn {
    padding: 10px 24px;
    border-radius: 50px; /* Boutons bien ronds */
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Ajustements pour mobile */
@media (max-width: 768px) {
    .navbar-showcase {
        padding: 12px 16px;
    }

    .navbar-showcase .nav-actions .btn {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    /* On cache le bouton secondaire sur très petits écrans si besoin d'espace */
    .navbar-showcase .nav-actions .btn-secondary {
        display: none;
    }
}