.site-header {
    background: #0f0f10;
    color: white;
    padding: 10px 24px;           /* padding équilibré gauche/droite */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;              /* évite les débordements sur petits écrans */
    box-sizing: border-box;       /* pour que le padding soit inclus dans la largeur */
    width: 100%;
    max-width: 100vw;             /* empêche tout dépassement horizontal */
    overflow-x: hidden;           /* masque tout débordement éventuel */
}

.site-header nav a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.site-header nav a:hover {
    color: #00b4d8;
}