/*
 * PediuChegou — Cardápio Visual AnotaAí
 * Reescrita completa do visual mantendo toda lógica PHP/JS
 */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=DM+Sans:wght@400;500&display=swap');

:root {
  --brand:#E8401C;--brand-dark:#C4310F;--brand-light:#FFF1EE;
  --navy:#0F1C2E;--text:#1a1a2e;--muted:#64748B;
  --bg:#F4F4F0;--white:#fff;--border:#E8E8E8;
  --green:#16A34A;--radius:14px;--radius-sm:10px;
}

/* ── BASE ── */
*{box-sizing:border-box;}
body{font-family:'DM Sans',sans-serif!important;background:var(--bg)!important;color:var(--text)!important;margin:0!important;padding:0!important;}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif!important;}

/* ── OCULTAR TUDO DO LAYOUT ANTIGO ── */
header,#footeroriginal,#social_footer,.parallax-window,
#subheader,#sub_content,#img-head-loja,.box_style_2#help,
.sticky-wrapper,#position,.hidden-xs.box_style_1,
#whatsapp-chat,.blantershow-chat,#whatsapp,
.col-md-3,.layer,#preloader,
.table thead,.table-striped>tbody>tr:nth-of-type(odd),
.alert-info { display:none!important; }

/* ── CONTAINER ── */
.container.margin_60_35{
  max-width:700px!important;margin:0 auto!important;
  padding:0!important;background:var(--white)!important;
  min-height:100vh;box-shadow:none!important;
}
.row{margin:0!important;}
.col-md-6{width:100%!important;max-width:100%!important;padding:0!important;float:none!important;}

