/* ====================================================================
   CSS DO SITE — Cantina Roncon (delivery)
   Editado em WooCommerce → Delivery — Cantina → Aparência; este arquivo é
   o "original" (bin/pull-css.sh traz o do painel para cá).
   Cores: variáveis globais do Elementor (--e-global-color-*). Fonte: Amatic SC.
   A ordem das regras importa (cascata) — acrescente, evite reordenar.

   FAIXAS DE TELA (as mesmas do Elementor) — use só estas:
     celular   @media (max-width: 767px)
     tablet    @media (min-width: 768px) and (max-width: 1024px)
     desktop   @media (min-width: 1025px)
   Única exceção: 1680px+ na grade de cards (4 por linha, seção 2).
   Sempre que der, prefira uma fórmula clamp() contínua a uma faixa.

   ÍNDICE
    1. Cards de pratos
    2. Grade de cards (colunas por largura de tela)
    3. Lista de dias (filtro de categorias)
    4. Popup do produto
    5. Carrinho flutuante e sacola lateral
    6. Checkout
    7. Página de obrigado
    8. Card indisponível (rótulo antigo, fora da área do botão)
    9. Login no checkout
   10. Ajustes posteriores (sacola, mensagem de entrega, rótulo)
   11. Minha conta (rastreio e avisos)
   12. Rótulo no lugar do PEDIR!
   ==================================================================== */

/* ==================================================================
   1. CARDS DE PRATOS
   ================================================================== */

/*Tamanho do botão PEDIR*/
.grid_style_1.rb_col_sm_6 a.rb_order_cart_button, .grid_style_2.rb_col_sm_6 a.rb_order_cart_button, .grid_style_3.rb_col_sm_6 a.rb_order_cart_button, .grid_style_1.rb_col_sm_6 a.add_to_cart_button, .grid_style_2.rb_col_sm_6 a.add_to_cart_button, .grid_style_3.rb_col_sm_6 a.add_to_cart_button {
min-width: 60%;
}
/*Paddings laterais dos cards*/
.rb_col_12, .rb_col_6, .rb_col_sm_6, .rb_col_md_6, .rb_col_md_2, .rb_col_md_4, .rb_col_md_3, .rb_col_md_5, .rb_col_lg_9, .rb_col_lg_8, .rb_col_xl_8, .rb_col_lg_6, .rb_col_lg_12, .rb_col_lg_4, .rb_col_xl_4, .rb_col_xl_6, .rb_col_xl_3, .rb_col_lg_3, .rb_col_lg_2, .rb_col {
    padding-right:clamp(0.313rem, 0.188rem + 0.625vw, 0.938rem);
    padding-left:clamp(0.313rem, 0.188rem + 0.625vw, 0.938rem);
}

/* Estiliza o contêiner principal do produto */
.rb_single_product_item {
    text-align: center; /* Centraliza o conteúdo dentro do contêiner */
    font-family: Amatic SC; /* Define a fonte do texto */
    background: transparent; /* Redefine o fundo do contêiner como transparente */
}

/* Remove a sombra ao passar o mouse sobre o contêiner do produto */
.rb_single_product_item:hover {
    -webkit-box-shadow: unset;
            box-shadow: unset;
}

/* Oculta os tempos de preparo e entrega, pois não são necessários neste design */
.product-tags-group-wrapper {
    display: none;
}

/* Estiliza o título do produto */
.rb_product_title {
    font-size: clamp(2.625rem, 2.196rem + 0.67vw, 3rem) !important; /* Define o tamanho da fonte responsivo */
    color: var(--e-global-color-primary) !important; /* Define a cor do texto */
    text-transform: uppercase; /* Transforma o texto em maiúsculas */
    font-weight: bold !important; /* Define a fonte como negrito */
    text-wrap: balance; /* Balanceia o texto (propriedade experimental) */
    height: calc(clamp(2.625rem, 2.196rem + 0.67vw, 3rem) * 2.4); /* Define a altura do título baseada no tamanho da fonte */
}

/* Estiliza o preço do produto */
.rb_product_price {
    font-size: clamp(2rem, 1.714rem + 0.447vw, 2.25rem); /* Define o tamanho da fonte responsivo */
    color: var(--e-global-color-secondary) !important; /* Define a cor do texto */
    font-weight: bold !important; /* Define a fonte como negrito */
    margin-bottom: 5% !important; /* Define a margem inferior responsiva */
}

/* Estiliza a área de quantidade e botão "PEDIR!" */
.item-cart-area {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* Centraliza os elementos horizontalmente */
}

/* Oculta a quantidade, pois não é necessária neste design */
.rb_quantity {
    display: none;
}

/* Estiliza o botão "PEDIR!" */
.rb_btn_fill.rb_order_button {
    background-color: var(--e-global-color-primary); /* Define a cor de fundo do botão */
    padding: clamp(0.438rem, 0.366rem + 0.112vw, 0.5rem) /*clamp(3.75rem, 3.177rem + 0.894vw, 4.25rem)*/; /* Adiciona padding interno responsivo */
    border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem); /* Arredonda as bordas do botão */
    font-size:clamp(1.5rem, 1.214rem + 0.447vw, 1.75rem); /* Define o tamanho da fonte responsivo */
    color: var(--e-global-color-2ea6b1a) !important; /* Define a cor do texto do botão */
    font-weight: bold !important; /* Define a fonte como negrito */
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%); /* Ajusta o posicionamento vertical */
}

/* Estiliza o contêiner da imagem do produto */
.rb_product_thumb {
    background: -o-linear-gradient(transparent 50%, var(--e-global-color-2ea6b1a) 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, var(--e-global-color-2ea6b1a)));
    background: linear-gradient(transparent 50%, var(--e-global-color-2ea6b1a) 50%); /* Aplica um gradiente linear à imagem */
}

/* Sombra do prato: drop-shadow acompanha o recorte da imagem (ignora a
   parte transparente), diferente de box-shadow, que sombrearia o quadrado.
   Valores: deslocamento x, deslocamento y, desfoque, cor. */
.rb_single_product_item .rb_product_thumb img {
    -webkit-filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.28));
            filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.28));
}
/* O RestroFood corta o que passa da caixa da foto (overflow: hidden), e a
   sombra ficava com um recorte reto embaixo e nas laterais — mais visível
   em tablet e celular, onde o prato ocupa a caixa toda. */
.rb_single_product_item .rb_product_top {
    overflow: visible;
}

/* Preço "A partir de" (texto do painel → aba Cardápio): prefixo menor que o valor. */
.rfebdx-a-partir {
    font-size: 0.75em;
}

/* Título entre os pratos do dia e os de "Todo dia" (texto no painel → aba
   Cardápio). Ocupa a linha inteira da grade de cards. */
.restrofood-products .rfebdx-separador-dia {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: clamp(1.5rem, 1.071rem + 0.67vw, 1.875rem) 0 clamp(2.5rem, 2.071rem + 0.67vw, 2.875rem);
    text-align: center;
}
.restrofood-products .rfebdx-separador-dia h3 {
    display: inline-block;
    margin: 0;
    padding: 0 0.6em;
    border-bottom: 2px solid var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    font-family: "Amatic SC";
    font-weight: 700;
    font-size: clamp(2.25rem, 1.821rem + 0.67vw, 2.625rem);
    line-height: 1.4;
}

