@charset "UTF-8";
/* YOUR CUSTOM CSS */


@media (min-width: 768px) {
	.omb_row-sm-offset-3 div:first-child[class*="col-"] {
		margin-left: 25%;
	}
}

.omb_login .omb_authTitle {
	text-align: center;
	line-height: 300%;
}

.omb_login .omb_socialButtons a {
	color: white; // In yourUse @body-bg 
	opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
	color: white;
	opacity:1;    	
}

.omb_login .omb_loginOr {
	position: relative;
	font-size: 1.5em;
	color: #aaa;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
	display: block;
	position: absolute;
	left: 50%;
	top: -0.6em;
	margin-left: -1.5em;
	background-color: white;
	width: 3em;
	text-align: center;
}			

.omb_login .omb_loginForm .input-group.i {
	width: 2em;
}
.omb_login .omb_loginForm  .help-block {
	color: red;
}


@media (min-width: 768px) {
	.omb_login .omb_forgotPwd {
		text-align: right;
		margin-top:10px;
	}		
}

#whatsapp{
	position:fixed;
	width:60px;
	height:60px;
	right:10px;
	bottom:10px;
	display:block;
	z-index:1000000;
}
.cart-count{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background: #ff2646;
	color: #fff;
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 10px;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	z-index: 10;
	text-align: center;
	opacity: 1;
	transition: .33s cubic-bezier(0.34, 0.13, 0.34, 1.43);
}


/*--thank you pop starts here--*/
.thank-you-pop{
	width:100%;
	padding:20px;
	text-align:center;
}
.thank-you-pop img{
	width:76px;
	height:auto;
	margin:0 auto;
	display:block;
	margin-bottom:25px;
}

.thank-you-pop h1{
	font-size: 42px;
	margin-bottom: 25px;
	color:#5C5C5C;
}
.thank-you-pop p{
	font-size: 20px;
	margin-bottom: 27px;
	color:#5C5C5C;
}
.thank-you-pop h3.cupon-pop{
	font-size: 25px;
	margin-bottom: 40px;
	color:#222;
	display:inline-block;
	text-align:center;
	padding:10px 20px;
	border:2px dashed #222;
	clear:both;
	font-weight:normal;
}
.thank-you-pop h3.cupon-pop span{
	color:#03A9F4;
}
.thank-you-pop a{
	display: inline-block;
	margin: 0 auto;
	padding: 9px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #8BC34A;
	border-radius: 17px;
}
.thank-you-pop a i{
	margin-right:5px;
	color:#fff;
}
#ignismyModal .modal-header{
	border:0px;
}
/*--thank you pop ends here--*/


/* =========================
   CORREÇÃO MENU SUPERIOR
========================= */

/* barra verde do topo */
header,
.header_sticky,
.navbar,
#header_menu {
    background: #050505 !important;
}

/* menu principal */
.main-menu {
    float: none !important;
    display: inline-block !important;
    margin-top: 0 !important;
}

/* links do menu */
.main-menu > ul > li > a {
    color: #ffcc00 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    text-shadow: none !important;
}

/* hover */
.main-menu > ul > li > a:hover {
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* remove botão mobile / X vermelho / ícone duplicado */
.cmn-toggle-switch,
.cmn-toggle-switch__htx,
.cmn-toggle-switch__htx.active,
.layer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* remove espaço estranho do botão mobile */
#header_menu {
    padding: 0 !important;
}

/* evita menu quebrado em duas linhas com espaço grande */
.main-menu ul li {
    display: inline-block !important;
}

/* REMOVE DEFINITIVO DO X / BOTÃO MOBILE DO MENU */
button.cmn-toggle-switch,
.cmn-toggle-switch,
.cmn-toggle-switch__htx,
.cmn-toggle-switch__htx.active,
.cmn-toggle-switch span,
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after,
.cmn-toggle-switch__htx.active span,
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* remove espaço reservado do botão */
#header_menu .cmn-toggle-switch,
header .cmn-toggle-switch,
.navbar .cmn-toggle-switch {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* =====================================================
   NOVA EXIBIÇÃO DO MENU SUPERIOR - TURMA DO RANGO
===================================================== */

/* topo/menu geral */
header,
.header_sticky,
.navbar,
#header_menu {
    background: #050505 !important;
    min-height: 46px !important;
}

