/* Les Calanques V4.4 — correctif accordéon + couleurs navigateur personnalisables.
   Aucun changement du viewport, du zoom ou de la géométrie globale de la page. */

:root{
  --lc-top-chrome:#7d2022;
  --lc-bottom-chrome:#fbf6ef;
  --lc-fade-strong:rgba(125,32,34,.72);
  --lc-fade-mid:rgba(125,32,34,.32);
  --lc-fade-soft:rgba(125,32,34,.10);
  --lc-fade-height:66px;
  --lc-fade-mid-stop:25px;
  --lc-fade-soft-stop:45px;
  --lc-bordeaux:#7d2022;
  --lc-cream:#fbf6ef;
}

/* Fond utilisé par Safari dans ses zones d'overscroll / chrome quand il le permet. */
html{background-color:var(--lc-bottom-chrome)!important}
body{background-color:transparent!important}
.app-shell,#contact,footer{background-color:var(--lc-bottom-chrome)}

/* Petit bord fixe volontairement minuscule : Safari 26 peut étendre sa couleur
   dans la zone de statut sans qu'on touche au viewport. */
#lcStatusTint{
  position:fixed!important;
  z-index:9999!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:2px!important;
  background:var(--lc-top-chrome);
  pointer-events:none!important;
}

/* Raccord couleur -> photo. Le masque noir localisé autour du texte reste intact. */
.hero-shade{
  background:
    linear-gradient(
      to bottom,
      var(--lc-fade-strong) 0,
      var(--lc-fade-mid) var(--lc-fade-mid-stop),
      var(--lc-fade-soft) var(--lc-fade-soft-stop),
      rgba(0,0,0,0) var(--lc-fade-height)
    ),
    radial-gradient(
      ellipse 58% 62% at 25% 70%,
      rgba(0,0,0,.86) 0%,
      rgba(0,0,0,.74) 27%,
      rgba(0,0,0,.52) 44%,
      rgba(0,0,0,.26) 61%,
      rgba(0,0,0,.08) 72%,
      rgba(0,0,0,0) 82%
    )!important;
}

.menu-sheet{background:var(--lc-cream)!important}
.category-chips{display:none!important}

/* -------- Accordéon carte : reset complet pour ne plus hériter des anciens boutons -------- */
.menu-sheet .lc-menu-accordion{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding-bottom:12px!important;
  align-items:stretch!important;
}
.menu-sheet .lc-menu-acc-section{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(125,32,34,.12)!important;
  box-shadow:0 7px 18px rgba(61,26,18,.035)!important;
  overflow:hidden!important;
}
.menu-sheet .lc-menu-acc-trigger{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  column-gap:12px!important;
  padding:14px 13px 14px 18px!important;
  margin:0!important;
  cursor:pointer!important;
  color:#2d201c!important;
  font-family:var(--font-sans,system-ui,sans-serif)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:left!important;
  position:static!important;
  transform:none!important;
}
.menu-sheet .lc-menu-acc-trigger:focus-visible{
  outline:2px solid var(--lc-bordeaux)!important;
  outline-offset:-3px!important;
}
.menu-sheet .lc-menu-acc-name{
  all:unset!important;
  box-sizing:border-box!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  position:static!important;
  transform:none!important;
  overflow:visible!important;
  white-space:normal!important;
  color:#2d201c!important;
  font:inherit!important;
  line-height:1.2!important;
}
.menu-sheet .lc-menu-acc-name::before{
  content:""!important;
  display:block!important;
  width:18px!important;
  height:1px!important;
  flex:0 0 18px!important;
  margin:0 11px 0 0!important;
  background:#b66a4a!important;
}
.menu-sheet .lc-menu-chevron{
  all:unset!important;
  box-sizing:border-box!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#f2e6dc!important;
  color:var(--lc-bordeaux)!important;
  transition:transform .2s ease,background .2s ease,color .2s ease!important;
}
.menu-sheet .lc-menu-chevron svg{display:block!important}
.menu-sheet .lc-menu-acc-section.open .lc-menu-chevron{
  transform:rotate(180deg)!important;
  background:var(--lc-bordeaux)!important;
  color:#fff!important;
}

/* Le contenu est piloté uniquement par la classe .open. */
.menu-sheet .lc-menu-acc-items{
  display:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 10px 11px!important;
  gap:9px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  box-sizing:border-box!important;
}
.menu-sheet .lc-menu-acc-section.open > .lc-menu-acc-items{
  display:grid!important;
  grid-template-columns:1fr!important;
}

.menu-sheet .lc-menu-public-item{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  padding:9px!important;
  border-radius:10px!important;
  background:#fff9f4!important;
  border:1px solid rgba(80,42,32,.075)!important;
}
.menu-sheet .lc-menu-public-thumb{
  width:82px!important;
  height:68px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:#ead2c4!important;
}
.menu-sheet .lc-menu-public-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.menu-sheet .lc-menu-public-main{
  all:unset!important;
  box-sizing:border-box!important;
  min-width:0!important;
  cursor:pointer!important;
  display:block!important;
  color:#241a17!important;
}
.menu-sheet .lc-menu-public-main span{display:block!important}
.menu-sheet .lc-menu-public-title{font-size:13px!important;font-weight:850!important;line-height:1.15!important}
.menu-sheet .lc-menu-public-desc{font-size:11px!important;line-height:1.3!important;color:#776861!important;margin-top:4px!important}
.menu-sheet .lc-menu-public-price{font-size:13px!important;font-weight:900!important;color:var(--lc-bordeaux)!important;white-space:nowrap!important}

/* -------- Studio admin : catégories -------- */
.lc-category-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important}
.lc-category-tools button{border-radius:9px!important}
.lc-category-row{grid-template-columns:minmax(0,1fr) auto!important}
.lc-category-name-input{min-width:0!important}
#lcChromeThemeControls .color-grid{margin-top:8px}

@media(max-width:430px){
  .menu-sheet .lc-menu-acc-trigger{
    min-height:62px!important;
    padding:13px 12px 13px 16px!important;
    font-size:14.5px!important;
  }
  .menu-sheet .lc-menu-public-item{grid-template-columns:72px minmax(0,1fr) auto!important;gap:9px!important}
  .menu-sheet .lc-menu-public-thumb{width:72px!important;height:62px!important}
  .lc-category-tools{grid-template-columns:1fr!important}
  .lc-category-tools button{width:100%!important}
}