/* Transição ao trocar de dia (painel → aba Cardápio): os cards entram com
   um aparecimento leve. Só opacity/transform — não recalcula o layout — e
   só para quem não pediu "reduzir movimento" no aparelho. Os atrasos
   escalonam os primeiros cards; do nono em diante entram juntos. */
@media (prefers-reduced-motion: no-preference) {
    body.rfebdx-transicao .restrofood-products > * {
        -webkit-animation: rfebdx-entrada 0.22s ease-out both;
                animation: rfebdx-entrada 0.22s ease-out both;
    }
    body.rfebdx-transicao .restrofood-products > *:nth-child(2) { -webkit-animation-delay: 0.03s; animation-delay: 0.03s; }
    body.rfebdx-transicao .restrofood-products > *:nth-child(3) { -webkit-animation-delay: 0.06s; animation-delay: 0.06s; }
    body.rfebdx-transicao .restrofood-products > *:nth-child(4) { -webkit-animation-delay: 0.09s; animation-delay: 0.09s; }
    body.rfebdx-transicao .restrofood-products > *:nth-child(n+5) { -webkit-animation-delay: 0.12s; animation-delay: 0.12s; }
}
@-webkit-keyframes rfebdx-entrada {
    from { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes rfebdx-entrada {
    from { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

/* Estiliza o conteúdo do produto */
.rb_product_content {
    background-color: var(--e-global-color-2ea6b1a); /* Define o fundo do conteúdo */
	padding:2vw!important;
    padding-top: 0 !important; /* Remove o padding superior */
    padding-bottom: 0 !important; /* Remove o padding inferior */
    border-radius: 0 0 clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem) clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem); /* Arredonda as bordas superiores */
}

/* Estilos para telas médias (tablets) */
@media (min-width: 768px) and (max-width: 1024px) {
    .rb_product_title {
        font-size: clamp(2.25rem, 1.125rem + 2.344vw, 2.625rem) !important; /* Ajusta o tamanho da fonte */
        height: calc(clamp(2.25rem, 1.125rem + 2.344vw, 2.625rem) * 2.4); /* Ajusta a altura do título */
    }

    .rb_product_price {
        font-size: clamp(1.75rem, 1rem + 1.563vw, 2rem); /* Ajusta o tamanho da fonte */
        margin-bottom: 5%!important; /* Ajusta a margem inferior */
    }

    .rb_btn_fill.rb_order_button {
        padding: clamp(0.375rem, 0.188rem + 0.391vw, 0.438rem) /*clamp(3.25rem, 1.75rem + 3.125vw, 3.75rem)*/; /* Ajusta o padding */
        border-radius: clamp(0.5rem, 0.125rem + 0.781vw, 0.625rem); /* Ajusta o arredondamento das bordas */
        font-size:clamp(1.313rem, 0.75rem + 1.172vw, 1.5rem); /* Ajusta o tamanho da fonte */
    }

    .rb_product_content {
        border-radius: 0 0 clamp(0.5rem, 0.125rem + 0.781vw, 0.625rem) clamp(0.5rem, 0.125rem + 0.781vw, 0.625rem); /* Ajusta o arredondamento das bordas */
    }
	.rb_btn_fill.rb_order_button.rb_order_cart_button {
margin-top: 0!important;
}
}

/* Estilos para telas pequenas (celulares) */
@media (max-width: 767px) {
    .rb_product_title {
        font-size: clamp(2rem, 1.821rem + 0.895vw, 2.25rem) !important; /* Ajusta o tamanho da fonte */
        height: calc(clamp(2rem, 1.821rem + 0.895vw, 2.25rem) * 2.4); /* Ajusta a altura do título */
    }

    .rb_product_price {
        font-size: clamp(1.5rem, 1.321rem + 0.895vw, 1.75rem); /* Ajusta o tamanho da fonte */
        margin-bottom:5%!important; /* Ajusta a margem inferior */
    }

    .rb_btn_fill.rb_order_button {
        padding: clamp(0.313rem, 0.268rem + 0.224vw, 0.375rem) /*clamp(3rem, 2.821rem + 0.895vw, 3.25rem)*/; /* Ajusta o padding */
        border-radius: clamp(0.375rem, 0.286rem + 0.447vw, 0.5rem); /* Ajusta o arredondamento das bordas */
        font-size:clamp(1.125rem, 0.991rem + 0.671vw, 1.313rem); /* Ajusta o tamanho da fonte */
    }

    .rb_product_content {
        border-radius: 0 0 clamp(0.375rem, 0.286rem + 0.447vw, 0.5rem) clamp(0.375rem, 0.286rem + 0.447vw, 0.5rem); /* Ajusta o arredondamento das bordas */
    }
	.rb_btn_fill.rb_order_button.rb_order_cart_button {
margin-top: 0!important;
}
}

/* ----- Fontes e espaços do card proporcionais AO CARD -----
   As regras acima usam vw (largura da tela). Como o número de colunas
   muda (1, 2, 3 ou 4), o card tem quase o mesmo tamanho em toda tela, mas
   a fonte ia de 32 px no celular a 48 px no desktop largo no mesmo card.
   Aqui o card vira a régua: "cqi" = 1% da largura do card. As proporções
   são as do notebook (1366 px); mínimos e máximos são os que já existiam.
   Para calibrar, mexa só nas quatro variáveis abaixo.
   Navegador sem suporte (anterior a 2023) ignora este bloco e continua
   nas regras acima. */
@supports (container-type: inline-size) {
    .rb_single_product_item {
        container-type: inline-size;
    }
    .rb_single_product_item .rb_product_content {
        --card-titulo: clamp(2rem, 12.5cqi, 3rem);       /* nome do prato */
        --card-preco: clamp(1.5rem, 9.4cqi, 2.25rem);    /* preço */
        --card-botao: clamp(1.125rem, 7.2cqi, 1.75rem);  /* PEDIR! */
        --card-raio: clamp(0.375rem, 2.4cqi, 0.75rem);   /* cantos */
        padding-left: clamp(0.5rem, 6cqi, 1.5rem) !important;
        padding-right: clamp(0.5rem, 6cqi, 1.5rem) !important;
        border-radius: 0 0 var(--card-raio) var(--card-raio);
    }
    .rb_single_product_item .rb_product_title {
        font-size: var(--card-titulo) !important;
        height: calc(var(--card-titulo) * 2.4);
    }
    .rb_single_product_item .rb_product_price {
        font-size: var(--card-preco);
    }
    .rb_single_product_item .rb_btn_fill.rb_order_button {
        padding: clamp(0.3125rem, 1.6cqi, 0.5rem);
        border-radius: var(--card-raio);
        font-size: var(--card-botao);
    }
}

/* ==================================================================
   2. GRADE DE CARDS (colunas por largura de tela)
   ================================================================== */
/* Espaço entre as linhas de cards */
.rb_row.restrofood-products {
    gap: clamp(2.75rem, 2.45rem + 1.5vw, 4.25rem) 0;
    margin: 0 auto;
}

/* Colunas por faixa de tela: 1 no celular, 2 no tablet, 3 no desktop
   (4 em tela larga). Em vez de espremer cards, a grade tem largura máxima
   e fica centralizada, com espaço dos lados. As fontes do card seguem a
   largura do card (seção 1), então a proporção é a mesma em todas. */

/* Desktop: 3 por linha */
.rb_row.restrofood-products > .rb_col_xl_3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
}

/* Tela larga: 4 por linha (única faixa fora das três padrão) */
@media (min-width: 1680px) {
    .rb_row.restrofood-products > .rb_col_xl_3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
    }
}

