/* ============================================================
   MODERN.CSS — Restyle "delivery app" do cardápio (pede no zap)
   Carregado por último; NÃO altera HTML/IDs/JS, só o visual.
   Paleta verde moderna + cards, sombras suaves, cantos arredondados.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --mz-bg:        #f4f6f8;
  --mz-card:      #ffffff;
  --mz-text:      #1f2430;
  --mz-muted:     #6b7280;
  --mz-line:      #eceff3;
  --mz-green:     #1faa59;
  --mz-green-d:   #178a48;
  --mz-radius:    16px;
  --mz-radius-sm: 12px;
  --mz-shadow:    0 6px 24px rgba(16,24,40,.08);
  --mz-shadow-sm: 0 2px 10px rgba(16,24,40,.06);
}

/* ---------- Base ---------- */
body{
  background: var(--mz-bg) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
  color: var(--mz-text);
  -webkit-font-smoothing: antialiased;
}
.container.margin_60_35{ padding-top: 28px; padding-bottom: 40px; }

/* ---------- Header ---------- */
header{
  box-shadow: 0 2px 12px rgba(16,24,40,.06);
}

/* ---------- Hero / subheader ---------- */
#subheader #thumb img,
#subheader #thumb{
  border-radius: 18px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
  overflow: hidden;
}
#subheader h1{
  font-weight: 800;
  letter-spacing: -.5px;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

/* ---------- Cartões base do template ---------- */
.box_style_1, .box_style_2{
  background: var(--mz-card) !important;
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  box-shadow: var(--mz-shadow) !important;
  padding: 20px !important;
}

/* Título "Cardápio" */
#main_menu h2.inner{
  font-weight: 800;
  letter-spacing: -.5px;
  color: var(--mz-text);
  margin-bottom: 18px;
}

/* ---------- Navegação de categorias (lateral) ---------- */
#cat_nav li a{
  display: flex; align-items: center; gap: 8px;
  border-radius: 10px;
  padding: 10px 12px !important;
  color: var(--mz-text);
  font-weight: 600;
  transition: background .2s, color .2s;
}
#cat_nav li a:hover{ background: rgba(31,170,89,.10); color: var(--mz-green-d); }
#cat_nav li a span{ color: var(--mz-muted); font-weight: 500; }

