#cardapio-digital-root{font-family:'Poppins',sans-serif}
#cardapio-digital-root .cardapio-digital{background:#ffffff;padding:30px 15px;color:#2c3e50;min-height:100vh;display:flex;justify-content:center;align-items:center}
#cardapio-digital-root .container{width:95%;max-width:800px;margin:0 auto;background:#f1fbfa;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding-bottom:10px;display:flex;flex-direction:column;position:relative;overflow:visible}
#cardapio-digital-root .swiper-container{width:100%;padding:4px 0 8px}
#cardapio-digital-root .swiper-slide{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  /* aumentar linha mínima para deixar os cards maiores */
  grid-template-rows:repeat(3,minmax(90px,auto)); /* 3 linhas por slide */
  gap:6px; /* reduzir gap entre sessões para ficar mais compactado */
  padding:12px 10px 18px; /* padding maior para cards mais espaçosos */
  /* controla altura mínima total do slide para manter 3 linhas visíveis */
  min-height: calc((90px * 3) + (6px * 2) + 40px); /* 3 rows + gaps + paddings aproximados */
  align-items:start; /* align cards at top so rows look consistent */
}
#cardapio-digital-root .section{
  margin:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  background:#fff;
  border-radius:12px;
  padding:14px 16px; /* aumentar padding para cards maiores */
  box-shadow:0 6px 18px rgba(11,22,18,0.04);
  transition:transform .25s ease,box-shadow .25s ease;
}
#cardapio-digital-root .header{
  background:#27d06a; /* slightly stronger */
  color:#fff;
  padding:12px 18px;
  font-size:20px;
  font-weight:700;
  text-align:center;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  box-shadow:inset 0 -1px rgba(0,0,0,0.02);
}
#cardapio-digital-root .data{
  font-size:16px;
  font-weight:700;
  color:#27d06a;
  margin:8px 0 6px; /* reduzir espaço entre header/data e o grid */
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
#cardapio-digital-root .section-title{font-size:16px;color:#2c3e50;margin-bottom:4px;font-weight:600;display:flex;align-items:center;gap:10px}
#cardapio-digital-root .section-title i{color:#e67e22;font-size:18px}
#cardapio-digital-root .prato{font-size:15px;color:#e67e22;font-weight:700;margin:1px 0;line-height:1.4}
#cardapio-digital-root .no-menu-message{text-align:center;padding:40px 20px;font-size:18px;color:#7f8c8d;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;grid-column:1/-1}
#cardapio-digital-root .no-menu-message i{font-size:40px;color:#2ecc71;margin-bottom:10px}
/* Navegação: apenas ícones de setas visíveis fora do card */
#cardapio-digital-root .swiper-button-next,#cardapio-digital-root .swiper-button-prev{
  background:transparent; /* remove círculo branco */
  border-radius:0;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:40; /* garantir acima do container */
  padding:12px 10px; /* área clicável suficiente fora do cartão */
  pointer-events:auto;
}
/* apenas o glyph/icone da seta — ajuste o tamanho e cor */
#cardapio-digital-root .swiper-button-next::after,
#cardapio-digital-root .swiper-button-prev::after {
  font-size:34px;
  color:#2ecc71;
  text-shadow:none;
}
/* posicionamento totalmente fora do container */
#cardapio-digital-root .swiper-button-next{right:-60px}
#cardapio-digital-root .swiper-button-prev{left:-60px}
@media (max-width:768px){
  /* mobile: 1 coluna com até 6 linhas por slide; linhas maiores para cards mais legíveis */
  #cardapio-digital-root .swiper-slide{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(80px,auto));gap:8px;padding:12px;min-height:auto}
  #cardapio-digital-root .container{width:100%;margin:0;padding:10px}
  /* keep arrows outside on small screens */
  #cardapio-digital-root .swiper-button-next{right:-36px}
  #cardapio-digital-root .swiper-button-prev{left:-36px}
}