/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
  font-family: "Moranga";
  src: url("/themes/leo_foodelic/assets/fonts/queira/moranga-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Moranga";
  src: url("/themes/leo_foodelic/assets/fonts/queira/moranga-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Moranga";
  src: url("/themes/leo_foodelic/assets/fonts/queira/moranga-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html,
body {
  font-family: "Moranga", Georgia, serif;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

/* Force Moranga across theme, but keep icon fonts intact */
body *:not(i):not(.material-icons):not(.fa):not(.fal):not(.far):not(.fas):not(.fab):not([class*=" fa-"]):not(pre):not(code):not(kbd):not(samp) {
  font-family: "Moranga", Georgia, serif !important;
}

/* Dark overlay on breadcrumb cover image for readability */
#wrapper .breadcrumb .category-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}

#wrapper .breadcrumb .category-cover img {
  display: block;
}

/* Cart modal (added-to-cart popup) */
#blockcart-modal .product-name {
  color: #482b2a !important;
}

#blockcart-modal,
#blockcart-modal *:not(i):not(.material-icons):not(.fa):not(.fal):not(.far):not(.fas):not(.fab):not([class*=" fa-"]) {
  font-family: "Moranga", Georgia, serif !important;
}

/* Cart modal buttons: hover uses theme color */
#blockcart-modal .cart-content .cart-content-btn .btn {
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

#blockcart-modal .cart-content .cart-content-btn .btn:hover,
#blockcart-modal .cart-content .cart-content-btn .btn:focus {
  background: #482b2a !important;
  border-color: #482b2a !important;
  color: #ffffff !important;
}

#blockcart-modal .cart-content .cart-content-btn .btn:hover i,
#blockcart-modal .cart-content .cart-content-btn .btn:focus i {
  color: #ffffff !important;
}

/* Product page: add-to-cart uses theme color and grows on hover (no color swap) */
.page-product .product-actions .add-to-cart,
.page-product .product-add-to-cart .add-to-cart {
  background: #482b2a !important;
  border-color: #482b2a !important;
  color: #ffffff !important;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  will-change: transform;
}

.page-product .product-actions .add-to-cart:hover,
.page-product .product-actions .add-to-cart:focus,
.page-product .product-add-to-cart .add-to-cart:hover,
.page-product .product-add-to-cart .add-to-cart:focus {
  background: #482b2a !important;
  border-color: #482b2a !important;
  color: #ffffff !important;
  transform: scale(1.04);
}

/* Product page: remove social share icons (facebook/twitter/pinterest) */
.page-product .social-sharing {
  display: none !important;
}

.footer-container {
  margin-top: 0 !important;
}

#footer .footer-center,
#footer .footer-bottom,
#footer .box-footer,
#footer .box-footer-after {
  border-top: 0 !important;
}

#footer .box-footer::before,
#footer .box-footer-after::before {
  display: none !important;
}




/* Força os bullets de navegação a ficarem sobrepostos na imagem na horizontal, sem criar espaço em branco abaixo */
#slideshow-form_3565759011 .iview-controlNav,
.iview-controlNav {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  text-align: center !important;
  float: none !important;
}

#slideshow-form_3565759011 .iview-controlNav div.iview-items,
.iview-controlNav div.iview-items {
  display: block !important;
  position: static !important;
  width: auto !important;
  text-align: center !important;
  float: none !important;
}

#slideshow-form_3565759011 .iview-controlNav div.iview-items ul,
.iview-controlNav div.iview-items ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  width: auto !important;
  float: none !important;
}

#slideshow-form_3565759011 .iview-controlNav div.iview-items ul li,
.iview-controlNav div.iview-items ul li {
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  vertical-align: middle !important;
}

#slideshow-form_3565759011 .iview-controlNav div.iview-items ul li a.iview-control,
.iview-controlNav div.iview-items ul li a.iview-control {
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
}






.social-footer .queira-social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.social-footer .queira-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  color: #482b2a;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.social-footer .queira-social-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.social-footer .queira-social-facebook .queira-social-icon {
  -webkit-mask-image: url("/themes/leo_foodelic/assets/img/social/facebook.svg");
  mask-image: url("/themes/leo_foodelic/assets/img/social/facebook.svg");
}