/* ---------- Accordion de categorias ---------- */
.panel-group .panel{
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius-sm) !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
  overflow: hidden;
}
.panel-heading{
  background: #fff !important;
  border: none !important;
  padding: 0 !important;
}
.panel-title > a.accordion-toggle{
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px;
  font-size: 16px;
  text-decoration: none !important;
  color: var(--mz-text);
}
.panel-title > a.accordion-toggle strong{ font-weight: 700; letter-spacing: -.2px; }
.panel-title > a.accordion-toggle:hover{ background: #fafbfc; }
.panel-title > a.accordion-toggle i{ color: var(--mz-green); }

/* ---------- Lista de produtos (estilo card delivery) ---------- */
.cart-list, .cart-list.table-striped{ background: transparent !important; margin: 0 !important; }
.cart-list thead{ display: none; }
.cart-list > tbody > tr{
  display: block;
  background: #fff;
  border: 1px solid var(--mz-line);
  border-radius: var(--mz-radius-sm);
  margin: 0 6px 14px;
  box-shadow: var(--mz-shadow-sm);
  transition: box-shadow .15s, border-color .15s;
  overflow: hidden;
}
/* IMPORTANTE: nada de transform aqui — o modal do produto fica dentro da linha
   e um transform num ancestral prende o modal (position:fixed) dentro dela,
   fazendo a tela "piscar". Usamos sombra/borda no hover. */
.cart-list > tbody > tr:hover{ box-shadow: var(--mz-shadow); border-color: rgba(31,170,89,.35); }
.cart-list > tbody > tr > td{ border: none !important; padding: 0 !important; }

/* td clicável do produto (imagem + textos) */
.cart-list td[data-toggle="modal"]{
  display: flex !important;
  gap: 14px;
  padding: 14px !important;
  cursor: pointer;
  position: relative;
  min-height: 96px;
}
.thumb_menu_list{
  flex: 0 0 92px;
  width: 92px; height: 92px;
  margin: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  background: #f0f2f5;
}
.thumb_menu_list img{
  width: 100% !important; height: 100% !important;
  object-fit: cover;
  border-radius: 12px;
}
.cart-list td[data-toggle="modal"] h5{
  margin: 2px 0 4px !important;
  font-weight: 700;
  font-size: 16px;
  color: var(--mz-text);
}
.cart-list td[data-toggle="modal"] p{
  margin: 0;
  color: var(--mz-muted);
  font-size: 13.5px;
  line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.cart-list td[data-toggle="modal"] strong{
  float: none !important;
  position: absolute;
  right: 14px; bottom: 12px;
  color: var(--mz-green-d) !important;
  font-weight: 800;
  font-size: 15px;
}
.cart-list td[data-toggle="modal"] strong b,
.cart-list td[data-toggle="modal"] strong span{ color: var(--mz-green-d) !important; }

/* ---------- Botão "ADICIONAR AO PEDIDO" (#footer dentro do card/modal) ---------- */
#footer, #footerr{
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 8px 14px 14px !important;
  padding: 13px 18px !important;
  border-radius: 12px !important;
  background: var(--mz-green) !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
  box-shadow: 0 6px 18px rgba(31,170,89,.30) !important;
  transition: background .2s, transform .1s;
}
#footer:hover{ background: var(--mz-green-d) !important; transform: translateY(-1px); }
#footerr{ background: #e15241 !important; box-shadow: 0 6px 18px rgba(225,82,65,.30) !important; cursor: not-allowed; }

/* ---------- Quantidade (+/-) ---------- */
.input-group .btn-number{
  border-radius: 10px !important;
  width: 38px;
  border: none !important;
}
.btn-number.btn-success{ background: var(--mz-green) !important; }
.btn-number.btn-danger{ background: #e15241 !important; }
.input-number.qtdpedido{
  border: 1px solid var(--mz-line) !important;
  border-radius: 10px !important;
  text-align: center; font-weight: 700;
  margin: 0 6px;
}

/* ---------- Modal do produto ---------- */
.popuppedido .modal-content{
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.25) !important;
  overflow: hidden;
}
.popuppedido .modal-body{ padding: 22px !important; }
.popuppedido label{
  display: block;
  border: 1px solid var(--mz-line);
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.popuppedido label:hover{ border-color: var(--mz-green); background: rgba(31,170,89,.05); }

/* ---------- Carrinho / resumo do pedido ---------- */
#cart_box h3{
  font-weight: 800; letter-spacing: -.3px;
  padding-bottom: 12px; border-bottom: 1px solid var(--mz-line);
}
#cart_box .table_summary td{ border: none !important; color: var(--mz-text); padding: 8px 0 !important; }
#cart_box .total{ font-weight: 800; font-size: 17px; }
#v-total-p{ color: var(--mz-green-d); }

/* Botões principais do carrinho */
.btn_full{
  background: var(--mz-green) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
  box-shadow: 0 6px 18px rgba(31,170,89,.30) !important;
  transition: background .2s, transform .1s;
}
.btn_full:hover{ background: var(--mz-green-d) !important; transform: translateY(-1px); }
.btn_full_outline{
  border: 2px solid var(--mz-green) !important;
  color: var(--mz-green-d) !important;
  border-radius: 12px !important;
  padding: 12px !important;
  font-weight: 700 !important;
  background: #fff !important;
  transition: background .2s;
}
.btn_full_outline:hover{ background: rgba(31,170,89,.08) !important; }

/* Opções de entrega (radios) */
#options_2 label{ font-weight: 600; }

/* Botão flutuante do carrinho (mobile) */
#whatsapp .cart-count{ background: var(--mz-green) !important; }

/* ---------- Botão WhatsApp / pagar (MercadoPago) ---------- */
button.mercadopago-button{
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 18px rgba(65,184,243,.30) !important;
}

/* ---------- Footer ---------- */
#footeroriginal{ background: transparent; }
#footeroriginal #social_footer ul li a{
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  background: #fff; box-shadow: var(--mz-shadow-sm);
  color: var(--mz-green-d);
}

