/* ==========================================================
   WooFood Theme 3.5.61 — Home
   Ajustes isolados da Home: container dinâmico e tokens visuais.
   ========================================================== */

/* A configuração de largura do WooFood deve governar toda a faixa visual
   principal da Home, sem alterar a estrutura Foodia existente. */
body.home.woofood-app-theme .content-inner > .container.fb{
  width:100%;
  max-width:var(--woofood-container-width,1180px);
  margin-left:auto;
  margin-right:auto;
}

body.home.woofood-app-theme .woofood-dynamic-home{
  width:100%;
  max-width:100%;
  min-width:0;
}

/* O banner de boas-vindas possui um .container próprio. Ele deve usar a
   mesma largura dinâmica e o mesmo gutter horizontal da Home. */
body.home.woofood-app-theme .author-notification.woofood-welcome-banner > .container.inner-wrapper{
  width:100%;
  max-width:var(--woofood-container-width,1180px);
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(14px,3vw,28px);
  padding-right:clamp(14px,3vw,28px);
  box-sizing:border-box;
}

/* Ícones herdando as cores configuradas em vez das cores embutidas do SVG. */
body.home.woofood-app-theme .woofood-home-search__icon svg path{
  fill:none;
  stroke:currentColor;
}

body.home.woofood-app-theme .woofood-wishlist-toggle{
  color:var(--woofood-muted);
}

body.home.woofood-app-theme .woofood-wishlist-toggle svg path{
  fill:none;
  stroke:currentColor;
}

/* Superfície e sombra do favorito acompanham o design system dinâmico. */
body.home.woofood-app-theme .woofood-recommended-products .recomended-list.woofood-product-card > .woofood-wishlist-toggle--carousel,
body.home.woofood-app-theme .woofood-recommended-products .recomended-list.woofood-product-card > .item-bookmark.woofood-wishlist-toggle--carousel,
body.home.woofood-app-theme .woofood-recommended-products .recomended-list.woofood-product-card > .bookmark.woofood-wishlist-toggle--carousel{
  background:color-mix(in srgb,var(--woofood-surface) 96%,transparent)!important;
  box-shadow:var(--woofood-shadow-soft)!important;
}

/* Os hovers antigos tinham sombra RGB fixa; na Home a sombra passa a seguir
   a cor/tom configurado no tema, sem mudar a geometria dos cards. */
body.home.woofood-app-theme .woofood-home-card:hover,
body.home.woofood-app-theme .woofood-home-card:focus-visible,
body.home.woofood-app-theme .woofood-recommended-products .recomended-list.woofood-product-card:hover,
body.home.woofood-app-theme .woofood-recommended-products .recomended-list.woofood-product-card:focus-within,
body.home.woofood-app-theme .woofood-item-product:hover,
body.home.woofood-app-theme .woofood-item-product:focus-within{
  box-shadow:var(--woofood-shadow-strong)!important;
}

@media (max-width:575px){
  body.home.woofood-app-theme .content-inner > .container.fb,
  body.home.woofood-app-theme .author-notification.woofood-welcome-banner > .container.inner-wrapper{
    padding-left:14px;
    padding-right:14px;
  }
}