.social-footer .queira-social-airbnb .queira-social-icon {
  -webkit-mask-image: url("/themes/leo_foodelic/assets/img/social/airbnb.svg");
  mask-image: url("/themes/leo_foodelic/assets/img/social/airbnb.svg");
}

.social-footer .queira-social-instagram .queira-social-icon {
  -webkit-mask-image: url("/themes/leo_foodelic/assets/img/social/instagram.svg");
  mask-image: url("/themes/leo_foodelic/assets/img/social/instagram.svg");
}

.social-footer .queira-social-link:hover,
.social-footer .queira-social-link:focus {
  background: #482b2a;
  color: #fff;
  transform: translateY(-4px);
}

.header-banner .ApColumn,
.header-banner .block,
.header-banner .ApHtml,
.header-banner .block_content,
.header-banner .block_content > div {
  margin-bottom: 0 !important;
}

.header-banner .ApColumn {
  min-height: 0 !important;
}

.header-banner .ApRow {
  align-items: center;
}

/* Ap Product List Builder: leo-plist-style-6 */
.leo-plist-style-6 .thumbnail-container .product-title,
.leo-plist-style-6 .thumbnail-container .product-title a,
.leo-plist-style-6 .thumbnail-container .product-price-and-shipping,
.leo-plist-style-6 .thumbnail-container .product-description-short,
.leo-plist-style-6 .thumbnail-container .category-default,
.leo-plist-style-6 .thumbnail-container .category-default a,
.leo-plist-style-6 .thumbnail-container .add-to-cart,
.leo-plist-style-6 .thumbnail-container .add-to-cart .leo-bt-cart-content,
.leo-plist-style-6 .thumbnail-container .functional-buttons .btn-product,
.leo-plist-style-6 .thumbnail-container .functional-buttons .quick-view,
.leo-plist-style-6 .thumbnail-container .functional-buttons .btn-product .name-btn-product,
.leo-plist-style-6 .thumbnail-container .functional-buttons .quick-view .name-btn-product {
  font-family: 'Moranga', Georgia, serif !important;
}

.leo-plist-style-6 .thumbnail-container .add-to-cart {
  background: #4a2422 !important;
  border-color: #4a2422 !important;
  color: #ffffff !important;
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  will-change: transform;
}

.leo-plist-style-6 .thumbnail-container .add-to-cart:hover,
.leo-plist-style-6 .thumbnail-container .add-to-cart:focus {
  background: #4a2422 !important;
  border-color: #4a2422 !important;
  color: #ffffff !important;
  transform: scale(1.06);
}

.leo-plist-style-6 .thumbnail-container .functional-buttons .btn-product,
.leo-plist-style-6 .thumbnail-container .functional-buttons .quick-view {
  transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  will-change: transform;
}

.leo-plist-style-6 .thumbnail-container .functional-buttons .btn-product:hover,
.leo-plist-style-6 .thumbnail-container .functional-buttons .quick-view:hover,
.leo-plist-style-6 .thumbnail-container .functional-buttons .btn-product:focus,
.leo-plist-style-6 .thumbnail-container .functional-buttons .quick-view:focus {
  background: #4a2422 !important;
  border-color: #4a2422 !important;
  color: #ffffff !important;
  transform: scale(1.06);
}

/* Hover effect on product image (match button) */
.leo-plist-style-6 .thumbnail-container .product-image img {
  transition: transform 0.18s ease !important;
  will-change: transform;
}
.leo-plist-style-6 .thumbnail-container:hover .product-image img {
  transform: scale(1.06);
}

/* Remove the white zoom overlay on hover (keep clean zoom) */
.leo-plist-style-6 .thumbnail-container .product-image .product-thumbnail::before {
  display: none !important;
}

/* ==========================================================================
   Correções de Contraste e Acessibilidade para a Skin Customizada (5ª Cor)
   ========================================================================== */