/* ---------- Ajustes mobile ---------- */
@media (max-width: 767px){
  .box_style_1, .box_style_2{ padding: 14px !important; border-radius: 14px !important; }
  .thumb_menu_list{ flex-basis: 78px; width: 78px; height: 78px; }
  .cart-list td[data-toggle="modal"]{ min-height: 84px; }
}

/* ============================================================
   MODERN.CSS v2 — refinamentos de UI/UX
   (carregado depois; reforça o acabamento "delivery app")
   ============================================================ */

::selection{ background: rgba(31,170,89,.20); }
html{ scroll-behavior: smooth; }

/* ---------- HERO ---------- */
.parallax-window{ position: relative; }
.parallax-window::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(10,15,25,.28) 0%, rgba(10,15,25,.22) 38%, rgba(10,15,25,.70) 100%);
  pointer-events:none;
}
#subheader{ position: relative; z-index: 2; }
#subheader #sub_content{ padding-top: 6px; }
#subheader #thumb{
  width: 122px !important; height: 122px !important;
  margin: 0 auto 14px !important;
  border-radius: 22px !important;
  border: 4px solid #fff;
  box-shadow: 0 12px 34px rgba(0,0,0,.40);
  overflow: hidden; background:#fff;
  padding: 0 !important;
}
#subheader #thumb img{
  width: 100% !important; height: 100% !important;
  object-fit: cover; border-radius: 18px;
}
#subheader h1{
  font-size: 30px; font-weight: 800; letter-spacing: -.6px;
  margin: 0 0 12px;
}
/* "Fechado/Aberto agora" — pílula */
#subheader .label, #subheader .badge{
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-weight: 700 !important; letter-spacing: .3px;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
/* Ver horários / Ver endereços */
#subheader a[data-toggle], #subheader .open_hours, #subheader .open_address{
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 999px;
  padding: 7px 16px !important;
  color: #fff !important; font-weight: 600;
  margin: 4px 5px !important;
  transition: background .2s;
}
#subheader a[data-toggle]:hover{ background: rgba(255,255,255,.26); }

/* ---------- Rótulo de seção "Cardápio" (antiga barra verde) ---------- */
#main_menu h2.inner{
  display: inline-block;
  background: linear-gradient(135deg, var(--mz-green) 0%, var(--mz-green-d) 100%) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 11px 26px !important;
  font-size: 16px !important; font-weight: 800 !important;
  letter-spacing: .4px; text-transform: uppercase;
  box-shadow: 0 8px 22px rgba(31,170,89,.32);
  margin: 4px auto 22px !important;
}
#main_menu h2.inner i{ display:none; }

/* ---------- Navegação de categorias: contagem como pílula ---------- */
#cat_nav li{ margin-bottom: 4px; }
#cat_nav li a span{
  margin-left: auto;
  background: rgba(31,170,89,.12);
  color: var(--mz-green-d) !important;
  font-size: 12px; font-weight: 700;
  padding: 2px 9px; border-radius: 999px;
}
#cat_nav li a img,
#cat_nav li a figure{
  width: 30px !important; height: 30px !important;
  border-radius: 8px; object-fit: cover; margin: 0 !important;
}