/* remove totalmente botão mobile, x vermelho e camada escura */
.cmn-toggle-switch,
.cmn-toggle-switch__htx,
.cmn-toggle-switch__htx.active,
.cmn-toggle-switch span,
.cmn-toggle-switch span:before,
.cmn-toggle-switch span:after,
.cmn-toggle-switch__htx.active span,
.cmn-toggle-switch__htx.active span:before,
.cmn-toggle-switch__htx.active span:after,
.layer,
.layer-is-visible {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* menu sempre visível em linha */
.main-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    overflow: visible !important;
    float: none !important;
    text-align: center !important;
    box-shadow: none !important;
}

/* lista principal */
.main-menu > ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* itens */
.main-menu > ul > li {
    display: inline-flex !important;
    border: none !important;
    background: transparent !important;
}

/* links */
.main-menu > ul > li > a {
    display: block !important;
    color: #ffcc00 !important;
    padding: 12px 13px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    background: transparent !important;
    border-radius: 4px !important;
}

/* ao passar o mouse */
.main-menu > ul > li > a:hover {
    color: #ffffff !important;
    background: rgba(0,0,0,0.15) !important;
    box-shadow: none !important;
}

/* submenus */
.main-menu ul ul {
    background: #1b1b1b !important;
    border: 1px solid #333 !important;
    min-width: 190px !important;
    text-align: left !important;
}

/* links dos submenus */
.main-menu ul ul li a {
    color: #ffffff !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
}

/* hover submenu */
.main-menu ul ul li a:hover {
    color: #ffcc00 !important;
    background: #2a2a2a !important;
}

/* mobile/tablet: mantém o menu aberto e organizado */
@media only screen and (max-width: 991px) {
    .main-menu {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        height: auto !important;
        background: #050505 !important;
        padding: 0 !important;
    }

    .main-menu > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .main-menu > ul > li {
        display: inline-flex !important;
        width: auto !important;
    }

    .main-menu > ul > li > a {
        padding: 10px 9px !important;
        font-size: 12px !important;
        color: #ffcc00 !important;
    }

    #header_menu {
        padding: 0 !important;
        background: #050505 !important;
    }
}

/* =====================================================
   REMOVER CASINHA DUPLICADA + X VERMELHO DO MENU MOBILE
===================================================== */

/* remove a área do cabeçalho mobile que está criando a segunda casinha */
#header_menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* remove qualquer imagem/ícone dentro do header_menu */
#header_menu img,
#header_menu i,
#header_menu a {
    display: none !important;
}

/* remove definitivamente o botão que gera o X vermelho */
button.cmn-toggle-switch,
.cmn-toggle-switch,
.cmn-toggle-switch__htx,
.cmn-toggle-switch__htx.active,
.cmn-toggle-switch span,
.cmn-toggle-switch span:before,
.cmn-toggle-switch span:after,
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after,
.cmn-toggle-switch__htx.active span,
.cmn-toggle-switch__htx.active span:before,
.cmn-toggle-switch__htx.active span:after,
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -99999px !important;
    top: -99999px !important;
}

/* remove camada escura do menu mobile */
.layer,
.layer-is-visible {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* mantém somente o menu principal visível */
.main-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}


/* =========================================================
   TURMA DO RANGO - IDENTIDADE VISUAL DO CLIENTE
   Cores principais: preto, amarelo e branco.
   Promoções permanecem vermelhas para destaque.
   ========================================================= */
:root{
  --tdr-preto:#050505;
  --tdr-preto-2:#111111;
  --tdr-preto-3:#1b1b1b;
  --tdr-amarelo:#ffcc00;
  --tdr-amarelo-2:#ffd84a;
  --tdr-branco:#ffffff;
  --tdr-texto:#f7f7f7;
  --tdr-vermelho-promo:#e53935;
  --tdr-vermelho-promo-2:#b71c1c;
}

