body {
    background: url('/static/logos/fond-resto_resized_2.png') no-repeat center center fixed;
    /* background: linear-gradient(to bottom right, #f6f6f6, #356c9f); */
    background-size: cover;
    position: relative;
    z-index: 0;
  }
  :root {
  --accent-jaune: #f4c542; /* jaune doré du logo */
  --bleu-fond: #233275;   /* bleu profond */
  
  --texte-couleur: #fdfdfd; /* texte clair lisible sur fond bleu */
  --texte-couleur-blue: var(--bleu-fond);


    /* Couleurs de rubriques (modifiable facilement) */
  --rubrique1-bg: #356c9f5e;     /* Hero / intro */
  --rubrique2-bg: #356c9f8e;     /* eMenu */
  --rubrique3-bg: #123060;     /* Ambiance & Événements */
  --rubrique4-bg: #173869;     /* Adresse */
  --rubrique5-bg: #1b3f73;     /* Cuisine & Lieu */
  --rubrique6-bg: #21467c;     /* Horaires */
  --rubrique7-bg: #254d85;     /* Avis clients */
  --rubrique8-bg: #2b558f;     /* Liens/CTA externes */
  --rubrique9-bg: #305b97;     /* Galerie / Map / Maillage */
}

 

body {
  color: var(--texte-couleur);
  background-color: var(--bleu-fond);
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(20, 46, 92, 0.918); /* voile bleu foncé transparent */
  z-index: -1;
}

.en-faim-title {
  color: var(--accent-jaune);
  white-space: nowrap; /* empêche le retour à la ligne */
}

.jaune{
  color:var(--accent-jaune) !important;
}

.bord-jaune{
  border-color:var(--accent-jaune) !important;
}

.blanc{
  color:var(--texte-couleur) !important;
}

/* Bandeau générique */
.rubrique {
  width: 100%;
  padding: 4rem 1rem;
  color: var(--texte-couleur);
}

.rubrique > .container {
  max-width: 1140px; /* Bootstrap lg */
  margin: 0 auto;
}

.rubrique--1 { background: var(--rubrique1-bg); }
.rubrique--2 { background: var(--rubrique2-bg); }
.rubrique--3 { background: var(--rubrique3-bg); }
.rubrique--4 { background: var(--rubrique4-bg); }
.rubrique--5 { background: var(--rubrique5-bg); }
.rubrique--6 { background: var(--rubrique6-bg); }
.rubrique--7 { background: var(--rubrique7-bg); }
.rubrique--8 { background: var(--rubrique8-bg); }
.rubrique--9 { background: var(--rubrique9-bg); }

/* Petites touches */
.rubrique h2,
.rubrique h1 {
  color: #fff;
}

a {
  color: var(--accent-jaune);
}
a:hover {
  filter: brightness(1.2);
}


  

  .fond {
    background: linear-gradient(to bottom right, #f6f6f6, #356c9f91);
  }

  .fond-nav {
    background:  #356c9f;
  }

  .logo-font {
    font-family: 'Parisienne', cursive;
  }


  .fond-transparent {
    background-color: rgba(0, 0, 0, 0);
    
  }



  .title-responsive {
    font-size: 7.5rem;
  }


  .spacer-nav {
    padding-top: 80px; /* ← même hauteur que ta navbar */
  }
  


  @media screen and (max-width: 567px) {
    .title-responsive {
      font-size: 5rem;
    }

    .spacer-nav {
      padding-top: 80px; /* ← même hauteur que ta navbar */
    }



  }
  

  .btn-close-white {
  background-color: rgb(209, 209, 209);
  border-color: rgb(29, 24, 24);
}