/* ---------- Cards de produto: preço/Ver Valores como pílula ---------- */
.cart-list td[data-toggle="modal"] strong{
  background: rgba(31,170,89,.10);
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 14px !important;
  bottom: 14px !important;
}
.cart-list td[data-toggle="modal"]::after{   /* afordância de "adicionar" */
  content: "+";
  position: absolute; top: 14px; right: 14px;
  width: 26px; height: 26px; line-height: 24px; text-align: center;
  border-radius: 50%;
  background: var(--mz-green); color:#fff; font-weight: 800; font-size: 18px;
  box-shadow: 0 4px 12px rgba(31,170,89,.35);
  opacity: 0; transform: scale(.7); transition: .18s;
}
.cart-list > tbody > tr:hover td[data-toggle="modal"]::after{ opacity: 1; transform: scale(1); }

/* Sem foto: o texto ocupa toda a largura, mas mantém respiro à direita */
.cart-list td[data-toggle="modal"] h5{ padding-right: 34px; }

/* ---------- Sticky sidebars com respiro do topo ---------- */
.theiaStickySidebar{ padding-top: 0 !important; }
#sidebar #cart_box, .col-md-3 .box_style_1{ position: relative; }

/* ---------- Banner promocional: cantos arredondados ---------- */
#main_menu a > img, #main_menu .banner img, .box_style_2 > center > a > img{
  border-radius: 14px !important;
  box-shadow: var(--mz-shadow-sm);
}

/* ---------- Scrollbar discreta (desktop) ---------- */
@media (min-width: 992px){
  *{ scrollbar-width: thin; scrollbar-color: #c8cfd8 transparent; }
}

/* ---------- Refinos mobile v2 ---------- */
@media (max-width: 767px){
  #subheader #thumb{ width: 100px !important; height: 100px !important; }
  #subheader h1{ font-size: 24px; }
  #main_menu h2.inner{ padding: 9px 20px !important; font-size: 14px !important; }
  .cart-list td[data-toggle="modal"]::after{ opacity: 1; transform: scale(1); } /* sempre visível no toque */
}

/* ============================================================
   MODERN.CSS v3 — Checkout + Painel Admin
   (formulários, tabelas, botões e títulos no mesmo tema verde)
   ============================================================ */

/* ---------- Campos de formulário (checkout e admin) ---------- */
.form-control{
  border: 1.5px solid var(--mz-line) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  height: auto !important;
  box-shadow: none !important;
  transition: border-color .15s, box-shadow .15s;
  color: var(--mz-text);
}
.form-control:focus{
  border-color: var(--mz-green) !important;
  box-shadow: 0 0 0 3px rgba(31,170,89,.15) !important;
}
.form-group{ margin-bottom: 14px; }
.form-group label,
.form-control-label{
  font-weight: 600; color: var(--mz-text);
  margin-bottom: 5px; display: inline-block; font-size: 14px;
}
textarea.form-control{ min-height: 90px; }

/* select2 / dropdown de bairros */
.select2-container--default .select2-selection--single,
.js-example-basic-single + .select2 .select2-selection{
  border: 1.5px solid var(--mz-line) !important;
  border-radius: 10px !important;
  height: 44px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 42px !important;
}

/* Cabeçalho de seção do checkout */
#order_process > div:first-child{
  color: var(--mz-green-d) !important;
  border-bottom: 1px solid var(--mz-line);
  padding-bottom: 10px; margin-bottom: 14px;
}

/* ---------- Botões (global, suave: mantém as cores, moderniza forma) ---------- */
.btn{
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: transform .1s, box-shadow .15s, background .15s, filter .15s;
}
.btn:hover{ filter: brightness(.97); }
.btn-success{ background: var(--mz-green) !important; border-color: var(--mz-green) !important; }
.btn-success:hover{ background: var(--mz-green-d) !important; }
.btn-lg{ padding: 12px 22px !important; }

/* Botão de pagamento (MercadoPago / Pagar online) */
.mercadopago-button, .btn_pay_mp, #btn_pay_mp{
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
}