/* Fundo e topo do site do cliente */
body{
  background: radial-gradient(circle at top, #2a2100 0%, #080808 38%, #000000 100%) !important;
  color: var(--tdr-texto) !important;
}

header,
.header_sticky,
header.sticky,
.navbar,
#header_menu{
  background: linear-gradient(180deg, #111111 0%, #000000 100%) !important;
  border-bottom: 3px solid var(--tdr-amarelo) !important;
}

/* Logo no topo */
#logo img,
.logo img,
.logo_sticky img,
header img[src*="logo"],
header img[src*="Logo"]{
  max-height: 78px !important;
  object-fit: contain !important;
}

/* Links, títulos e destaques */
a,
h1, h2, h3, h4, h5, h6,
label,
.main_title h2,
.nomargin_top,
.menu-card-title,
.restaurant_name{
  color: var(--tdr-amarelo) !important;
}

a:hover,
a:focus{
  color: var(--tdr-branco) !important;
}

/* Menu principal */
.main-menu > ul > li > a{
  color: var(--tdr-amarelo) !important;
  font-weight: 700 !important;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li > a:focus{
  background: var(--tdr-amarelo) !important;
  color: #000 !important;
  border-radius: 8px !important;
}

/* Cards do cardápio, carrinho e caixas */
.box_style_1,
.box_style_2,
.menu-card,
.modal-content,
.qty-box,
.size-box,
.size-choice-card,
.addons-info-box,
.modal-item-header,
#cart_box,
#cart_box_mobile{
  background: linear-gradient(180deg, var(--tdr-preto-2) 0%, var(--tdr-preto-3) 100%) !important;
  color: var(--tdr-branco) !important;
  border: 1px solid rgba(255,204,0,.35) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
}

/* Cabeçalhos internos */
.box_style_2 h2.inner,
.box_style_1 h3.inner,
.strip_list h3,
.modal-header{
  background: linear-gradient(180deg, #1b1b1b 0%, #000 100%) !important;
  color: var(--tdr-amarelo) !important;
  border-bottom: 2px solid var(--tdr-amarelo) !important;
}

/* Botões principais */
a.btn_1,
.btn_1,
a.btn_full,
.btn_full,
#btn-adicionar-item,
#cart_box a.btn_full,
#cart_box .btn_full,
button[type="submit"],
input[type="submit"]{
  background: linear-gradient(180deg, var(--tdr-amarelo-2) 0%, var(--tdr-amarelo) 100%) !important;
  color: #000 !important;
  border: 0 !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 14px rgba(255,204,0,.22) !important;
}

a.btn_1:hover,
.btn_1:hover,
a.btn_full:hover,
.btn_full:hover,
#btn-adicionar-item:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  background: #fff !important;
  color: #000 !important;
}

/* Preços e itens */
.price,
.item_price,
.sz-price,
.menu-card-price,
.total,
#total,
.cart-count{
  color: var(--tdr-amarelo) !important;
}

.menu-card-desc,
.size-desc-line,
.size-desc-list,
p,
small{
  color: #f2f2f2;
}

/* Categorias e filtros */
ul#cat_nav li a,
.sidebar-categorias a,
.nav-tabs > li > a{
  background: #111 !important;
  color: var(--tdr-branco) !important;
  border: 1px solid rgba(255,204,0,.30) !important;
}

ul#cat_nav li a.active,
ul#cat_nav li a:hover,
.sidebar-categorias a:hover,
.nav-tabs > li.active > a{
  background: var(--tdr-amarelo) !important;
  color: #000 !important;
}

/* Inputs */
input,
select,
textarea,
.form-control{
  background: #fff !important;
  color: #111 !important;
  border: 1px solid rgba(255,204,0,.70) !important;
}

/* Promoções continuam vermelhas */
.promo-ribbon,
.promocao,
.promocao-badge,
.badge-promo,
.promo-badge,
.label-promo,
.tag-promo{
  background: var(--tdr-vermelho-promo) !important;
  color: #fff !important;
}

.promo-ribbon::after{
  border-left-color: var(--tdr-vermelho-promo-2) !important;
}

.promo-top-wrap,
.promo-list-rotativa .menu-card,
.size-box.is-promo,
.promo-list-rotativa .size-box{
  background: linear-gradient(180deg, rgba(90,10,10,.96) 0%, rgba(25,8,8,.98) 100%) !important;
  border-color: rgba(229,57,53,.75) !important;
}

.promo-top-title,
.promo-list-rotativa .menu-card-title,
.promo-list-rotativa .size-box .sz-price{
  color: var(--tdr-amarelo-2) !important;
}


/* TURMA DO RANGO - preloader preto/amarelo */
#preloader{
  background:#050505 !important;
  background-color:#050505 !important;
}
#status .sk-rect1,
#status .sk-rect2,
#status .sk-rect3,
#status .sk-rect4,
#status .sk-rect5,
.sk-spinner-wave div{
  background-color:#ffcc00 !important;
}
body.tdr-loaded #preloader{
  display:none !important;
}


