:root { 
    --main-orange: #f38b2d; 
    --main-blue: #0074bf; 
}

.top-bar { 
    color:#fff; 
    font-size: 0.8rem; 
    border-bottom: 1px solid #eee;         
    background: linear-gradient(to right, rgb(26, 42, 58), rgb(44, 62, 80), rgb(26, 42, 58)); 
}

.hero {
     height: 350px;
     background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
     url('https://picsum.photos/1600/500?nature');
     background-size: cover;
     background-position: center; 
     position: relative;
}

.search-container {
    margin-top: -60px; 
    position: relative;
    z-index: 50; 
}

.search-card { 
    border-radius: 50px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    padding: 10px 20px; 
    background: white; 
}

.nav-link {
    color: #fff !important; 
    font-weight: 500; 
}

.page-link { 
    color: var(--main-blue); 
}

.page-item.active .page-link { 
    background-color: var(--main-blue); 
    border-color: var(--main-blue); 
}

/* Ajustement de la bannière */
.hero { 
    height: 380px; 
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://picsum.photos/1600/500?nature'); 
    background-size: cover; 
    background-position: center; 
    position: relative; 
}
.nav-link { 
    color: #fff !important; 
    font-weight: 500; 
}
/* Alignement parfait du débordement (Overlap) */
.search-container { 
    margin-top: -45px; /* Pousse la barre vers le haut sur l'image */
    position: relative; 
    z-index: 50; 
}
.search-card { 
    border-radius: 50px; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.15); /* Ombre accentuée pour l'effet de surélévation */
    padding: 12px 25px; 
    background: white; 
}
/* Style pour calquer les séparateurs verticaux de la maquette */
.search-card .border-end {
    border-color: #dee2e6 !important;
}