/* =========================================================
   TEMA MODERNO — Loja virtual Chegou.net (reskin, não altera HTML/JS)
   Aplicado por cima do template antigo. Fácil de reverter (remover o link).
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --brand:#f59e0b; --brand2:#f97316; --ink:#1f2937; --muted:#6b7280;
  --line:#e6e8ec; --ok:#16a34a; --bgsoft:#f7f8fa;
}
body{ font-family:'Inter',system-ui,sans-serif !important; color:var(--ink); }
.container.margin_60_35{ max-width:1200px; }

/* ---------- Coluna esquerda: categorias ---------- */
.box_style_1{
  border:1px solid var(--line) !important; border-radius:18px !important;
  box-shadow:0 2px 10px rgba(0,0,0,.05) !important; padding:10px !important; background:#fff !important;
}
.box_style_1 ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
.box_style_1 ul li{ border:none !important; margin:0 0 4px !important; background:none !important; }
.box_style_1 ul li a{
  display:flex !important; align-items:center; justify-content:space-between;
  padding:15px 16px !important; border-radius:12px !important; font-size:16px !important; font-weight:600 !important;
  color:var(--ink) !important; text-decoration:none !important; transition:.15s; border:none !important;
}
.box_style_1 ul li a:hover{ background:var(--bgsoft) !important; color:var(--ink) !important; }
.box_style_1 ul li a span{
  font-size:13px !important; color:#fff !important; background:var(--brand) !important;
  border-radius:999px !important; padding:2px 10px !important; font-weight:700 !important; min-width:26px; text-align:center;
}

/* ---------- Coluna central: barra + categorias + itens ---------- */
.box_style_2{ background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; }
h2.inner{
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important; color:#0b1220 !important;
  border-radius:16px !important; padding:16px !important; font-weight:800 !important; font-size:18px !important;
  border:none !important; text-align:center; box-shadow:0 8px 20px rgba(245,158,11,.28);
}
#accordion .panel{ border:none !important; box-shadow:none !important; background:transparent !important; margin-bottom:14px !important; }
#accordion .panel-heading{
  background:#fff !important; border:1px solid var(--line) !important; border-radius:14px !important; padding:0 !important;
}
#accordion .panel-title a{
  display:flex !important; align-items:center; justify-content:space-between;
  padding:17px 20px !important; font-size:18px !important; font-weight:800 !important;
  color:var(--ink) !important; text-decoration:none !important;
}
#accordion .panel-body{ padding:10px 2px 2px !important; border:none !important; background:transparent !important; }

/* Categorias SEMPRE abertas — cliente vê tudo sem precisar clicar */
#accordion .panel-collapse{ display:block !important; height:auto !important; overflow:visible !important; visibility:visible !important; }
#accordion .panel-title i{ display:none !important; }                 /* esconde o chevron */
#accordion .panel-title a{ cursor:default !important; }
#accordion .panel-heading{
  background:transparent !important; border:none !important; border-radius:0 !important;
  border-left:5px solid var(--brand) !important; padding:0 0 0 14px !important; margin:26px 0 12px !important;
}
#accordion .panel-title a{ padding:2px 0 !important; font-size:21px !important; }

/* Grade de 2 colunas de itens (sem tocar no HTML/JS) */
.cart-list{ display:block !important; width:100% !important; border:none !important; background:transparent !important; }
.cart-list thead{ display:none !important; }
.cart-list tbody{ display:block !important; width:100% !important; font-size:0; }  /* zera whitespace entre inline-blocks */
.cart-list tr{ display:inline-block !important; width:calc(50% - 8px) !important; vertical-align:top; font-size:14px; margin:0 0 0 0; }
.cart-list tr:nth-child(2n){ margin-left:16px !important; }
.cart-list td.options{ display:block !important; width:100% !important; padding:0 !important; border:none !important; }
.cart-list form{ display:none !important; }  /* form vazio (o modal fica na td.options) */

/* Card de item — FOTO NO TOPO (visual, bom para 2 colunas) */
#accordion .panel-body td[data-target]{
  display:block !important; position:relative; width:100%;
  border:1px solid var(--line) !important; border-radius:16px !important;
  padding:0 0 52px !important; margin:0 0 14px !important; overflow:hidden;
  background:#fff !important; box-shadow:0 1px 3px rgba(0,0,0,.05); cursor:pointer; transition:.15s;
}
#accordion .panel-body td[data-target]:hover{ border-color:var(--brand) !important; box-shadow:0 12px 26px rgba(245,158,11,.16); transform:translateY(-2px); }
.thumb_menu_list{
  margin:0 !important; position:static; width:100%; height:158px; border-radius:0; overflow:hidden; background:#f3f4f6;
}
.thumb_menu_list img{ width:100% !important; height:158px !important; object-fit:cover; display:block; }
#accordion .panel-body td[data-target] h5{
  font-size:16.5px !important; font-weight:700 !important; margin:13px 15px 5px !important; color:var(--ink) !important; line-height:1.25;
}
#accordion .panel-body td[data-target] p{
  font-size:13.5px !important; color:var(--muted) !important; margin:0 15px 4px !important; line-height:1.45;
}
#accordion .panel-body td[data-target] strong{
  float:none !important; position:absolute; left:15px; bottom:14px; margin:0 !important;
}
#accordion .panel-body td[data-target] strong b, #accordion .panel-body td[data-target] strong span{
  font-size:18px !important; color:var(--ok) !important; font-weight:800 !important;
}
#accordion .panel-body td[data-target]::after{
  content:'+'; position:absolute; right:12px; bottom:10px;
  width:44px; height:44px; border-radius:13px; background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#0b1220; font-size:28px; font-weight:800; display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(245,158,11,.35);
}
#accordion .panel-body td.options{ display:block !important; padding:0 !important; border:none !important; }

/* ---------- Coluna direita: carrinho ---------- */
.theiaStickySidebar > div{
  border:1px solid var(--line) !important; border-radius:18px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
.theiaStickySidebar h3{ font-size:18px !important; font-weight:800 !important; color:var(--ink) !important; }

/* ---------- Botões ---------- */
.btn_full, button.btn_full{
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important; border:none !important;
  border-radius:12px !important; font-weight:800 !important; font-size:16px !important; padding:15px !important;
  color:#0b1220 !important; box-shadow:0 8px 18px rgba(245,158,11,.28) !important; letter-spacing:.2px;
}
.btn_full:hover{ filter:brightness(1.05); }

/* Modal de item: cantos e botões coerentes */
.popuppedido .modal-content{ border-radius:18px !important; overflow:hidden; }

/* Celular: 1 coluna */
@media (max-width: 680px){
  .cart-list tr{ width:100% !important; margin-left:0 !important; }
  .thumb_menu_list, .thumb_menu_list img{ height:180px !important; }
}