/* TURMA DO RANGO - cliente limpo */
body:not(.admin-page) .main-menu > ul > li > a[href*="admin-loja"],
body:not(.admin-page) .main-menu > ul > li > a[href*="view-item"],
body:not(.admin-page) .main-menu > ul > li > a[href*="motoboy_admin"],
body:not(.admin-page) .main-menu > ul > li > a[href*="pedidos"],
body:not(.admin-page) .main-menu > ul > li > a[href*="estatisticas"],
body:not(.admin-page) .main-menu > ul > li > a[href*="login-senha"]{
  display:none !important;
}
body.tdr-site #img-head-loja{
  background-color:#000 !important;
}
body.tdr-site .container.margin_60_35,
body.tdr-site .container{
  max-width:1170px;
}








/* =========================================================
   TURMA DO RANGO - TOPO OBEDECE O BANNER DO BANCO
   O background-image vem do index.php usando ws_empresa.img_header.
   ========================================================= */
#img-head-loja,
body.tdr-site #img-head-loja,
section.parallax-window{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: relative;
  overflow: hidden;
}

#img-head-loja{
  min-height: 370px !important;
}

#img-head-loja #subheader,
section.parallax-window #subheader{
  background: transparent !important;
}

@media (max-width: 991px){
  #img-head-loja,
  body.tdr-site #img-head-loja,
  section.parallax-window{
    min-height: 320px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}


/* =========================================================
   TURMA DO RANGO - CORREÇÃO GERAL DE VISIBILIDADE DO PAINEL
   Corrige textos claros demais, tabelas apagadas e inputs.
   ========================================================= */

/* Fundo principal do painel admin */
body,
body.tdr-site,
.container.margin_60,
.container.margin_60_35 {
  color: #f7f7f7 !important;
}

/* Área branca do sistema/admin deve ter texto escuro */
div[style*="background-color:#ffffff"],
div[style*="background-color: #ffffff"],
.container[style*="background-color:#ffffff"],
.container[style*="background-color: #ffffff"],
section[id^="section-"],
.wrapper_indent,
.box_style_2:not(.tdr-logo-banner-unico) {
  color: #222 !important;
}

/* Títulos do painel */
.indent_title_in h3,
.indent_title_in p,
.wrapper_indent label,
.wrapper_indent p,
.wrapper_indent span,
.wrapper_indent small,
.form-group label {
  color: #333 !important;
}

/* Mantém títulos amarelos onde o tema usa destaque */
.indent_title_in h3,
h2.inner,
h3.inner {
  color: #ffcc00 !important;
}

/* Tabela Meus Itens */
.table,
.table-responsive,
table {
  color: #222 !important;
  background: #fff !important;
}

.table thead th,
table thead th,
.table > thead > tr > th {
  color: #222 !important;
  background: #f7f7f7 !important;
  border-bottom: 2px solid #ddd !important;
  font-weight: 700 !important;
}

.table tbody tr,
table tbody tr,
.table > tbody > tr {
  background: #fff !important;
  color: #222 !important;
  opacity: 1 !important;
}

.table tbody tr:nth-child(even),
table tbody tr:nth-child(even) {
  background: #f9f9f9 !important;
}

.table tbody td,
table tbody td,
.table > tbody > tr > td {
  color: #222 !important;
  opacity: 1 !important;
  background: transparent !important;
  border-top: 1px solid #ddd !important;
}

/* Força textos internos da tabela */
.table td *,
.table th *,
table td *,
table th * {
  color: inherit !important;
  opacity: 1 !important;
}

/* Campos de busca, inputs e selects */
input,
select,
textarea,
.form-control {
  color: #111 !important;
  background-color: #fff !important;
  border: 1px solid #ffcc00 !important;
  opacity: 1 !important;
}

input::placeholder,
textarea::placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

/* Botões */
.btn,
.btn_1,
button,
input[type="submit"] {
  opacity: 1 !important;
}

.btn_1,
.btn-warning,
button[type="submit"] {
  background: #ffcc00 !important;
  color: #111 !important;
  border-color: #e0b200 !important;
  font-weight: 700 !important;
}

/* Botões editar/excluir mantêm cores fortes */
.btn-primary,
.btn-info {
  color: #fff !important;
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

.btn-success {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

/* Toggle ON/OFF */
.toggle,
.toggle-group,
.toggle-on,
.toggle-off {
  opacity: 1 !important;
}

.toggle-on {
  color: #fff !important;
  background: #56b9ad !important;
}

.toggle-off {
  color: #fff !important;
  background: #333 !important;
}

/* Imagens de itens */
.table img,
table img {
  opacity: 1 !important;
  filter: none !important;
}

/* Corrige camada cinza ou transparência indevida em páginas admin */
#sendempresa,
#section-1,
#section-2,
#section-3,
#section-4,
#section-5,
#section-6 {
  opacity: 1 !important;
}

/* Específico da página Meus Itens */
body .container.margin_60 table tr td:nth-child(2),
body .container.margin_60 table tr td:nth-child(3),
body .container.margin_60 table tr td:nth-child(4),
body .container.margin_60 table tr td:nth-child(5),
body .container.margin_60 table tr td:nth-child(6) {
  color: #222 !important;
  font-weight: 500 !important;
}

/* Observações em vermelho continuam visíveis */
p[style*="color:red"],
span[style*="color:red"],
font[color="red"] {
  color: #ff0000 !important;
  opacity: 1 !important;
}

/* Menu superior */
header,
.main-menu,
.main-menu ul li a {
  opacity: 1 !important;
}

.main-menu ul li a {
  color: #ffcc00 !important;
  text-shadow: none !important;
}

/* Modal e alertas */
.modal-content,
.swal2-popup,
.sweet-alert {
  color: #222 !important;
  opacity: 1 !important;
}

.alert {
  opacity: 1 !important;
}

/* Corrige qualquer texto que tenha ficado com opacity baixa */
[style*="opacity: 0"],
[style*="opacity:0"] {
  opacity: 1 !important;
}

/* Evita textos brancos em fundo branco nas páginas internas */
.container.margin_60 p,
.container.margin_60 label,
.container.margin_60 span,
.container.margin_60 td,
.container.margin_60 th,
.container.margin_60 li {
  opacity: 1 !important;
}



/* =========================================================
   TURMA DO RANGO - ITENS NORMAIS COM CORES DAS PROMOÇÕES
   Fundo preto, texto igual ao estilo das promoções.
   Não altera o menu.
   Não altera o bloco das promoções.
   ========================================================= */

:root{
  --tdr-preto-card:#080808;
  --tdr-preto-card-2:#111111;
  --tdr-amarelo:#ffcc00;
  --tdr-branco:#ffffff;
  --tdr-borda:#d4aa00;
}

/* Cards normais do cardápio (fora das promoções) */
body .container #item-cardapio .strip_list,
body .container #item-cardapio .menu-item,
body .container #item-cardapio .item-cardapio,
body .container #item-cardapio .item-menu,
body .container #item-cardapio .produto-card,
body .container #item-cardapio .product-card,
body .container #item-cardapio .list_item,
body .container .lista_itens .strip_list,
body .container .lista_itens .menu-item,
body .container .lista_itens .item-cardapio,
body .container .lista_itens .item-menu,
body .container .lista_itens .produto-card,
body .container .lista_itens .product-card,
body .container .lista_itens .list_item,
body .container section:not([id*="promoc"]) .strip_list,
body .container section:not([id*="promoc"]) .menu-item,
body .container section:not([id*="promoc"]) .item-cardapio,
body .container section:not([id*="promoc"]) .item-menu,
body .container section:not([id*="promoc"]) .produto-card,
body .container section:not([id*="promoc"]) .product-card,
body .container section:not([id*="promoc"]) .list_item {
  background: linear-gradient(180deg,var(--tdr-preto-card-2) 0%, var(--tdr-preto-card) 100%) !important;
  background-image: none !important;
  border: 1px solid var(--tdr-borda) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.25) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Áreas internas dos cards */
body .container #item-cardapio .strip_list > div,
body .container #item-cardapio .menu-item > div,
body .container #item-cardapio .item-cardapio > div,
body .container #item-cardapio .item-menu > div,
body .container #item-cardapio .produto-card > div,
body .container #item-cardapio .product-card > div,
body .container #item-cardapio .list_item > div,
body .container .lista_itens .strip_list > div,
body .container .lista_itens .menu-item > div,
body .container .lista_itens .item-cardapio > div,
body .container .lista_itens .item-menu > div,
body .container .lista_itens .produto-card > div,
body .container .lista_itens .product-card > div,
body .container .lista_itens .list_item > div {
  background: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Tudo dentro do card visível */
body .container #item-cardapio .strip_list *,
body .container #item-cardapio .menu-item *,
body .container #item-cardapio .item-cardapio *,
body .container #item-cardapio .item-menu *,
body .container #item-cardapio .produto-card *,
body .container #item-cardapio .product-card *,
body .container #item-cardapio .list_item *,
body .container .lista_itens .strip_list *,
body .container .lista_itens .menu-item *,
body .container .lista_itens .item-cardapio *,
body .container .lista_itens .item-menu *,
body .container .lista_itens .produto-card *,
body .container .lista_itens .product-card *,
body .container .lista_itens .list_item * {
  opacity: 1 !important;
  visibility: visible !important;
}

/* NOME DO ITEM - amarelo igual promo */
body .container #item-cardapio .strip_list h1,
body .container #item-cardapio .strip_list h2,
body .container #item-cardapio .strip_list h3,
body .container #item-cardapio .strip_list h4,
body .container #item-cardapio .strip_list h5,
body .container #item-cardapio .menu-item h1,
body .container #item-cardapio .menu-item h2,
body .container #item-cardapio .menu-item h3,
body .container #item-cardapio .menu-item h4,
body .container #item-cardapio .menu-item h5,
body .container #item-cardapio .item-cardapio h1,
body .container #item-cardapio .item-cardapio h2,
body .container #item-cardapio .item-cardapio h3,
body .container #item-cardapio .item-cardapio h4,
body .container #item-cardapio .item-cardapio h5,
body .container #item-cardapio .item-menu h1,
body .container #item-cardapio .item-menu h2,
body .container #item-cardapio .item-menu h3,
body .container #item-cardapio .item-menu h4,
body .container #item-cardapio .item-menu h5,
body .container #item-cardapio .produto-card h1,
body .container #item-cardapio .produto-card h2,
body .container #item-cardapio .produto-card h3,
body .container #item-cardapio .produto-card h4,
body .container #item-cardapio .produto-card h5,
body .container #item-cardapio .product-card h1,
body .container #item-cardapio .product-card h2,
body .container #item-cardapio .product-card h3,
body .container #item-cardapio .product-card h4,
body .container #item-cardapio .product-card h5,
body .container #item-cardapio .nome_produto,
body .container #item-cardapio .nome-item,
body .container #item-cardapio .nome_item,
body .container #item-cardapio .title-item,
body .container #item-cardapio .title_item,
body .container .lista_itens h1,
body .container .lista_itens h2,
body .container .lista_itens h3,
body .container .lista_itens h4,
body .container .lista_itens h5 {
  color: var(--tdr-amarelo) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px #000 !important;
}

/* DESCRIÇÃO - branca */
body .container #item-cardapio .strip_list p,
body .container #item-cardapio .menu-item p,
body .container #item-cardapio .item-cardapio p,
body .container #item-cardapio .item-menu p,
body .container #item-cardapio .produto-card p,
body .container #item-cardapio .product-card p,
body .container #item-cardapio .descricao,
body .container #item-cardapio .descricao_produto,
body .container #item-cardapio .desc_produto,
body .container #item-cardapio .desc-item,
body .container #item-cardapio .desc_item,
body .container .lista_itens p,
body .container .lista_itens .descricao,
body .container .lista_itens .descricao_produto {
  color: var(--tdr-branco) !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px #000 !important;
}

/* CAIXA DO VALOR - preta com borda amarela */
body .container #item-cardapio [class*="valor"],
body .container #item-cardapio [class*="Valor"],
body .container #item-cardapio [class*="preco"],
body .container #item-cardapio [class*="Preco"],
body .container #item-cardapio [class*="price"],
body .container #item-cardapio [class*="Price"],
body .container .lista_itens [class*="valor"],
body .container .lista_itens [class*="Valor"],
body .container .lista_itens [class*="preco"],
body .container .lista_itens [class*="Preco"],
body .container .lista_itens [class*="price"],
body .container .lista_itens [class*="Price"] {
  background: transparent !important;
  border-color: var(--tdr-borda) !important;
}

/* TAMANHOS, VALOR e PREÇO - amarelo */
body .container #item-cardapio span,
body .container #item-cardapio strong,
body .container #item-cardapio b,
body .container .lista_itens span,
body .container .lista_itens strong,
body .container .lista_itens b,
body .container #item-cardapio .tamanho,
body .container #item-cardapio .tamanho_nome,
body .container #item-cardapio .nome_tamanho,
body .container #item-cardapio .size,
body .container #item-cardapio .size-name,
body .container #item-cardapio .opcao,
body .container #item-cardapio .opcao_nome,
body .container #item-cardapio .price,
body .container #item-cardapio .preco,
body .container #item-cardapio .valor,
body .container #item-cardapio .valor_produto,
body .container #item-cardapio .price_list,
body .container #item-cardapio .item-price,
body .container #item-cardapio .preco_produto,
body .container .lista_itens .tamanho,
body .container .lista_itens .tamanho_nome,
body .container .lista_itens .nome_tamanho,
body .container .lista_itens .size,
body .container .lista_itens .size-name,
body .container .lista_itens .opcao,
body .container .lista_itens .opcao_nome,
body .container .lista_itens .price,
body .container .lista_itens .preco,
body .container .lista_itens .valor,
body .container .lista_itens .valor_produto,
body .container .lista_itens .price_list,
body .container .lista_itens .item-price,
body .container .lista_itens .preco_produto {
  color: var(--tdr-amarelo) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px #000 !important;
}

/* Tudo dentro da caixa de preço herda amarelo */
body .container #item-cardapio [class*="valor"] *,
body .container #item-cardapio [class*="preco"] *,
body .container #item-cardapio [class*="price"] *,
body .container .lista_itens [class*="valor"] *,
body .container .lista_itens [class*="preco"] *,
body .container .lista_itens [class*="price"] * {
  color: var(--tdr-amarelo) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px #000 !important;
}

/* Se houver cor preta inline, corrige */
body .container #item-cardapio [style*="color:#000"],
body .container #item-cardapio [style*="color: #000"],
body .container #item-cardapio [style*="color:#111"],
body .container #item-cardapio [style*="color: #111"],
body .container #item-cardapio [style*="color:#222"],
body .container #item-cardapio [style*="color: #222"],
body .container #item-cardapio [style*="color:#333"],
body .container #item-cardapio [style*="color: #333"],
body .container .lista_itens [style*="color:#000"],
body .container .lista_itens [style*="color: #000"],
body .container .lista_itens [style*="color:#111"],
body .container .lista_itens [style*="color: #111"],
body .container .lista_itens [style*="color:#222"],
body .container .lista_itens [style*="color: #222"],
body .container .lista_itens [style*="color:#333"],
body .container .lista_itens [style*="color: #333"] {
  color: var(--tdr-amarelo) !important;
  opacity: 1 !important;
}

/* Mas descrição inline continua branca */
body .container #item-cardapio p[style*="color"],
body .container .lista_itens p[style*="color"] {
  color: var(--tdr-branco) !important;
}

/* Itens apagados voltam */
body .container #item-cardapio [style*="opacity:0"],
body .container #item-cardapio [style*="opacity: 0"],
body .container .lista_itens [style*="opacity:0"],
body .container .lista_itens [style*="opacity: 0"] {
  opacity: 1 !important;
}

/* Título da categoria continua amarelo */
body .container .main_title h1,
body .container .main_title h2,
body .container .main_title h3,
body .container #item-cardapio > h1,
body .container #item-cardapio > h2,
body .container #item-cardapio > h3,
body .container .category-title,
body .container .titulo_categoria,
body .container .cat-title {
  color: var(--tdr-amarelo) !important;
  font-weight: 900 !important;
}

/* Subtítulo branco */
body .container .main_title p,
body .container .category-description,
body .container .menu-subtitle {
  color: var(--tdr-branco) !important;
}

/* FIM CORREÇÃO ITENS NORMAIS CORES PROMO FUNDO PRETO */


/* TURMA DO RANGO - mostrar botões admin no menu */
html body .main-menu > ul > li > a[href*="admin-loja"],
html body .main-menu > ul > li > a[href*="view-item"]{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#ffcc00 !important;
}