/* Tablet: 2 por linha; a grade para em 50rem para o card não crescer demais */
@media (min-width: 768px) and (max-width: 1024px) {
    .rb_row.restrofood-products {
        max-width: min(95%, 50rem);
    }
    .rb_row.restrofood-products > .rb_col_xl_3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Celular: 1 por linha. Largura da grade: 82% da tela, entre 16 e 21 rem
   (card de ~285 a ~336 px); acima disso sobra espaço dos lados. */
@media (max-width: 767px) {
    .rb_row.restrofood-products {
        max-width: min(100%, clamp(16rem, 82vw, 21rem));
    }
    .rb_row.restrofood-products > .rb_col_xl_3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ==================================================================
   3. LISTA DE DIAS (filtro de categorias)
   ================================================================== */
.rb_category_list li label {
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
}
.rb_category_list li .item-parent-category {
border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
    border: 2px solid var(--e-global-color-primary);
}
.rb_category_list li {
	padding:0;
    margin:clamp(0.3125rem, 0.28rem + 0.18vw, 0.5rem); /* 5px no celular → 8px em tela larga */
    background-color: transparent;
	color: var(--e-global-color-primary);
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
		-webkit-box-flex:1!important;
		    -ms-flex:1!important;
		        flex:1!important;
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;     /* Centraliza verticalmente */
	font-family: Amatic SC;
	font-weight:700;
	font-size:clamp(2rem, 1.78rem + 0.976vw, 3rem); /* 32px no celular → 48px em tela larga */
	line-height:1.5;
	}

/* Hover: verde com fonte branca (como o PEDIR! no hover). O dia ativo
   continua vermelho, inclusive com o mouse em cima. */
.rb_category_list li:not(.active):hover .item-parent-category {
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-77f6c33);
	border: 2px solid var(--e-global-color-secondary);
}
.rb_category_list li.active {
background-color:transparent;
-webkit-box-shadow:unset;
        box-shadow:unset;
}
.rb_category_list li.active .item-parent-category {
    background-color: var(--e-global-color-primary);
	color: var(--e-global-color-2ea6b1a);
	border: 2px solid var(--e-global-color-primary);
}
.rb_category_list li.active:hover {
opacity:.8;
}
.rb_category_list input[type="radio"] {
    display: none;
}
.rb_category_wrapper
.rb_category_dropdown {
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
	background-color:unset;
    width: unset!important;
    max-width: unset!important;
    position: unset;
    border-radius: unset;
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important;
	height:unset!important;
}
/*Esconde primeiro elemento do filtro*/
.rb_category_trigger,
/*Esconde busca do filtro*/
.rb_col_lg_8,
/*Esconde cabeçalho das categorias*/
.rb_category_header,
/*Esconde cabeçalho dos produtos, texto e organizador*/
.rb_section_title.rb_food_item_list_header,/*Ocultar quantidade de produtos por categoria*/
.rb_cat_count
{
display: none!important;
}
/* Sombra lista categorias */
.rb_category_wrapper .rb_category_dropdown_inner {
	-webkit-box-shadow: none;
	        box-shadow: none;
	width:100%;
}
/*Largura da linha das categorias*/
section > div > div > div.rb_col_lg_4 {
min-width:100%;
}
/* Esconde o li que contém o input com data-name="All" */
ul.rb_category_list li:has(input[data-name="All"]) {
  display: none;
}
/* --- Ordem personalizada via data-name --- */
/* Segunda-feira */
ul.rb_category_list li:has(input[data-name="Segunda"]) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

/* Terça-feira */
ul.rb_category_list li:has(input[data-name="Terça"]) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

/* Quarta-feira */
ul.rb_category_list li:has(input[data-name="Quarta"]) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

/* Quinta-feira */
ul.rb_category_list li:has(input[data-name="Quinta"]) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }

/* Sexta-feira */
ul.rb_category_list li:has(input[data-name="Sexta"]) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }

/* Sábado */
ul.rb_category_list li:has(input[data-name="Sábado"]) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }

/* Todo dia */
ul.rb_category_list li:has(input[data-name="Todo dia"]) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }

/* Tablet e celular: as abas ganham altura (no desktop a altura vem só da
   linha). Uma fórmula contínua no lugar de uma por faixa. */
@media (max-width: 1024px) {
.rb_category_list li {
padding:clamp(0.875rem, 0.76rem + 0.57vw, 1.125rem) 0;
}
}
.rb_container {
    width: 100%;
    padding-right: unset;
    padding-left: unset;
}

ul.rb_category_list {
	scroll-snap-type: x mandatory;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;/* Impede quebra de linha */
  overflow-x: auto;/* Habilita scroll horizontal */
  -webkit-overflow-scrolling: touch; /* Scroll suave em dispositivos móveis */
	scroll-behavior: smooth; /* Scroll suave */
  /*scrollbar-width: none;  Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
/* Define largura fixa ou mínima para os itens */
ul.rb_category_list li {
  min-width: 100px;/* Largura mínima dos itens */
scroll-snap-align: start;
}
/* Opcional: Estilizar a barra de scroll */
ul.rb_category_list::-webkit-scrollbar {
  height: 4px;/* Altura da barra de scroll */
}
ul.rb_category_list::-webkit-scrollbar-thumb {
border-radius: 2px;
}
ul.rb_category_list:hover::-webkit-scrollbar-thumb {
  background: var(--e-global-color-primary);
}

/* ==================================================================
   4. POPUP DO PRODUTO
   ================================================================== */
/* ID principal do widget */
#rb_popup_modal {
    /* Estilize o contêiner principal do widget */
	font-family:Amatic SC;
	color:var(--e-global-color-text);
	font-weight:700;
}
#rb_popup_modal strong {
color:#000;
}

#rb_popup_modal .woocommerce-Price-amount.amount{
color:var(--e-global-color-primary);
/*font-s ize:clamp(1.75rem, 1.7rem + 0.25vw, 2rem);*/
}
#rb_popup_modal .rb_extra_options .woocommerce-Price-amount.amount bdi {
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);/*21px*/
}
#rb_popup_modal .rb_extra_group_wrap p {
color:var(--e-global-color-primary);
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);
}
#rb_popup_modal .rb_custom_checkbox label .rb_input_text {
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);/*21px*/
}

#rb_popup_modal .product-details-qty {
margin-top: 0;
}

/* Cor da DIV imagem/titulo/descrição/preço*/
#rb_popup_modal .modal-content-left-content{
background-color:transparent;
}
/* Título da refeição */
#rb_popup_modal .rb_product_title {
    /* Estilize o título da refeição (ex.: "Calabresa") */
	font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem)!important;/*32px*/
	margin-top:clamp(1.625rem, 1.575rem + 0.25vw, 1.875rem);/*30px*/
	margin-bottom:clamp(0.875rem, 0.85rem + 0.125vw, 1rem);/*15px > 16px*/
    text-transform: unset;
    text-wrap: unset;
    height: unset;	
}
/* Descrição detalhada da refeição */
#rb_popup_modal .product-short-description {
    /* Estilize a descrição detalhada do produto */
	font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);/*21px*/
	margin-top:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);/*21px*/
	margin-bottom:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);/*21px*/
	font-weight:700;
	color: var(--e-global-color-text);
}

