/* Responsive globals for Elementor layouts and JSR pages */
/* Container wrap to allow stacking on small screens */
.elementor-section .elementor-container{flex-wrap:wrap}
/* Columns: full width on mobile */
@media (max-width: 860px){
  .elementor-section .elementor-column{width:100%!important;max-width:100%!important}
  .elementor-section .elementor-widget-image img{width:100%;height:auto;border-radius:8px}
  .elementor-section{padding-left:16px;padding-right:16px}
}
/* Headings tracking and size tuning on mobile */
@media (max-width:640px){
  .font-cormorant{letter-spacing:.1em}
  .elementor-heading-title{line-height:1.25}
  .elementor-heading-title.elementor-size-xl{font-size:1.7rem}
  .elementor-heading-title.elementor-size-large{font-size:1.4rem}
  .elementor-heading-title.elementor-size-medium{font-size:1.2rem}
  .elementor-widget-text-editor{font-size:.95rem;line-height:1.6}
  .elementor-widget-heading{text-align:center}
}
/* Cards grid: 3 -> 1 on small screens */
@media (max-width:820px){
  .elementor-section .elementor-column[data-element_type="column"]{margin-bottom:16px}
}
/* JSR reservation tweaks for ultra small screens */
@media (max-width:480px){
  .jsr-resv{padding:16px 12px}
  .jsr-resv-card{height:auto;padding:14px 14px 30px}
  .jsr-resv-times{grid-template-columns:repeat(2,1fr)}
  .jsr-resv-actions{position:static;background:transparent;padding:0;margin-top:12px}
  .jsr-resv-title{font-size:1.25rem}
  .jsr-resv-sub{font-size:.95rem}
  .elementor-heading-title.elementor-size-xl{font-size:1.55rem}
  .jsr-resv-btn{width:100%}
}
/* Quai Gourmand page specific optimizations */
@media (max-width:768px){
  body.page-template-default.page-le-quai-gourmand .elementor-section .elementor-column{width:100%!important}
  body.page-template-default.page-le-quai-gourmand .elementor-widget-button{text-align:center}
}

/* Mobile navigation improvements */
@media (max-width:860px){
  .wp-block-navigation__responsive-container-open button{width:44px;height:44px}
  .wp-block-navigation__responsive-container-open{display:inline-flex}
  .wp-block-navigation__responsive-container{position:fixed;inset:0;background:rgba(49,46,43,.96);padding:20px;overflow:auto}
  .wp-block-navigation__container .wp-block-navigation-item a{display:block;padding:14px 8px;font-size:1rem}
  .wp-block-navigation__container{gap:0}
  .wp-block-navigation__container .wp-block-navigation-item{border-bottom:1px solid rgba(172,132,74,.35)}
  .wp-block-navigation__container .wp-block-navigation-item:last-child{border-bottom:none}
  .wp-block-navigation__container .has-child > .wp-block-navigation-item__content::after{content:"▾";margin-left:8px;color:#EBE7E0}
  .wp-block-navigation__submenu-container{padding-left:12px;border-left:1px solid rgba(172,132,74,.35)}
  /* Masquer menu desktop si présent */
  .wp-block-navigation__container[aria-expanded="false"]{display:none!important}
  .wp-block-navigation__container{display:none!important}
}
@media (max-width:860px){
  .elementor-nav-menu--dropdown .elementor-item{padding:14px 12px;font-size:1rem;border-bottom:1px solid rgba(172,132,74,.35)}
  .elementor-nav-menu--dropdown .elementor-item:last-child{border-bottom:none}
  .elementor-nav-menu--dropdown{padding:8px 12px}
  /* Masquer le menu desktop Elementor, afficher hamburger */
  .elementor-nav-menu--main{display:none!important}
  .elementor-menu-toggle{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center}
}
