.site-header {
    background: rgba(245, 240, 230, 1); 
    color: black;
    
    min-height: 12vh; /* hauteur par défaut */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
  }

  .header-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }

  .logo {
    height: 60px;
    border-radius: 8px;
  }

.title {
  font-size: 3vw;
  font-weight: bold;
  margin: 0.2em 0;   /* petit espace vertical maîtrisé */
  padding: 0;
  color: #2980b9;
  line-height: 1.2;  /* un peu plus d’air */
}



/* 📱 Ajustement mobile */
@media (max-width: 768px) {
  .site-header {
    min-height: auto; /* plus de contrainte */
    padding: 3px 8px; /* réduit les marges */
    height: auto;
  }
 
  .logo {
    height: 45px; /* logo plus petit */
  }

  .title {
    font-size: 36px;
    margin: 0.5em 0;
    line-height: 1.2;
  }
}