/* Responsive mobile/tablette — surcouche du template 2014 (largeur fixe 960) */
img{max-width:100%;height:auto;}
.menu-toggle{display:none !important;}
.burger{display:none;}

/* H2 de contenu — trait dégradé sous le titre (toutes les pages) */
.article-contenu h2{border-left:none !important;padding:0 0 12px !important;margin:2em 0 .7em !important;position:relative;font-size:26px;line-height:1.28;color:#2a2a2a;letter-spacing:-.2px;font-weight:700;}
.article-contenu h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:linear-gradient(90deg,#7a5c2e,#c9a96a);border-radius:3px;}

@media (max-width: 900px) {
  html,body,body.site{min-width:0 !important;overflow-x:hidden;}
  .site{min-width:0 !important;}
  .wrapper{width:auto !important;max-width:960px;padding-left:14px !important;padding-right:14px !important;}

  /* ---- En-tête compact : logo à gauche + hamburger à droite ---- */
  .header-container{background-size:cover;}
  .header-container .motif{height:auto !important;min-height:0 !important;background-image:none !important;padding:9px 0 !important;}
  .header-container header.wrapper{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;}
  .header-container header.wrapper>a{order:1;line-height:0;}
  .header-container h1{margin:0 !important;display:inline-block;line-height:0;}
  .header-container h1 img{max-width:150px;height:auto;}
  #drapeaux{display:none !important;}

  /* hamburger */
  .burger{display:flex !important;order:2;flex-direction:column;justify-content:center;gap:5px;
    width:46px;height:40px;padding:8px 9px;cursor:pointer;border-radius:8px;background:rgba(255,255,255,.16);}
  .burger span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;}

  /* menu déroulant (masqué, affiché quand hamburger coché) */
  header nav{order:3;width:100%;display:none !important;position:static !important;top:auto !important;right:auto !important;margin:10px 0 2px !important;}
  .menu-toggle:checked ~ nav{display:block !important;}
  header nav ul{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0 !important;margin:0 !important;}
  header nav ul li{float:none !important;display:block !important;width:auto !important;}
  header nav ul li a{background:rgba(255,255,255,.12) !important;background-image:none !important;
    width:auto !important;height:auto !important;line-height:1.2 !important;display:block !important;
    padding:13px 16px !important;border-radius:8px;color:#fff !important;font-size:15px;font-weight:600;
    text-align:center;text-indent:0 !important;text-decoration:none;}
  header nav ul li a:hover,header nav ul li a.boutactif{background:#fff !important;background-image:none !important;color:#6a5b43 !important;}

  /* ---- Formulaire contact / réservation ---- */
  .contact_table,.contact_table tbody,.contact_table tr,.contact_table td{display:block !important;width:auto !important;}
  .contact_table td{padding:3px 0 !important;}
  .contact_table input,.contact_table select,.contact_table textarea{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:0 !important;}
  .contact_table td br{display:none;}

  /* ---- Slider fluide ---- */
  .slider-container .motif{height:auto !important;background-image:none !important;padding:0 !important;}
  .slider-container .wrapper,#sliderbann,#sliderbann .bjqs,#sliderbann .bjqs li{width:100% !important;height:auto !important;}
  #sliderbann .bjqs li img{width:100% !important;height:auto !important;}
  .aff_slider{display:none !important;}
  .slider-container ol.bjqs-markers{width:100% !important;}

  /* ---- Corps : une seule colonne ---- */
  div.main-container{background:#fff !important;}
  article.contenu{float:none !important;width:auto !important;max-width:100% !important;padding:16px 0 !important;}
  div.gauche{float:none !important;width:auto !important;padding:8px 0 22px !important;}
  div.gauche a.gmap{width:auto !important;max-width:236px;}
  hr.clearfix{display:none !important;}

  /* ---- Encart réservation (home) ---- */
  .header-container>div[style*="width:900px"]{width:auto !important;max-width:100% !important;padding:10px 14px !important;}
  #resa-box{max-width:100% !important;padding:16px !important;}
  #resa-box>div{width:100% !important;}
  #resa-box label{width:100% !important;}
  #resa-box select,#resa-box input,#resa-box button{width:100% !important;box-sizing:border-box;}

  /* ---- Pied de page empilé ---- */
  div.footer-container{height:auto !important;background-size:cover;padding:6px 0 20px !important;}
  div.footer-container .horaires,div.footer-container .informations,div.footer-container .wifi{
    float:none !important;width:auto !important;height:auto !important;display:block !important;padding:12px 14px !important;text-align:left;}
  div.footer-container .wifi{text-align:center;}
  div.footer-container .mentions table,div.footer-container .mentions tbody,
  div.footer-container .mentions tr,div.footer-container .mentions td{display:block !important;width:auto !important;text-align:left !important;padding:3px 14px !important;}
}

@media (max-width: 480px) {
  .header-container h1 img{max-width:180px;}
  header nav ul li a{font-size:13px;padding:9px 12px !important;}
}