/* ---------- Painel Admin ---------- */
/* Wrapper das páginas internas */
.container.margin_60{
  background: var(--mz-card) !important;
  border-radius: var(--mz-radius) !important;
  box-shadow: var(--mz-shadow) !important;
  padding: 26px !important;
  margin-top: 26px !important; margin-bottom: 26px !important;
}

/* Título da página interna */
.indent_title_in{
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px;
  border-bottom: 1px solid var(--mz-line);
  padding-bottom: 16px; margin-bottom: 22px;
}
.indent_title_in i{
  background: linear-gradient(135deg, var(--mz-green), var(--mz-green-d));
  color: #fff; width: 46px; height: 46px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px; font-size: 20px;
  box-shadow: 0 6px 16px rgba(31,170,89,.30);
}
.indent_title_in h1, .indent_title_in h3{
  font-weight: 800; letter-spacing: -.4px; margin: 0; font-size: 22px;
}
/* parágrafos de descrição/instruções ocupam a linha inteira (não viram colunas) */
.indent_title_in p, .indent_title_in .description{
  flex: 0 0 100%; width: 100%; max-width: 100%;
  color: var(--mz-muted); margin: 2px 0 0; font-size: 14px; line-height: 1.5;
}

/* Cards de estatística */
.card-counter{
  border-radius: var(--mz-radius) !important;
  box-shadow: var(--mz-shadow-sm) !important;
  border: 1px solid var(--mz-line) !important;
  transition: transform .15s, box-shadow .15s;
}
.card-counter:hover{ transform: translateY(-3px); box-shadow: var(--mz-shadow) !important; }

/* Tabelas do admin (sem afetar o cardápio .cart-list) */
.container.margin_60 .table:not(.cart-list){
  border-radius: 12px; overflow: hidden;
  border: 1px solid var(--mz-line);
}
.container.margin_60 .table:not(.cart-list) thead th{
  background: #f7f9fb !important;
  color: var(--mz-muted) !important;
  text-transform: uppercase; font-size: 12px; letter-spacing: .5px;
  border-bottom: 1px solid var(--mz-line) !important;
}
.container.margin_60 .table:not(.cart-list) tbody td{
  vertical-align: middle; border-color: var(--mz-line) !important;
}
.container.margin_60 .table-striped:not(.cart-list) tbody tr:nth-child(odd){
  background: #fafbfc !important;
}

/* Painéis/accordions do admin */
.container.margin_60 .panel{
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius-sm) !important;
  box-shadow: none !important;
}

/* ---------- Refinos mobile v3 ---------- */
@media (max-width: 767px){
  .container.margin_60{ padding: 16px !important; border-radius: 14px !important; }
  .indent_title_in h1, .indent_title_in h3{ font-size: 18px; }
  .indent_title_in i{ width: 40px; height: 40px; font-size: 17px; }
}

/* ============================================================
   MODERN.CSS v4 — Admin: botão primário + upload de imagem
   (unifica .btn_1 e a zona de envio de imagem no tema verde)
   ============================================================ */

/* Botão primário do tema (era roxo/preto) -> verde */
.btn_1, a.btn_1, input.btn_1, button.btn_1{
  background: var(--mz-green) !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  font-weight:700 !important;
  padding:11px 24px !important;
  box-shadow:0 6px 16px rgba(31,170,89,.3) !important;
  transition:background .2s, transform .1s;
}
.btn_1:hover, a.btn_1:hover, input.btn_1:hover, button.btn_1:hover{
  background: var(--mz-green-d) !important; transform:translateY(-1px);
}

/* Botões pretos/escuros de ação no admin -> verde */
.btn-dark, .btn-inverse, .btn-default.btn-black{
  background: var(--mz-green) !important; border-color: var(--mz-green) !important; color:#fff !important;
}

