/* ===========================================================
   DaFonte - ajustes de usabilidade sobre o tema
   Carregado depois do site.min.css em todas as páginas geradas.
   - Alvos de toque com pelo menos 44px (WCAG 2.5.5)
   - Ações que só apareciam no hover agora funcionam no toque
   - Movimento reduzido respeitado
   =========================================================== */

/* Botão do menu no celular: área de toque 44x44, ícone no mesmo lugar */
.meanmenu-reveal{width:44px!important;height:44px!important;line-height:40px!important;margin-top:-60px!important;margin-right:-10px!important}

/* Setas do banner */
.tm-heroslider-slider .slick-arrow{width:44px;height:44px;margin-bottom:-7px}
.tm-heroslider-slider .slick-arrow.slick-prev{margin-right:-7px}
.tm-heroslider-slider .slick-arrow.slick-next{margin-left:-7px}

/* Redes sociais do rodapé */
.widget-info ul li a{width:44px;height:44px}
.widget-info ul li a i{line-height:44px}

/* Links "Ver receita", "Leia mais", "Solicitar proposta": área maior sem mudar o layout */
.tm-readmore{padding:9px 0;margin:-9px 0}
.tm-service-frontside h3 a,.tm-service-backside h3 a{color:inherit}
.tm-service-frontside h3 a:hover,.tm-service-backside h3 a:hover{text-decoration:underline}
.tm-service-backside .tm-readmore{display:inline-block;margin:0 8px 0 0;min-height:44px}

/* Tags das receitas e posts */
.blogitem-tags ul li a{padding:10px 16px}

/* Cartões de produto: no toque (sem hover) a descrição e o botão
   ficam sempre visíveis abaixo da foto, sem o efeito de virar */
@media (hover:none){
  .tm-service{height:auto;-webkit-perspective:none;perspective:none}
  .tm-service-inner,.tm-service:hover .tm-service-inner{height:auto;-webkit-transform:none;transform:none;-webkit-transform-style:flat;transform-style:flat}
  .tm-service-frontside{position:relative;height:190px}
  .tm-service-backside{position:relative;height:auto;-webkit-transform:none;transform:none;padding:20px 20px 24px}
  .tm-service-backside h3{display:none}
}

/* Movimento reduzido: sem animações de entrada, giro de cartão ou zoom das setas */
@media (prefers-reduced-motion:reduce){
  .tm-scrollanim{opacity:1!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;animation:none!important}
  .tm-service-inner,.tm-heroslider-slider .slick-arrow{-webkit-transition:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
}

/* Botão "Quero ser distribuidor" do topo */
.tm-header-utils .tm-button{min-height:44px;display:inline-flex;align-items:center}

/* Imagem do card do blog: o link ocupa a área da imagem */
.tm-blog-thumb{display:block}

/* Ações flutuantes: WhatsApp à direita e retorno ao topo à esquerda. */
.df-whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:999;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.22);transition:background .2s ease,transform .2s ease}
.df-whatsapp-float:link,.df-whatsapp-float:visited{color:#fff}
.df-whatsapp-float:hover,.df-whatsapp-float:focus-visible{background:#1da851;color:#fff;transform:translateY(-2px)}
.df-whatsapp-float svg{display:block;width:28px;height:28px}
.df-whatsapp-float:focus-visible,#back-top-top:focus-visible{outline:3px solid #1b7581;outline-offset:4px}
#back-top-top{left:24px;right:auto;bottom:28px;z-index:998}
@media(max-width:767px){.df-whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}#back-top-top{display:block;left:16px;right:auto;bottom:19px;width:45px;height:45px}}

/* Listas da barra lateral do blog */
.widgets-blog .single-widget ul li a{display:inline-block;padding:10px 0}

/* Números de telefone e WhatsApp nunca quebram no meio */
a[href^="tel:"],a[href*="wa.me/"]:not(.tm-button):not(.tm-readmore){white-space:nowrap}

/* Submenu "Receitas" no topo (computador). Abre ao passar o mouse e também
   ao navegar pelo teclado (focus-within). O link "Receitas" continua levando
   à página com todas as receitas. */
@media (min-width:992px){
  .tm-header-nav .tm-header-nav-dropdown>a::after{content:"\f123";font-family:Ionicons;font-size:12px;padding-left:4px;vertical-align:middle}
  .tm-header-nav .df-menu-receitas>ul{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:560px;max-height:calc(100vh - 110px);overflow-y:auto;
    display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:12px 16px;text-align:left;background:#fff;border-top:3px solid #1b7581;border-radius:0 0 6px 6px;
    box-shadow:0 8px 24px rgba(16,24,40,.08);visibility:hidden;opacity:0;z-index:20;transition:opacity .15s ease-out,visibility 0s linear .15s}
  .tm-header-nav .df-menu-receitas:hover>ul,.tm-header-nav .df-menu-receitas:focus-within>ul{visibility:visible;opacity:1;transition:opacity .15s ease-out,visibility 0s}
  .tm-header-nav .df-menu-receitas>ul li{display:block;margin:0}
  .tm-header-nav .df-menu-receitas>ul li a{display:block;padding:8px 0;font-size:15px;font-weight:400;line-height:1.35;color:#444}
  .tm-header-nav .df-menu-receitas>ul li a:hover,.tm-header-nav .df-menu-receitas>ul li a:focus-visible{color:#1b7581}
  .tm-header-nav .df-menu-receitas>ul li.df-menu-todas{grid-column:1/-1;border-top:1px solid #e6eef0;margin-top:6px}
  .tm-header-nav .df-menu-receitas>ul li.df-menu-todas a{font-weight:600;color:#1b7581}
}
@media (prefers-reduced-motion:reduce){.tm-header-nav .df-menu-receitas>ul{transition:none}}

/* Menu do celular: cabe a lista de receitas (rola dentro da tela), itens com 44px
   e fundo mais escuro para o texto branco ficar legível (contraste AA) */
.tm-mobilenav .mean-nav{background:#1b7581}
.tm-mobilenav .mean-nav>ul{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px)}
.tm-mobilenav .mean-nav>ul li a{padding-top:12px;padding-bottom:12px;font-size:15px}
.tm-mobilenav .mean-nav>ul li li a{padding-left:9%;background:rgba(0,0,0,.12)}
.tm-mobilenav .mean-nav>ul li a.mean-expand{height:44px!important;line-height:44px!important;width:44px!important;background:rgba(0,0,0,.15)}