/* ==========================================================
   WooFood Theme 3.6.0 — Cardápio
   Página de catálogo em Flexbox, usando o mesmo card da Home.
   ========================================================== */

body.woofood-shop-page.woofood-app-theme .content-inner > .container.fb{
  width:100%;
  max-width:var(--woofood-container-width,1180px);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

.woofood-app-theme .woofood-shop-screen{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0 0 30px;
  border:0;
  background:transparent;
  box-shadow:none;
}

/* Breadcrumbs no mesmo componente das demais páginas. */
.woofood-app-theme .woofood-shop-screen > .woofood-page-breadcrumbs{
  margin-bottom:12px;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-products-header{
  margin:0 0 16px;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-products-header__title.page-title{
  margin:0;
  color:var(--woofood-heading);
  font-weight:900;
  letter-spacing:-.025em;
}

/* ==========================================================
   Topo / filtros
   Sem caixa externa: a busca conserva o mesmo visual da Home.
   ========================================================== */
.woofood-app-theme .woofood-shop-screen .woofood-shop-toolbar{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  width:100%;
  margin:0 0 20px;
  padding:1px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Busca — mesma aparência da Home, fora do escopo .woofood-dynamic-home. */
.woofood-app-theme .woofood-shop-screen .woofood-home-search{
  display:block;
  width:100%;
  margin:0;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__field{
  width:100%;
  max-width:100%;
  min-height:56px;
  flex-wrap:nowrap;
  align-items:center;
  border:var(--woofood-polish-border);
  border-radius:var(--woofood-card-radius)!important;
  background:var(--woofood-surface);
  box-shadow:var(--woofood-polish-soft-shadow);
  overflow:hidden;
  transition:box-shadow .2s ease,border-color .2s ease;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__field:focus-within{
  border-color:var(--woofood-border-hover);
  box-shadow:var(--woofood-focus-ring),var(--woofood-polish-soft-shadow);
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__icon,
.woofood-app-theme .woofood-shop-screen .woofood-home-search__input{
  min-height:54px;
  background:transparent!important;
  border:0!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__icon{
  flex:0 0 auto;
  width:52px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--woofood-muted);
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__icon svg{
  display:block;
  width:20px;
  height:20px;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__icon svg path{
  fill:none;
  stroke:currentColor;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__submit{
  min-height:54px;
  margin:0;
  padding:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
  transform:none!important;
  transition:color .18s ease;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__submit:hover,
.woofood-app-theme .woofood-shop-screen .woofood-home-search__submit:focus-visible{
  color:var(--woofood-primary-hover)!important;
  background:transparent!important;
  transform:none!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__submit:focus-visible{
  outline:2px solid color-mix(in srgb,var(--woofood-primary-hover) 38%,transparent);
  outline-offset:-6px;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__input{
  min-width:0;
  width:1%;
  flex:1 1 auto;
  padding-left:18px!important;
  padding-right:8px!important;
  color:var(--woofood-text)!important;
  font-weight:750;
  outline:0!important;
  box-shadow:none!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-home-search__input::placeholder{
  color:var(--woofood-muted);
  opacity:.82;
}

/* Categorias roláveis: úteis no mobile sem quebrar a página. */
.woofood-app-theme .woofood-shop-screen .woofood-shop-chips{
  display:flex!important;
  align-items:center;
  gap:8px;
  width:100%;
  max-width:100%;
  margin:0;
  padding:2px 1px 4px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.woofood-app-theme .woofood-shop-screen .woofood-shop-chips::-webkit-scrollbar{display:none}

.woofood-app-theme .woofood-shop-screen .woofood-shop-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  padding:9px 14px;
  border:1px solid var(--woofood-border);
  border-radius:var(--woofood-button-radius);
  background:var(--woofood-surface);
  color:var(--woofood-text);
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  text-decoration:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-chip:hover{
  border-color:var(--woofood-primary-hover);
  background:var(--woofood-primary-hover);
  color:var(--woofood-on-primary-hover)!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-chip:focus-visible{
  border-color:var(--woofood-primary-hover);
  background:var(--woofood-primary-hover);
  color:var(--woofood-on-primary-hover)!important;
  box-shadow:var(--woofood-focus-ring);
  outline:0;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-chip.is-active{
  border-color:var(--woofood-primary);
  background:var(--woofood-primary);
  color:var(--woofood-on-primary)!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-chip.is-active:hover,
.woofood-app-theme .woofood-shop-screen .woofood-shop-chip.is-active:focus-visible{
  border-color:var(--woofood-primary-hover);
  background:var(--woofood-primary-hover);
  color:var(--woofood-on-primary-hover)!important;
}

/* Resultado, ordenação e seletor de visualização. */
.woofood-app-theme .woofood-shop-screen .woofood-shop-controls{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 16px;
  width:100%;
  padding-top:2px;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-count{
  min-width:0;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-result-count{
  float:none!important;
  margin:0!important;
  color:var(--woofood-muted);
  font-size:12px;
  font-weight:700;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  margin-left:auto;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-ordering{
  float:none!important;
  margin:0!important;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-ordering select{
  max-width:100%;
  margin:0;
  border:1px solid var(--woofood-border)!important;
  border-radius:var(--woofood-button-radius)!important;
  background:var(--woofood-surface)!important;
  color:var(--woofood-text);
  box-shadow:none;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-ordering select:hover{
  border-color:var(--woofood-border-hover)!important;
}

.woofood-app-theme .woofood-shop-screen .woocommerce-ordering select:focus,
.woofood-app-theme .woofood-shop-screen .woocommerce-ordering select:focus-visible{
  border-color:var(--woofood-border-hover)!important;
  box-shadow:var(--woofood-focus-ring)!important;
  outline:0!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-switcher{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid var(--woofood-border);
  border-radius:var(--woofood-button-radius);
  background:var(--woofood-surface-soft);
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0;
  padding:0;
  border:0!important;
  border-radius:calc(var(--woofood-button-radius) - 4px)!important;
  background:transparent!important;
  color:var(--woofood-muted)!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-button svg{
  width:18px;
  height:18px;
  display:block;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-button:hover{
  background:var(--woofood-primary-soft)!important;
  color:var(--woofood-primary)!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-button:focus-visible{
  outline:0;
  box-shadow:var(--woofood-focus-ring)!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-view-button.is-active{
  background:var(--woofood-primary)!important;
  color:var(--woofood-on-primary)!important;
}

/* ==========================================================
   Produtos
   O wrapper é uma Bootstrap row (Flexbox). O card é o mesmo da Home.
   ========================================================== */
.woofood-app-theme .woofood-shop-screen .woofood-shop-products.woofood-foodia-product-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch;
  margin-top:0;
  margin-bottom:20px;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-products > .woofood-shop-product{
  min-width:0;
  display:flex!important;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-products .woofood-item-product.item-box{
  width:100%;
  height:100%;
  margin:0!important;
}

/* Lista: exatamente a composição horizontal usada na Home. */
.woofood-app-theme .woofood-shop-screen[data-woofood-view="list"] .woofood-shop-product{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
}

/* Cards: mesmo conteúdo, visual vertical; o conjunto continua sendo Flexbox. */
.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-shop-product{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product.item-box{
  flex-direction:column;
  align-items:stretch;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product.item-box .item-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0!important;
  min-height:0;
  flex:0 0 auto!important;
  aspect-ratio:1 / 1;
  margin:0;
  overflow:hidden;
  border-radius:var(--woofood-card-radius) var(--woofood-card-radius) 0 0;
  background:var(--woofood-product-card-image-bg,var(--woofood-surface-soft));
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product.item-box .item-media img{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:100%;
  object-fit:contain;
  padding:0;
  margin:0;
  border-radius:0;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product.item-box .item-content{
  display:block;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  margin-left:0;
  padding:14px 14px 15px;
  border-radius:0 0 var(--woofood-card-radius) var(--woofood-card-radius);
  box-shadow:none;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product__description{
  min-height:calc(2 * 1.35em);
  max-height:calc(2 * 1.35em);
  margin:6px 0 0!important;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product.item-box .item-footer{
  align-items:center;
  gap:8px;
  margin-top:10px;
}

.woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-item-product__meta{
  gap:4px;
}

/* Empty / paginação. */
.woofood-app-theme .woofood-shop-screen .woofood-shop-empty{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:42px 20px;
  border:1px dashed var(--woofood-border);
  border-radius:var(--woofood-card-radius);
  background:var(--woofood-surface-soft);
  text-align:center;
}

.woofood-app-theme .woofood-shop-screen .woofood-shop-empty > span{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:var(--woofood-button-radius);
  background:var(--woofood-primary-soft);
  color:var(--woofood-primary);
}

/* Paginação do Cardápio: componente compacto, tokenizado e responsivo. */
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination{
  display:flex;
  justify-content:center;
  width:100%;
  margin:28px 0 8px!important;
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0!important;
  padding:6px!important;
  border:1px solid var(--woofood-border)!important;
  border-radius:var(--woofood-card-radius)!important;
  background:var(--woofood-surface)!important;
  box-shadow:var(--woofood-polish-soft-shadow);
  overflow:visible!important;
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li{
  float:none!important;
  margin:0!important;
  padding:1px!important;
  border:0!important;
  background:transparent!important;
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li .page-numbers{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:var(--woofood-button-radius)!important;
  background:transparent!important;
  color:var(--woofood-text)!important;
  font-size:13px;
  font-weight:800;
  line-height:1!important;
  text-decoration:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li a.page-numbers:hover,
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li a.page-numbers:focus-visible{
  border-color:var(--woofood-border-hover)!important;
  background:var(--woofood-primary-soft)!important;
  color:var(--woofood-primary-hover)!important;
  transform:translateY(-1px);
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li a.page-numbers:focus-visible{
  outline:0;
  box-shadow:var(--woofood-focus-ring);
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li span.page-numbers.current{
  border-color:var(--woofood-primary)!important;
  background:var(--woofood-primary)!important;
  color:var(--woofood-on-primary)!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--woofood-primary) 18%,transparent);
}
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination .prev.page-numbers,
.woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination .next.page-numbers{
  width:40px;
  padding:0!important;
  color:var(--woofood-primary)!important;
}
.woofood-app-theme .woofood-shop-screen .woofood-pagination-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
}
.woofood-app-theme .woofood-shop-screen .woofood-pagination-arrow svg{
  display:block;
  width:30px;
  height:30px;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (min-width:768px){
  .woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-shop-product{
    flex:0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
}

@media (min-width:992px){
  .woofood-app-theme .woofood-shop-screen[data-woofood-view="list"] .woofood-shop-product{
    flex:0 0 50%!important;
    width:50%!important;
    max-width:50%!important;
  }
}

@media (min-width:1200px){
  .woofood-app-theme .woofood-shop-screen[data-woofood-view="cards"] .woofood-shop-product{
    flex:0 0 33.333333%!important;
    width:33.333333%!important;
    max-width:33.333333%!important;
  }
}

@media (max-width:767.98px){
  body.woofood-shop-page.woofood-app-theme .content-inner > .container.fb{
    padding-left:14px;
    padding-right:14px;
  }

  .woofood-app-theme .woofood-shop-screen{
    padding-bottom:20px;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-toolbar{
    gap:12px;
    margin-bottom:16px;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-home-search__icon,
  .woofood-app-theme .woofood-shop-screen .woofood-home-search__input{
    min-height:50px;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-home-search__field{
    min-height:52px;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-home-search__submit{
    min-height:50px;
    width:50px;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-actions{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-ordering{
    min-width:0;
    flex:1 1 auto;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-ordering select{
    width:100%;
  }
}

@media (max-width:420px){
  .woofood-app-theme .woofood-shop-screen .woofood-shop-controls{
    align-items:stretch;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-count{
    flex:1 1 100%;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-actions{
    flex-wrap:nowrap;
  }

  .woofood-app-theme .woofood-shop-screen .woofood-shop-view-switcher{
    flex:0 0 auto;
  }
}

@media (max-width:575.98px){
  .woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination{
    margin-top:22px!important;
  }
  .woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul{
    gap:4px;
    padding:4px!important;
    border-radius:var(--woofood-button-radius)!important;
  }
  .woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination ul li .page-numbers{
    min-width:36px;
    height:36px;
    padding:0 8px!important;
    font-size:12px;
  }
  .woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination .prev.page-numbers,
  .woofood-app-theme .woofood-shop-screen nav.woocommerce-pagination .next.page-numbers{
    width:36px;
  }
}