/* Descrição detalhada da refeição */
#rb_popup_modal .product-short-description strong{
color:#000;
}

/* DIV preço */
#rb_popup_modal  .pricing-wrap {
margin-top:0;
margin-bottom:0;
color:var(--e-global-color-secondary);
font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem);/*32px*/
}
	/* Preço da refeição */
#rb_popup_modal .rb_product_price {
    /* Estilize o preço (ex.: R$ 13,00 – R$ 19,00) */
margin-bottom:0!important;
color:var(--e-global-color-primary)!important;
font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem)/*32px*/;
}
/* Margem superior DIV 2 */
#rb_popup_modal .moal-product-info-tabs-wrap {
margin-top:0;
}
/* Abas DIV 2 */
#rb_popup_modal .moal-product-info-tabs-wrap .tab-items ul li, #rb_popup_modal .moal-product-info-tabs-wrap .tab-items ul li.active, #rb_popup_modal .moal-product-info-tabs-wrap .tab-items ul li:hover  {
font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem)/*32px*/;
color:var(--e-global-color-primary);
background-color:unset;
}
#rb_popup_modal .moal-product-info-tabs-wrap .tab-items ul li {
color:var(--e-global-color-text);
}
/* Cor background Monte e Descrição*/ 
#rb_popup_modal .variations-tab-content.active {
background-color:unset;
}
#rb_popup_modal .rb_extra_options h4, #rb_popup_modal .extra-items-group-wrapper h4{
display:none;
}
/* Sanfonas variações e opções*/
#rb_popup_modal .fb-product-extra-group-title {
	background-color:var(--e-global-color-secondary);
	font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem)/*32px*/;
	color:var(--e-global-color-2ea6b1a)!important;
text-transform:uppercase;
	margin-top:0;
	padding:0 clamp(0.875rem, 0.85rem + 0.125vw, 1rem)/*16px*/;
}
#rb_popup_modal .rb_extra_group_wrap.fb-d-none {
display:block!important;	
padding-bottom:clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem)/*28px*/!important;
}
#rb_popup_modal .icon-set {
display:none;
}

#rb_popup_modal .rb_steps_list {
padding:0;
}
#rb_popup_modal {
--largura-toggle:clamp(2.625rem, 2.525rem + 0.5vw, 3.125rem)/*50px*/;
--altura-toggle:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem)/*21px*/;
--raio-toggle:calc(clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem) * .4);
--espessura-borda:1px/*1px*/;
--espaco-esquerdo:calc(clamp(0.875rem, 0.85rem + 0.125vw, 1rem) / 5)/*4px*/;
--espaco-direito:clamp(0.875rem, 0.85rem + 0.125vw, 1rem)/*16px*/;
--tamanho-bolinha:clamp(0.875rem, 0.85rem + 0.125vw, 1rem)/*16px*/;
--espaco-final:calc(var(--largura-toggle) - var(--tamanho-bolinha) - ((var(--espaco-esquerdo) * 2) - var(--espessura-borda)));
--gap-vertical:1px/*4px*/;
--espaco-switch:calc(var(--largura-toggle) + var(--espaco-direito));
--margens-campos-toggles-le:calc(clamp(0.875rem, 0.85rem + 0.125vw, 1rem) * .75)/*6px*/;
--margens-campos-toggles-ld:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem)/*10px*/;
}
/* Esconde completamente os inputs originais */
#rb_popup_modal .rb_custom_checkmark:after, 
#rb_popup_modal .rb_custom_checkmark {
  position: absolute;
  visibility: hidden!important;
}
/* Margens campos toggles - laterais */
#rb_popup_modal .rb_list_unstyled.rb_extra_group_wrap, #rb_popup_modal .product-variation-wrap.rb_extra_group_wrap {
margin: 0 var(--margens-campos-toggles-le) 0 var(--margens-campos-toggles-ld)!important;
}

#rb_popup_modal .extra-items-group-wrapper {
margin-top:0;
}
/* Texto do rótulo */
#rb_popup_modal .rb_list_unstyled .rb_input_text {
padding-left:var(--espaco-switch); /* Espaço para o switch */
transition: all 0.3s ease;
}
/* Switch slider - Estilo unificado */
#rb_popup_modal .rb_list_unstyled .rb_input_text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width:var(--largura-toggle);
  height:var(--altura-toggle);
  border-radius: var(--raio-toggle);
  transition: all 0.3s ease;
	border: var(--espessura-borda) solid var(--e-global-color-primary);
}
/* Bolinha do slider */
 #rb_popup_modal .rb_list_unstyled .rb_input_text:after {
  content: "";
  position: absolute;
  left: var(--espaco-esquerdo);
  top: 50%;
  transform: translateY(-50%);
  width: var(--tamanho-bolinha);
  aspect-ratio:1;
  background-color: var(--e-global-color-secondary);
  border-radius: 50%;
  transition: transform 0.3s ease;
}
/* Bolinha do slider Hover */
#rb_popup_modal .product-variation-wrap .rb_input_text:hover:after,  #rb_popup_modal 
.rb_list_unstyled .rb_input_text:hover:after {
   background-color: var(--e-global-color-050b863);
}
/* Bolinha slider ativo */
#rb_popup_modal .rb_list_unstyled input:checked + .rb_input_text:after{
background-color:var(--e-global-color-050b863)!important;
}
/* Estados de seleção */
#rb_popup_modal .rb_list_unstyled input:checked + .rb_input_text:before {
  background-color: var(--e-global-color-secondary);
	border-color:var(--e-global-color-secondary);
}
#rb_popup_modal .product-variation-wrap input:checked + .rb_input_text:after,
#rb_popup_modal .rb_list_unstyled input:checked + .rb_input_text:after {
transform: translate(var(--espaco-final), -50%);
}
/* Estados de hover */
#rb_popup_modal .product-variation-wrap label:hover .rb_input_text:before, #rb_popup_modal .rb_list_unstyled label:hover .rb_input_text:before {
  background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}
#rb_popup_modal .product-variation-wrap li,.rb_list_unstyled li {
padding:var(--gap-vertical) 0;
}
/* Seleciona o SPAN dentro do .rb_input_text que é IRMÃO de um input com name diferente */
#rb_popup_modal input.product-extra-options:not([name="rb_product_extra_options_6[]"]) ~ .rb_input_text span {
display:none;
}
#rb_popup_modal .rb_custom_checkbox.extra_item_checkbox .rb_input_text {
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem)/*21px*/;
}

