body {
    background-color: var(--bg-light);
    color: var(--text-main);
    padding-bottom: 70px;
    -webkit-font-smoothing: antialiased;
    
    /* Bloque la sélection de texte (sur mobile et bureau) */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* On réactive la sélection pour les éléments du formulaire pour ne pas les bloquer */
select, input, textarea {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

header {
    background-color: var(--card-bg);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E5E7EB;
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-logo {
    height: 48px;
    width: 130px; /* Ajustez cette largeur selon les proportions de votre lettrage */
    margin-bottom: 4px;
    
    /* Propriétés pour rogner le blanc */
    background-size: 80% auto; /* Force le logo à prendre toute la largeur */
    background-position: left center; /* Centre l'image et cache le surplus en haut et en bas */
    background-repeat: no-repeat;
}

.logo-container p {
    font-size: 16.5px; /* Augmenté de 50% (anciennement 11px) */
    color: RoyalBlue; /* Nouvelle couleur */
    font-weight: 500;
    letter-spacing: 0.5px;
}

.location-btn {
    background: var(--bg-light);
    border: 1px solid #D1D5DB;
    padding: 6px 12px;
    border-radius: var(--border-radius);
    font-size: 13px;
    font-weight: 500;
    color: var(--text-main);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}