/* Guide d'accueil — Chalet de la Baie Boudreault */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#e7ecf1;font-family:'Montserrat',sans-serif;color:#33414F;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;}
a{color:inherit;}
/* écrans: un seul visible à la fois (géré aussi par app.js) */
[data-screen]{display:none;}
[data-screen="home"]{display:block;}

body { margin:0; background:#E6EDF4; -webkit-font-smoothing:antialiased; }
    *, *::before, *::after { box-sizing:border-box; }
    input, button { font-family:'Montserrat',sans-serif; }
    button { cursor:pointer; }
    a { text-decoration:none; color:inherit; }
    ::-webkit-scrollbar { width:0; height:0; }
    #resto-chips { scrollbar-width: thin; scrollbar-color: #C7D6E5 transparent; }
    #resto-chips::-webkit-scrollbar { height: 5px; }
    #resto-chips::-webkit-scrollbar-thumb { background: #C7D6E5; border-radius: 10px; }
    #resto-chips::-webkit-scrollbar-track { background: transparent; }


/* ---------- Responsive : mobile / tablette / ordinateur ---------- */
#bbb-app { width: 100% !important; }

/* Mobile : plein écran, sans ombre ni largeur max */
@media (max-width: 599px) {
  #bbb-app { max-width: 100% !important; box-shadow: none !important; }
}

/* Tablette */
@media (min-width: 600px) {
  body { background: #e7ecf1; }
  #bbb-app { max-width: 660px !important; }
}

/* Ordinateur : plus large, couverture plus haute, menu sur 2 colonnes */
@media (min-width: 1000px) {
  #bbb-app { max-width: 900px !important; }
  .bbb-hero { height: 440px !important; }
  /* « Explorer le guide » : 2 colonnes */
  .bbb-guidenav { display: grid; grid-template-columns: 1fr 1fr; column-gap: 36px; }
}

/* Images toujours fluides */
#bbb-app img { max-width: 100%; }