/*Sessão QTD Total e Preço*/
#rb_popup_modal .rb_label_title {
font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem)/*32px*/;
color:var(--e-global-color-secondary);
}
/* Descrição aba*/
#rb_popup_modal .rb_product_details_content .rb_product_summary {
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem)/*21px*/;
}
#rb_popup_modal .rb_quantity .rb_plus_2:hover, #rb_popup_modal .rb_quantity .rb_minus_2:hover {
background-color:var(--e-global-color-secondary);
}
#rb_popup_modal .rb_quantity:hover img {
 filter:brightness(0) invert(1);
}
#fbs_single_add_to_cart_button .ajax_add_to_cart {
font-family: Amatic SC;
font-size:clamp(1.75rem, 1.7rem + 0.25vw, 2rem);/*32px*/
font-weight:700;
padding: 1% 0;
border-radius:0.75vmax;
}
#rb_popup_modal .rb_mt_50 {
margin-top:0!important;
}
/* Largura máxima do popup, em qualquer tela (antes só entre 1024 e 1199px;
   fora dessa faixa o RestroFood já usa 890px ou a largura da tela) */
.rb_popup_modal.open > .rb_modal_wrap {
max-width: 890px !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.modal-content-left-content .rb_row {
flex-wrap: nowrap; /* Mantém os elementos em linha */
}
#rb_popup_modal .rb_product_details_img {
width:350px;
}
#rb_popup_modal .modal-product-image {
display:flex;
justify-content:center;
}
}
@media (max-width: 767px) {
#rb_popup_modal .rb_product_details_img {
width:unset;
max-width:350px;
}
#rb_popup_modal .modal-product-image {
margin-bottom: 0;
display:flex;
justify-content:center;
}
 #rb_popup_modal .rb_product_details_img {
display:flex;
justify-content: center;
}
#rb_popup_modal .variations-tab-content, #rb_popup_modal .product-details-qty, #rb_popup_modal .rb_label_title.rb_total_price {
padding:0 clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
}
 #rb_popup_modal .rb_btn_fill {
width:calc(100% - (clamp(0.875rem, 0.85rem + 0.125vw, 1rem) * 2))!important;
margin: 0 clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}
#rb_popup_modal .moal-product-info-tabs-wrap .tab-items ul li {
padding-left:0;
padding-right:0;
margin:0 10px;
}
}
/* ==================================================================
   5. CARRINHO FLUTUANTE E SACOLA LATERAL
   ================================================================== */
.rb_cart_count_btn.rb_floating_cart_btn .rb_svg {
filter:brightness(0) invert(1)!important;
}
.rb_cart_count_btn.rb_floating_cart_btn
.rb_cart_count.rb_cart_icon {
color:var(--e-global-color-2ea6b1a)!important;
font-size:clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);
font-weight:700!important;
font-family:Amatic SC;
padding:5%;
}
.rb_cart_count {
height: auto;
}
/*Carrinho lateral*/
/*Fonte "Sua Sacola" - Desktop*/
.step-cart.mini-cart-content * {
font-weight:700!important;
font-family:Amatic SC;
}
.step-cart.mini-cart-content h3 {
color:var(--e-global-color-primary);
margin:0;
}
.step-cart.mini-cart-content h4 {
color:var(--e-global-color-secondary);
}
.step-cart.mini-cart-content .im-cart-item-title {
color:var(--e-global-color-text);
}
.step-cart.mini-cart-content .cart_table_header h4:before {
content: "";
display: inline-block;
background-image: url('https://cantina.espaconaweb.com.br/wp-content/uploads/2024/03/Ribeirao-Pires-Restaurante-Cantina-Roncon-Icone-Invoice.svg');
background-repeat: no-repeat;
aspect-ratio:1;
}
.mini-cart-extra-options-wrap > span:after {
display:none;
}
.mini-cart-extra-options-wrap > span:before {
position: relative;
content: "+";
}
.woocommerce-mini-cart-item.mini_cart_item .im-anchor > img {
display:none;
}
.cart_table .cart_table_item.cart_table_item_subtotal, .cart_table .mini_cart_item, .cart_table .cart_table_header {
border-bottom: 1px solid var(--e-global-color-f26c502);
}
.cart_table .cart_table_header {
padding-bottom: 0px;
}
/*Botão prosseguir*/
.mini-cart-bottom-block .rb_btn_fill:not(.toggle) {
width:100%;
font-family:Amatic SC;
font-weight: 700;
color:var(--e-global-color-2ea6b1a);
margin-top:4%;
}
/*Botão prosseguir - Hover*/
.mini-cart-bottom-block .rb_btn_fill:not(.toggle):hover {
color:var(--e-global-color-77f6c33);
}
/*Esconde ícones originais*/
.cart_table_header.rb_product_details_form img, .cart_table_item.cart_table_item_subtotal img, .cart_table_item.cart_table_item_subtotal img {
display:none;
}
/* Sacola: fontes iguais em qualquer largura (antes repetidas nas três faixas) */
.step-cart.mini-cart-content h3, .step-cart.mini-cart-content bdi, .step-cart.mini-cart-content h6 {
font-size:clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem)!important;
}
.step-cart.mini-cart-content .im-cart-item-title {
font-size:clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem);/*32px*/
}
/* Desktop (sem limite superior: antes parava em 1920px e monitores maiores
   voltavam às fontes do RestroFood) */