/* Força a cor do texto e de ícones para branco em botões e links que ganham fundo na cor de destaque no hover/normal */
.custom_color .social-footer .queira-social-link:hover,
.custom_color .social-footer .queira-social-link:focus,
.custom_color .btn-inverse:hover,
.custom_color .btn-inverse:focus,
.custom_color .btn-outline:hover,
.custom_color .btn-outline:focus,
.custom_color .btn-outline:active,
.custom_color .btn-outline.active,
.custom_color .block_newsletter form .btn:hover,
.custom_color .thumbnail-container .quickview .quick-view:hover,
.custom_color .bannercontainer .tp-caption.btn.btn-discover:hover,
.custom_color .bannercontainer .tp-caption.btn.btn-white:hover,
.custom_color .iview-directionNav a:hover,
.custom_color .box-show-more a:hover,
.custom_color .btn:hover,
.custom_color .btn:focus,
.custom_color a.btn:hover,
.custom_color a.btn:focus,
.custom_color .btn-primary:hover,
.custom_color .btn-primary:focus,
.custom_color .btn-secondary:hover,
.custom_color .btn-secondary:focus,
.custom_color .btn-image a:hover,
.custom_color .btn-image a:focus,
.custom_color .box-banner-1-2 .ApImage.block-img-3-2 .image_description .btn-image a:hover,
.custom_color .box-banner-1-2 .ApImage.block-img-3-2 .image_description .btn-image a:focus {
  color: #ffffff !important;
}

/* Garante que qualquer tag de texto ou ícone interno (Material Icons, FontAwesome, etc.) também herde a cor branca nos hovers de botões */
.custom_color .social-footer .queira-social-link:hover *,
.custom_color .social-footer .queira-social-link:focus *,
.custom_color .btn-inverse:hover *,
.custom_color .btn-inverse:focus *,
.custom_color .btn-outline:hover *,
.custom_color .btn:hover *,
.custom_color a.btn:hover *,
.custom_color .btn-primary:hover *,
.custom_color .btn-secondary:hover *,
.custom_color .btn-image a:hover * {
  color: #ffffff !important;
}

/* Define a cor de hover dos links normais do rodapé para #834e4C (evitando links de redes sociais e botões) */
.footer-container a:hover:not(.queira-social-link):not(.btn),
.footer-container a:focus:not(.queira-social-link):not(.btn) {
  color: #834e4c !important;
}

/* ==========================================================================
   Ajustes de Exibição e Centralização do Carrinho de Compras
   ========================================================================== */

/* Centraliza perfeitamente o número da quantidade de itens no círculo vermelho do carrinho */
.box-header-top #_desktop_cart .cart-products-count {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* Garante que o valor total do carrinho apareça ao lado do ícone, em linha, e não seja cortado por overflow */
#_desktop_cart,
#_desktop_cart .blockcart,
#_desktop_cart .blockcart .header,
#_desktop_cart .blockcart .header a {
  overflow: visible !important;
  width: auto !important;
}

#_desktop_cart .blockcart .header span.value {
  position: static !important;
  display: inline-block !important;
  margin-left: 12px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   Ajustes do Botão WhatsApp no Megamenu e de Seleção
   ========================================================================== */

/* Estilo do botão "Fazer pedido" para evitar que ele extrapole e manter design premium */
.btn-whatsapp-menu {
  background-color: #482b2a !important;
  border-color: #482b2a !important;
  color: #ffffff !important;
  padding: 6px 14px !important;
  font-family: 'Moranga', Georgia, serif !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  display: inline-block !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  border: none !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  margin-top: 10px !important;
}

.btn-whatsapp-menu:hover,
.btn-whatsapp-menu:focus {
  background-color: #5c3736 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.btn-whatsapp-menu i.fa-whatsapp {
  margin-right: 6px !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}

/* ==========================================================================
   Centralização do Megamenu no Header
   ========================================================================== */

/* Remove floats e força Flexbox centralizado em toda a árvore do menu horizontal */
.ApMegamenu {
  width: 100% !important;
  float: none !important;
  display: block !important;
}

/* Container do menu (nav) */
.leo-megamenu,
nav.navbar.leo-megamenu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  float: none !important;
  background: transparent !important;
}

/* Div collapse do menu */
.leo-megamenu .leo-top-menu,
.leo-megamenu .collapse {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  float: none !important;
}

/* Lista principal de abas (ul) */
ul.megamenu.horizontal {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: auto !important;
}

/* Itens de lista (li) */
ul.megamenu.horizontal > li {
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ==========================================================================
   Rolagem Suave (Smooth Scroll) para Links Âncora
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

/* Adiciona um recuo no topo do elemento alvo da âncora para compensar o cabeçalho fixo */
:target {
  scroll-margin-top: 100px;
}

/* Deixa a fonte do menu horizontal em negrito */
ul.megamenu.horizontal .menu-title,
ul.megamenu.horizontal a.nav-link {
  font-weight: 700 !important;
}