/* ── HEADER DA LOJA (injetado pelo home.php) ── */
.pc-loja-header{background:var(--navy);}
.pc-loja-cover{
  height:120px;
  background:linear-gradient(135deg,#0F1C2E 0%,#1e3a5f 100%);
  position:relative;overflow:hidden;
}
.pc-loja-cover::after{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.pc-loja-info{
  padding:0 16px 16px;background:var(--white);
  display:flex;align-items:flex-end;gap:14px;
  border-bottom:1px solid var(--border);
  margin-top:-30px;position:relative;z-index:2;
}
.pc-loja-logo{
  width:64px;height:64px;border-radius:16px;
  border:3px solid var(--white);background:var(--brand);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;flex-shrink:0;overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.pc-loja-logo img{width:100%;height:100%;object-fit:cover;}
.pc-loja-meta{flex:1;padding-top:36px;}
.pc-loja-name{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px;}
.pc-loja-badges{display:flex;gap:6px;flex-wrap:wrap;}
.pc-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;}
.pc-badge-green{background:#F0FDF4;color:var(--green);}
.pc-badge-gray{background:#F1F5F9;color:#475569;}

/* ── BUSCA ── */
.pc-search-wrap{
  padding:12px 16px;background:var(--white);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:20;
}
.pc-search-inner{
  display:flex;align-items:center;gap:8px;
  background:var(--bg);border:1.5px solid var(--border);
  border-radius:var(--radius-sm);padding:10px 14px;
  transition:border-color .15s;
}
.pc-search-inner:focus-within{border-color:var(--brand);}
.pc-search-inner input{
  border:none;background:transparent;font-family:'DM Sans',sans-serif;
  font-size:14px;color:var(--text);flex:1;outline:none;
}
.pc-search-inner input::placeholder{color:var(--muted);}

/* ── OCULTAR BARRA VERDE ANTIGA ── */
.col-md-6 > center,
p[style*="text-align: center"],
div[style*="text-align:center"] > b,
center > b { display:none!important; }

/* ── CATEGORIAS — transformar accordion em tabs horizontais ── */

/* Ocultar o cat_nav antigo (sidebar) */
#cat_nav { display:none!important; }

/* Panel-group vira layout de lista */
.panel-group{margin:0!important;border:none!important;}
.panel.panel-default{
  border:none!important;box-shadow:none!important;
  border-radius:0!important;margin:0!important;
  border-bottom:8px solid var(--bg)!important;
}

/* Cabeçalho da categoria */
.panel-heading{
  background:transparent!important;border:none!important;
  padding:20px 16px 12px!important;
}
.panel-title{margin:0!important;}
.accordion-toggle{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;
  font-family:'Sora',sans-serif!important;
  font-size:17px!important;font-weight:700!important;
  color:var(--text)!important;text-decoration:none!important;
}
.accordion-toggle::after{
  content:'';display:block;
  width:20px;height:20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
  transition:transform .2s;flex-shrink:0;
}
.accordion-toggle.collapsed::after{transform:rotate(-90deg);}

/* Força todas as categorias abertas */
.panel-collapse{display:block!important;height:auto!important;overflow:visible!important;}
.panel-body{padding:0 16px 16px!important;}

/* ── TABELA → CARDS DE ITEM ── */
table.table.table-striped.cart-list{
  display:flex!important;flex-direction:column!important;
  gap:10px!important;border:none!important;
  background:transparent!important;width:100%!important;
}
table.table.table-striped.cart-list thead{display:none!important;}
table.table.table-striped.cart-list tbody{
  display:flex!important;flex-direction:column!important;gap:10px!important;
}
table.table.table-striped.cart-list tr{
  display:flex!important;align-items:center!important;
  background:var(--white)!important;
  border:1.5px solid var(--border)!important;
  border-radius:var(--radius)!important;
  padding:12px!important;gap:12px!important;
  cursor:pointer!important;
  transition:border-color .15s,transform .1s!important;
  box-shadow:0 1px 3px rgba(0,0,0,.04)!important;
}
table.table.table-striped.cart-list tr:hover{
  border-color:var(--brand)!important;
  transform:translateY(-1px)!important;
}

/* Célula do item */
table.table.table-striped.cart-list td:first-child{
  display:flex!important;align-items:center!important;
  gap:12px!important;flex:1!important;min-width:0!important;
  border:none!important;padding:0!important;
}

/* Imagem do item */
.thumb_menu_list{
  width:80px!important;height:80px!important;
  border-radius:12px!important;overflow:hidden!important;
  flex-shrink:0!important;margin:0!important;
  background:var(--bg)!important;
}
.thumb_menu_list img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
}

/* Nome do item */
table.table.table-striped.cart-list h5{
  font-family:'Sora',sans-serif!important;
  font-size:14px!important;font-weight:700!important;
  color:var(--text)!important;margin:0 0 4px!important;
  white-space:normal!important;
}

/* Descrição */
table.table.table-striped.cart-list p{
  font-size:12px!important;color:var(--muted)!important;
  margin:0 0 5px!important;line-height:1.4!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Preço */
table.table.table-striped.cart-list strong,
table.table.table-striped.cart-list b{
  font-size:14px!important;font-weight:700!important;
  color:var(--brand)!important;float:none!important;
  display:block!important;margin-top:2px!important;
}

/* Célula do botão + */
table.table.table-striped.cart-list td.options,
table.table.table-striped.cart-list td:last-child{
  border:none!important;padding:0!important;flex-shrink:0!important;
}

/* Botão + */
#btn-adicionar-item,
[id^="btn-adicionar-item"]{
  width:36px!important;height:36px!important;
  background:var(--brand)!important;
  border-radius:50%!important;color:#fff!important;
  border:none!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;
  justify-content:center!important;font-size:22px!important;
  line-height:1!important;padding:0!important;
  transition:background .15s,transform .1s!important;
  box-shadow:0 2px 8px rgba(232,64,28,.3)!important;
}
#btn-adicionar-item:hover,[id^="btn-adicionar-item"]:hover{
  background:var(--brand-dark)!important;
}
#btn-adicionar-item:active,[id^="btn-adicionar-item"]:active{
  transform:scale(.9)!important;
}

/* ── CARRINHO FLUTUANTE ── */
#footer,#footerr{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;
  background:var(--brand)!important;color:#fff!important;
  border-radius:16px!important;
  margin:0 12px 16px!important;
  padding:15px 20px!important;
  height:auto!important;
  font-family:'Sora',sans-serif!important;
  font-size:15px!important;font-weight:700!important;
  cursor:pointer!important;
  bottom:8px!important;left:0!important;right:0!important;
  max-width:676px!important;
  box-shadow:0 4px 20px rgba(232,64,28,.35)!important;
  transition:background .15s!important;
  text-decoration:none!important;
}
#footer:hover,#footerr:hover{background:var(--brand-dark)!important;}
.cart-count{
  background:rgba(255,255,255,.25)!important;
  border-radius:8px!important;padding:3px 10px!important;
  font-size:14px!important;font-weight:700!important;
  position:static!important;display:inline-block!important;
  color:#fff!important;margin:0!important;
  box-shadow:none!important;
}

/* ── MODAL DO ITEM ── */
.modal-backdrop{background:#000!important;opacity:.5!important;}
.modal-dialog{
  margin:0 auto!important;
  position:fixed!important;bottom:0!important;
  left:50%!important;transform:translateX(-50%)!important;
  width:100%!important;max-width:700px!important;
}
.modal-content{
  border-radius:20px 20px 0 0!important;
  border:none!important;
  box-shadow:0 -4px 30px rgba(0,0,0,.15)!important;
}
.modal-body{padding:20px!important;max-height:75vh;overflow-y:auto;}
.modal-footer{
  border-top:1px solid var(--border)!important;
  padding:12px 20px!important;
}

/* ── OPÇÕES DELIVERY (switch) ── */
.switch{
  border:2px solid var(--brand)!important;
  border-radius:12px!important;
  width:100%!important;
}
.quality input[type="radio"]:checked~label{
  background:var(--brand)!important;color:#fff!important;
}

/* ── BOTÕES GERAIS ── */
.btn_1,a.btn_1,.btn-success,.btn.btn-success{
  background:var(--brand)!important;
  border-color:var(--brand)!important;
  border-radius:var(--radius-sm)!important;
  font-family:'Sora',sans-serif!important;
  font-weight:700!important;
}
.btn_1:hover,a.btn_1:hover{background:var(--brand-dark)!important;}

/* ── INPUTS ── */
.form-control{
  border-radius:var(--radius-sm)!important;
  border:1.5px solid var(--border)!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:14px!important;
}
.form-control:focus{
  border-color:var(--brand)!important;
  box-shadow:0 0 0 3px rgba(232,64,28,.1)!important;
}

/* ── BADGE "NOVO" ── */
.badge{background:var(--brand)!important;}

/* ── MOBILE ── */
@media(max-width:768px){
  .modal-dialog{bottom:0;width:100%;max-width:100%;}
  .pc-loja-cover{height:90px;}
}

/* ── OCULTAR LIXO EXTRA ── */
.dropdown-options > .dropdown-menu{display:none!important;}

/* ── CORRECOES EXTRAS ── */

/* Barra verde "ITENS ABAIXO" */
#main_menu > center,
#main_menu h2.inner,
.box_style_2#main_menu > center { display:none!important; }

/* Remover chevron duplicado do fa-chevron */
.accordion-toggle .fa-chevron-down,
.accordion-toggle .fa-chevron-up { display:none!important; }

/* Icone quebrado (imagem que não existe) */
.col-md-6 > img[src=""],
img[src=""][alt=""],
img:not([src]),
img[src$="/"] { display:none!important; }

/* Box style 2 main menu — manter apenas o conteúdo */
.box_style_2#main_menu {
  padding:0!important;
  border:none!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
}