@media (min-width: 1025px) {
.step-cart.mini-cart-content h4 {
font-size:clamp(2.25rem, 1.964rem + 0.447vw, 2.5rem)!important;/*40px*/
margin: 0 0 clamp(0.875rem, 0.732rem + 0.223vw, 1rem);
}
.step-cart.mini-cart-content .mini-cart-extra-options-wrap span {
font-size:clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);/*24px*/
}
.step-cart.mini-cart-content .cart_table_header h4:before {
width: clamp(1.75rem, 1.464rem + 0.447vw, 2rem); /*40px/32px*/
margin-right: clamp(0.313rem, -0.045rem + 0.559vw, 0.625rem); /*10px*/
}
.cart_table .cart_table_item.cart_table_item_subtotal, .cart_table .mini_cart_item {
padding: clamp(0.875rem, 0.732rem + 0.223vw, 1rem) 0;/*17px/16px - 0px*/
}
/*Botão prosseguir*/
.mini-cart-bottom-block .rb_btn_fill:not(.toggle) {
padding: clamp(0.438rem, 0.366rem + 0.112vw, 0.5rem);/*8px*/
border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);/*12px*/
font-size: clamp(1.75rem, 1.464rem + 0.447vw, 2rem);/*32px*/
}
.step-cart.mini-cart-content .cart_table {
margin-left: 8%;
margin-right: 8%;
}
/*Quantidade +/- Carrinho lateral*/
.rb_quantity .rb_input_text {
font-size:clamp(1.125rem, 0.982rem + 0.223vw, 1.25rem)!important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.step-cart.mini-cart-content h4 {
font-size:clamp(1.875rem, 0.75rem + 2.344vw, 2.25rem)!important;/*40px*/
margin: 0 0 clamp(0.75rem, 0.375rem + 0.781vw, 0.875rem);
}
.step-cart.mini-cart-content .mini-cart-extra-options-wrap span {
font-size:clamp(1.125rem, 0.75rem + 0.781vw, 1.25rem);/*24px*/
}
.step-cart.mini-cart-content .cart_table_header h4:before {
width: clamp(1.5rem, 0.75rem + 1.563vw, 1.75rem); /*40px/32px*/
margin-right: clamp(0.438rem, 0.25rem + 0.391vw, 0.5rem); /*16px*/
}
.cart_table .cart_table_item.cart_table_item_subtotal, .cart_table .mini_cart_item {
padding: clamp(0.75rem, 0.375rem + 0.781vw, 0.875rem) 0;/*17px/16px - 0px*/
}
/*Botão prosseguir*/
.mini-cart-bottom-block .rb_btn_fill:not(.toggle) {
padding: clamp(0.375rem, 0.188rem + 0.391vw, 0.438rem);/*8px*/
border-radius: clamp(0.5rem, 0.125rem + 0.781vw, 0.625rem);/*12px*/
font-size: clamp(1.5rem, 0.75rem + 1.563vw, 1.75rem);/*32px*/
}
/*Quantidade +/- Carrinho lateral*/
.rb_quantity .rb_input_text {
font-size:clamp(1rem, 0.625rem + 0.781vw, 1.125rem)!important;
}
}
@media (max-width: 767px) {
.step-cart.mini-cart-content h4 {
font-size:clamp(1.75rem, 1.661rem + 0.447vw, 1.875rem)!important;/*40px*/
margin: 0 0 clamp(0.688rem, 0.643rem + 0.224vw, 0.75rem);
}
.step-cart.mini-cart-content .mini-cart-extra-options-wrap span {
font-size:clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);/*24px*/
}
.step-cart.mini-cart-content .cart_table_header h4:before {
width: clamp(1.375rem, 1.286rem + 0.447vw, 1.5rem); /*40px/32px*/
margin-right: clamp(0.375rem, 0.33rem + 0.224vw, 0.438rem); /*16px*/
}
.cart_table .cart_table_item.cart_table_item_subtotal, .cart_table .mini_cart_item {
padding: clamp(0.688rem, 0.643rem + 0.224vw, 0.75rem)
 0;/*17px/16px - 0px*/
}
/*Botão prosseguir*/
.mini-cart-bottom-block .rb_btn_fill:not(.toggle) {
padding: clamp(0.313rem, 0.268rem + 0.224vw, 0.375rem);/*8px*/
border-radius: clamp(0.375rem, 0.286rem + 0.447vw, 0.5rem);/*12px*/
font-size: clamp(1.375rem, 1.286rem + 0.447vw, 1.5rem);/*32px*/
}
.step-cart.mini-cart-content .cart_table {
margin-left: 0;
margin-right: 0;
}
/*Quantidade +/- Carrinho lateral*/
.rb_quantity .rb_input_text {
font-size:clamp(0.875rem, 0.786rem + 0.447vw, 1rem) !important;
}
}
/*Quantidade +/- Carrinho lateral*/
.inc-qty.rb_plus.rb_plus_2:hover,
.inc-qty.rb_minus.rb_minus_2:hover {
background:var(--e-global-color-secondary);
}
.inc-qty.rb_plus.rb_plus_2:hover img,
.inc-qty.rb_minus.rb_minus_2:hover img {
filter: brightness(0) invert(1);
}
.rb_btn_fill.rb_order_button.rb_order_cart_button:hover {
color:var(--e-global-color-77f6c33)!important;
}

.cart_table .mini_cart_item_inner {
display: flex !important;
	flex-wrap: wrap;
	justify-content:center;
}
.im-anchor.has-extra-addons {
min-width:100% !important;
margin-bottom:5% !important;
}
.cart_table .mini_cart_item_inner .quantity {
padding-left: 5% !important;
text-wrap: nowrap;
}
.cart_table .mini_cart_item_inner .rb_quantity {
	flex:0;
}

/* Botão "Adicionar ao pedido!": a opacidade segue o estado real do botão.
   O RestroFood muda o atributo "disabled" na hora, mas anima a opacidade
   numa fila do jQuery (0,6 s por chamada, várias por troca de tamanho): o
   botão ficava esmaecido por segundos depois de já estar liberado.
   O !important é o que vence o estilo que essa fila escreve no elemento. */
#rb_popup_modal .rb_add_to_cart_ajax {
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#rb_popup_modal .rb_add_to_cart_ajax[disabled] {
    opacity: 0.3 !important;
}
#rb_popup_modal .rb_add_to_cart_ajax:not([disabled]) {
    opacity: 1 !important;
}

/* Sombra do prato em fotos soltas nas páginas (fora do cardápio).
   Para usar em outra foto: no Elementor, widget de imagem → Avançado →
   Classes CSS → sombra-prato. A foto da página "Quem Somos" já está aqui
   pelo identificador do widget. */
.sombra-prato img,
.page-id-4674 .elementor-element-6d81f80 img {
    -webkit-filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28));
            filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28));
}

/* Sombra do prato no popup (mesma lógica do card). */
#rb_popup_modal .rb_product_details_img img {
    -webkit-filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28));
            filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.28));
}

/* ==================================================================
   6. CHECKOUT
   ================================================================== */
/* ----- Aceite dos termos: mesmo visual do aceite da página Reservas -----
   HTML do WooCommerce:
     label.checkbox > input#terms + span.woocommerce-terms-and-conditions-checkbox-text
   O input fica invisível (continua funcionando com clique e teclado); o
   quadrado é o ::before do texto e o "✓" é o ::after.
   Para ajustar: --check-tamanho (lado do quadrado) comanda todo o resto. */
.woocommerce-terms-and-conditions-wrapper {
    --check-tamanho: calc(clamp(2.625rem, 2.196rem + 0.67vw, 3rem) / 2);
    --check-h: calc(var(--check-tamanho) * 0.5);
    --check-w: calc(var(--check-tamanho) * 0.75);
}
/* display com !important: uma regra do WooCommerce/tema deixa este label
   "inline", e aí o quadrado e o ✓ perdem a referência de posição. */
.woocommerce-terms-and-conditions-wrapper label.checkbox {
    position: relative;
    display: block !important;
    cursor: pointer;
    padding-left: calc(var(--check-tamanho) * 1.5);
}
.woocommerce-terms-and-conditions-wrapper label.checkbox input#terms {
    position: absolute;
    width: 0;
    opacity: 0;
}
/* Quadrado */
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text::before {
    content: "";
    width: var(--check-tamanho);
    aspect-ratio: 1;
    border: 2px solid var(--e-global-color-primary);
    border-radius: calc(var(--check-tamanho) * 0.25);
    position: absolute;
    left: 0;
    top: calc(var(--check-tamanho) * 0.4);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
/* Marcado: quadrado preenchido */
.woocommerce-terms-and-conditions-wrapper input#terms:checked + .woocommerce-terms-and-conditions-checkbox-text::before {
    background-color: var(--e-global-color-primary);
}
/* Marcado: o "✓" */
.woocommerce-terms-and-conditions-wrapper input#terms:checked + .woocommerce-terms-and-conditions-checkbox-text::after {
    content: "";
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    position: absolute;
    left: calc(var(--check-tamanho) * 0.05);
    top: calc(var(--check-tamanho) * 0.9);
    width: var(--check-w);
    height: var(--check-h);
    border: solid var(--e-global-color-2ea6b1a);
    border-width: 0 0 calc(var(--check-tamanho) * 0.125) calc(var(--check-tamanho) * 0.2);
    -webkit-animation: rfebdx-check 0.3s ease;
            animation: rfebdx-check 0.3s ease;
}
/* Foco pelo teclado */
.woocommerce-terms-and-conditions-wrapper input#terms:focus-visible + .woocommerce-terms-and-conditions-checkbox-text::before {
    outline: 2px solid var(--e-global-color-secondary);
    outline-offset: 2px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}