/* Zona de envio de imagem (era vermelha) -> verde */
.menu-item-pic .box{
  border-color: var(--mz-green) !important;
  border-radius:16px !important;
}
.inputfile-4 + label{ color: var(--mz-green-d) !important; }
.inputfile-4 + label figure{ background-color: var(--mz-green) !important; }
.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure{ background-color: var(--mz-green-d) !important; }
.inputfile-4 + label:hover{ color: var(--mz-green-d) !important; }

/* Caixa de "dias da semana" / chips */
.strip_menu_items, .menu-item-pic{ }
select.form-control{ background-color:#fff; }

/* ============================================================
   MODERN.CSS v6 — correções do cardápio
   (banner arredondado, caixa do carrinho arredondada,
    card de produto em coluna com preço sem sobrepor o texto)
   ============================================================ */

/* Banner promocional -> cantos arredondados */
.col-md-6 > img[src*="uploads"]{
  border-radius:16px !important;
  box-shadow: var(--mz-shadow-sm);
  margin-bottom:18px !important;
}

/* Caixa "SEU PEDIDO" (carrinho) -> card arredondado */
#cart_box{
  background:#fff !important;
  border:1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  box-shadow: var(--mz-shadow) !important;
  padding:20px !important;
}

/* Card de produto: thumb à esquerda (absoluta), conteúdo empilhado,
   preço no fluxo normal (não sobrepõe mais a descrição) */
.cart-list > tbody > tr > td[data-toggle="modal"]{
  display:block !important;
  position:relative;
  padding:16px !important;
  min-height:auto;
}
.cart-list > tbody > tr > td[data-toggle="modal"]:has(.thumb_menu_list){
  padding-left:122px !important;
  min-height:116px;
}
.cart-list td[data-toggle="modal"] .thumb_menu_list{
  position:absolute !important; left:16px; top:16px;
  width:90px !important; height:90px !important; margin:0 !important;
}
.cart-list td[data-toggle="modal"] h5{
  margin:0 0 5px !important; padding-right:30px;
}
.cart-list td[data-toggle="modal"] p{
  display:-webkit-box !important;
  -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  margin:0 0 10px !important;
}
.cart-list td[data-toggle="modal"] strong{
  position:static !important; float:none !important;
  right:auto !important; bottom:auto !important;
  display:inline-block;
  background:rgba(31,170,89,.10);
  color:var(--mz-green-d) !important;
  padding:5px 12px; border-radius:999px;
  font-size:14px !important; font-weight:800;
}

/* ============================================================
   MODERN.CSS v8 — Cabeçalho do sistema (cardápio, checkout e admin)
   Remove o ícone de casa e centraliza o menu (Início … Sair).
   Só no desktop; no mobile mantém o menu lateral (hambúrguer).
   ============================================================ */
@media (min-width: 992px){
  /* esconde o ícone de casa (logo) e a logo interna do menu */
  header .col--md-4,
  header #logo{ display:none !important; }
  header #header_menu{ display:none !important; }

  /* nav ocupa a largura toda e centraliza o menu */
  header nav.col--md-8{
    width:100% !important; max-width:100% !important;
    float:none !important; text-align:center !important;
  }
  header .main-menu{
    float:none !important; display:inline-block !important;
    width:auto !important; text-align:center;
  }
  header .main-menu > ul{
    display:inline-block !important; margin:0 auto !important;
  }
  header .main-menu > ul > li{
    float:none !important; display:inline-block !important; vertical-align:middle;
  }
}

/* ============================================================
   MODERN.CSS v10 — Seta "voltar à página principal" (cardápio)
   ============================================================ */
header{ position:relative; }
#mz-back-home{
  position:absolute; left:18px; top:50%; transform:translateY(-50%);
  z-index:30;
  width:42px; height:42px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.25);
  transition:background .2s, transform .1s;
}
#mz-back-home:hover{ background:rgba(255,255,255,.30); transform:translateY(-50%) translateX(-2px); }
#mz-back-home svg{ display:block; }
/* não aparece nas páginas internas do admin (lá o menu já tem "Início") */
header[style*="background"] #mz-back-home{ display:none !important; }