@-webkit-keyframes rfebdx-check {
    0% { height: 0; width: 0; }
    75% { height: var(--check-h); width: 0; }
    100% { height: var(--check-h); width: var(--check-w); }
}
@keyframes rfebdx-check {
    0% { height: 0; width: 0; }
    75% { height: var(--check-h); width: 0; }
    100% { height: var(--check-h); width: var(--check-w); }
}

.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-direction:column;
	color:var(--e-global-color-secondary);
	font-family: "Amatic SC";
	}
.woocommerce-billing-fields__field-wrapper > p {
	flex-direction:column;
	}

#billing_country_field,
#shipping_country_field {
    display: none !important;
}

.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
font-size: clamp(2.25rem, 1.964rem + 0.447vw, 2.5rem)!important;
font-family: "Amatic SC";
font-weight: 700;
color: var(--e-global-color-secondary);
}
.woocommerce-billing-fields__field-wrapper label{
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem)!important;
font-weight: 900;
}
#order_comments_field label{
font-weight: bold !important;
color:var(--e-global-color-secondary);
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem) !important;
font-family: Amatic SC;
}
#order_comments {
font-weight: bold !important;
color:var(--e-global-color-text);
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem) !important;
font-family: Amatic SC;
border: 2px solid var(--e-global-color-primary) !important;
	border-radius:clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
}

.woocommerce-page .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input, .woocommerce-page .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper select, #order_comment s::placeholder, #account_username, #username, #password { 
border: 2px solid var(--e-global-color-primary) !important; 
border-radius:clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
padding: 5px !important;
}
#order_comments::placeholder {
padding:2%;
color: var(--e-global-color-text) !important;
}
#order_comments::placeholder:focus {
padding:2%;
color: var(--e-global-color-secondary) !important;
}

.woocommerce form .form-row .input-text, .woocommerce-page .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper select {
font-family: Amatic SC;
font-size: 20px;
font-weight: bold;
}
#account_username::placeholder {
font-weight: bold !important;
}
#order_comments {
  min-height: 6em !important;    /* 5 linhas */
}
.rb_checkout_steps_content .woocommerce-form-coupon, .rb_checkout_steps_content .rb_card {
background-color:rgba(0, 128, 55, 0.15);
}
#order_review {
font-family:Amatic SC !important;
font-size:24px;
}
.woocommerce-shipping-methods li {
  display: flex;
  flex-wrap: nowrap;     /* não quebra a linha */
  align-items: center;   /* alinha verticalmente */
  width: 100%;           /* ocupa toda a largura disponível */
}

.woocommerce-shipping-methods li label {
  white-space: nowrap;   /* impede quebra do texto */
}
.wc_payment_method.payment_method_cod label {
font-weight:bold!important
} 
.woocommerce-checkout #payment div.payment_box {
background-color: rgba(156, 26, 23,1) !important;
}
.woocommerce-checkout #payment div.payment_box::before {
border: 1em solid rgba(156, 26, 23, 1) !important;
border-left-color: transparent!important;
border-right-color:transparent!important;
border-top-color:transparent!important;
}
.rb_checkout_steps_content.step-checkout .woocommerce-checkout-payment .payment_box.payment_method_cod p {
color:var(--e-global-color-2ea6b1a);
font-size:24px;
font-weight:bold;
}
#payment > div > div > div.woocommerce-privacy-policy-text > p {
font-size:24px;
font-weight:700!important;
}
#payment > div > div > div.woocommerce-privacy-policy-text > p a {
color:var(--e-global-color-secondary);
}
#payment > div > div > p > label {
font-size:24px;
font-weight:700!important;
}
#payment > div > div > p > label a {
color:var(--e-global-color-secondary);
}
#place_order {
font-size:24px !important;
font-family:Amatic SC;
font-weight:bold !important;
border-radius:clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem) !important;
}
#content > div > div > div > div > div.elementor-element.elementor-element-589c6b7.e-checkout-layout-two-column.elementor-widget.elementor-widget-woocommerce-checkout-page > div > div > div.rb_steps_content.step-completed > div.rb_row {
  display:none;
}
/* ==================================================================
   7. PÁGINA DE OBRIGADO
   ================================================================== */
.rb_thankyou_content, 
h2.rb_thankyou_content, p.rb_thankyou_content {
font-family:Amatic SC;
}
.rb_thankyou_content h2 {
color:var(--e-global-color-secondary);
}
.rb_thankyou_content p {
font-size: 24px;
	line-height:3;
}
.rb_thankyou_content img {
width: clamp(7rem, 5.855rem + 1.788vw, 8rem) !important;
height: auto !important;
margin-top:clamp(5rem, 4.5rem + 2.5vw, 7.5rem);
}

.rb_thankyou_content img {
transform-origin: bottom left;
animation: animate4 1s ease-in-out infinite alternate;
}
@keyframes animate4 {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
/* ==================================================================
   8. CARD INDISPONÍVEL (rótulo antigo, fora da área do botão)
   Com "Textos do card" ligado no painel, o plugin põe o rótulo dentro da
   área do botão (seção 12) e esta regra deixa de casar.
   ================================================================== */
#cardapio > div > div > section > div > div > div > div.rb_row.restrofood-products > div > div > div.rb_product_content > div.product-outofstock-wrap {
background-color: #aaa;
padding: clamp(0.438rem, 0.366rem + 0.112vw, 0.5rem) 0 !important;
border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
font-size: clamp(1.5rem, 1.214rem + 0.447vw, 1.75rem);
color: #fff !important;
font-weight: bold !important;
-webkit-transform: translate(-50%, 50%) !important;  /* Chrome, Safari */
-ms-transform: translate(-50%, 50%) !important;      /* IE 9 */
transform: translate(-50%, 50%) !important;  
position:absolute;
bottom:0 !important;
left: 50% !important;
min-width: 50%;
}
.rb_single_product_item .rb_product_content .rb_product_title {
margin:0 0 18px;
}

/* ==================================================================
   9. LOGIN NO CHECKOUT
   ================================================================== */
.woocommerce-form-login-toggle {
font-family: Amatic SC !important;
font-size:clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
font-weight:bold;
}
.woocommerce-info {
border-top-color: var(--e-global-color-secondary) !important;
}
.woocommerce-info::before {
color: var(--e-global-color-primary);
}
a.showlogin, #rb_cart_popup_modal > div > div > div > div > div > div.rb_checkout_steps_content.step-checkout.canvas-modal-checkout > form > p.lost_password > a {
color: var(--e-global-color-secondary) !important;
}
#customer_details > div > div.woo-col-1 > div.woocommerce-account-fields > p > label > span, #account_username_field > label, #rb_cart_popup_modal > div > div > div > div > div > div.rb_checkout_steps_content.step-checkout.canvas-modal-checkout > form > p {
font-family: "Amatic SC";
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem)!important;
font-weight:bold;
}
#customer_details > div > div.woo-col-1 > div.woocommerce-account-fields > p > label > span {
color: var(--e-global-color-primary);
}
#account_username_field > label {
color: var(--e-global-color-secondary);
}
#rb_cart_popup_modal > div > div > div > div > div > div.rb_checkout_steps_content.step-checkout.canvas-modal-checkout > form {
background-color: rgba(0, 128, 55, 0.15);
}
#rb_cart_popup_modal > div > div > div > div > div > div.rb_checkout_steps_content.step-checkout.canvas-modal-checkout > form > p > button {
	    padding: clamp(0.438rem, 0.366rem + 0.112vw, 0.5rem);
    border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
    font-size: clamp(1.75rem, 1.464rem + 0.447vw, 2rem);
	font-family: Amatic SC;
	background-color: var(--e-global-color-primary);
color: var(--e-global-color-2ea6b1a);
}
#rb_cart_popup_modal > div > div > div > div > div > div.rb_checkout_steps_content.step-checkout.canvas-modal-checkout > form > p > button:hover {
background-color: var(--e-global-color-secondary);
color: var(--e-global-color-77f6c33);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: flex;
align-items: center;
justify-content: center;
}
#rememberme {
width:unset !important;
}
.fb-checkout-form-inner{
max-height: fit-content !important;
}
/* Respiro da sacola: 5% da largura da tela, até o padrão do RestroFood
   (40px em cima/embaixo, 30px dos lados). Contínuo, sem faixa. */
#rb_cart_popup_modal > .rb_cart_modal_wrap.rb_cart {
    padding: clamp(1rem, 5vw, 2.5rem) clamp(1rem, 5vw, 1.875rem) !important;
}

/* ==================================================================
   10. AJUSTES POSTERIORES (sacola, mensagem de entrega, rótulo)
   ================================================================== */
/* Botão "Checkout" da sacola ocupando a largura toda (o wrap era estreito) */
.rb_mini_cart_checkout_btn-wrap {
width: 100%;
}

/* Mensagem de tempo de entrega do plugin (checkout, listagem, obrigado) */
.rfebdx-delivery-message {
margin: 12px 0;
padding: 10px 14px;
background: #f6f6f6;
border-left: 4px solid #7ad03a;
font-family: "Amatic SC";
font-weight: 700;
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
color: var(--e-global-color-text);
}

/* Texto do botão cinza de prato indisponível ("Esgotado", "Disponível
   quarta") herdando cor, fonte e tamanho do botão, como o PEDIR! */
.product-outofstock-wrap .product-outofstock {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: 1.2;
white-space: nowrap;
}

/* ==================================================================
   11. MINHA CONTA (rastreio e avisos)
   ================================================================== */
/* MINHA CONTA - VER PEDIDO: rastreio nas cores e fonte do site
   (o RestroFood usa laranja e Roboto) */
.view-order-tracking-status {
font-family: "Amatic SC";
font-weight: 700;
color: var(--e-global-color-text);
}
/* mesma especificidade da regra do widget Minha Conta do Elementor, que zera o fundo de todo mark */
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .view-order-tracking-status mark {
background-color: var(--e-global-color-2ea6b1a);
border-color: var(--e-global-color-secondary);
color: var(--e-global-color-secondary);
}
.delivery-track {
background: var(--e-global-color-4863a78);
}
.delivery-fill {
background: var(--e-global-color-secondary);
}
.delivery-step .delivery-icon {
background: var(--e-global-color-2ea6b1a);
color: var(--e-global-color-4863a78);
box-shadow: 0 0 0 6px var(--e-global-color-050b863);
}
.delivery-step.delivery-active .delivery-icon,
.delivery-step.delivery-complete .delivery-icon {
background: var(--e-global-color-secondary);
color: var(--e-global-color-77f6c33);
box-shadow: 0 0 0 6px var(--e-global-color-050b863);
}
.delivery-step.progress-order-cancelled .delivery-icon {
background: var(--e-global-color-primary);
box-shadow: 0 0 0 6px var(--e-global-color-050b863);
}
.delivery-step .delivery-label {
font-family: "Amatic SC";
font-weight: 700;
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
color: var(--e-global-color-4863a78);
}
.delivery-step.delivery-active .delivery-label,
.delivery-step.delivery-complete .delivery-label {
color: var(--e-global-color-secondary);
font-weight: 700;
}
.delivery-step.progress-order-cancelled .delivery-label {
color: var(--e-global-color-primary);
}

/* MINHA CONTA: avisos (confirmar e-mail e a mensagem depois do clique).
   O prefixo do widget Minha Conta do Elementor empata com a regra dele,
   que força 14px em .woocommerce-message; o nosso CSS carrega depois e vence. */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-info,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-message,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-error {
font-family: "Amatic SC";
font-weight: 700;
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
color: var(--e-global-color-text);
background-color: var(--e-global-color-2ea6b1a);
}
/* botão do aviso — prefixo do widget Minha Conta do Elementor, que define a cor dos links */
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-info a.button,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-message a.button {
font-family: "Amatic SC";
font-weight: 700;
font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
color: var(--e-global-color-77f6c33);
background-color: var(--e-global-color-primary);
border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
}

/* ==================================================================
   12. RÓTULO NO LUGAR DO PEDIR!
   ================================================================== */
/* Rótulo cinza no lugar do PEDIR! (esgotado, outro dia, loja fechada):
   dentro da área do botão, com as mesmas medidas dele */
.item-cart-area .product-outofstock-wrap {
background-color: #aaa;
color: #fff;
font-weight: bold;
text-align: center;
min-width: 60%;
padding: clamp(0.438rem, 0.366rem + 0.112vw, 0.5rem) 0.75em;
border-radius: clamp(0.625rem, 0.482rem + 0.223vw, 0.75rem);
font-size: clamp(1.5rem, 1.214rem + 0.447vw, 1.75rem);
transform: translateY(50%);
max-width: 100%;
box-sizing: border-box;
}
/* texto longo (ex.: três dias) quebra em duas linhas em vez de alargar o card */
.item-cart-area .product-outofstock-wrap .product-outofstock {
white-space: normal;
text-wrap: balance;
}
@media (min-width: 768px) and (max-width: 1024px) {
.item-cart-area .product-outofstock-wrap {
padding: clamp(0.375rem, 0.188rem + 0.391vw, 0.438rem) 0.75em;
border-radius: clamp(0.5rem, 0.125rem + 0.781vw, 0.625rem);
font-size: clamp(1.313rem, 0.75rem + 1.172vw, 1.5rem);
}
}
@media (max-width: 767px) {
.item-cart-area .product-outofstock-wrap {
padding: clamp(0.313rem, 0.268rem + 0.224vw, 0.375rem) 0.75em;
border-radius: clamp(0.375rem, 0.286rem + 0.447vw, 0.5rem);
font-size: clamp(1.125rem, 0.991rem + 0.671vw, 1.313rem);
}
}

/* MINHA CONTA: hover do botão dos avisos (ex.: confirmar e-mail) */
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-info a.button:hover,
.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-message a.button:hover {
color: var(--e-global-color-77f6c33);
background-color: var(--e-global-color-secondary);
}

/* Com o card como régua (seção 1), o rótulo usa as mesmas variáveis do
   botão PEDIR!; as regras acima ficam de reserva para navegador antigo. */
@supports (container-type: inline-size) {
    .rb_single_product_item .item-cart-area .product-outofstock-wrap {
        padding: clamp(0.3125rem, 1.6cqi, 0.5rem) 0.75em;
        border-radius: var(--card-raio);
        font-size: var(--card-botao);
    }
}