/* ------------------------------------------------------------------ */
/* Ajustes de celular e desempenho                                    */
/* ------------------------------------------------------------------ */
@media (max-width: 700px) {
	/* árvore do hero em versão leve para celular */
	.px-arvore { background-image: url("../img/hero/arvore-m.webp") !important; }
}
@media (max-width: 560px) {
	/* cabeçalho compacto: marca + cesta numa linha, menu em uma linha abaixo */
	.bosque-topo__inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 10px; padding: 8px 12px; }
	.bosque-marca { margin: 0; gap: 8px; min-width: 0; }
	.bosque-marca__nome { font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.bosque-marca__fada { width: 10px; height: 10px; }
	.bosque-carrinho { padding: 6px 10px; font-size: .8rem; gap: 6px; }
	.bosque-nav { grid-column: 1 / -1; order: 3; width: auto; overflow-x: auto; scrollbar-width: none; }
	.bosque-nav::-webkit-scrollbar { display: none; }
	.bosque-nav .menu { flex-wrap: nowrap; justify-content: center; gap: 2px; }
	.bosque-nav a { padding: 5px 10px; font-size: .78rem; white-space: nowrap; }
	.bosque-conteudo { padding: 0 14px 60px; }
	/* tocador menor, sem cobrir conteúdo */
	.playlist { right: 10px; bottom: 10px; }
	.playlist__abrir { padding: 6px 12px 6px 6px; gap: 8px; }
	.playlist__nota { width: 28px; height: 28px; }
	.playlist__convite { font-size: .64rem; letter-spacing: .12em; }
	/* textos e seções */
	.bosque-prologo { margin-bottom: 52px; }
	.bosque-prologo__rotulo::before, .bosque-prologo__rotulo::after, .bosque-lenda__rotulo::before, .bosque-lenda__rotulo::after { width: 32px; }
	.bosque-convite { padding: 26px 20px; }
	.pergaminho__folha { padding: 40px 18px 50px; }
	.pergaminho__rolo::before { left: -8px; } .pergaminho__rolo::after { right: -8px; }
	.pergaminho__selo { width: 52px; height: 52px; bottom: -14px; }
	.moldura { width: min(340px, 82vw); padding: 9px; }
	.bosque-presentes-intro__fecho { font-size: 1.1rem; }
	.bosque-inventario__chamada { padding: 16px 28px 14px; }
}
/* toque: sem efeitos de hover que "grudam" */
@media (hover: none) {
	ul.products li.product:hover, .bosque-botao:hover, .playlist__abrir:hover { transform: none; }
}

/* o WooCommerce cria um ::before na lista que virava uma célula vazia na grade */
.woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; display: none !important; }
@media (max-width: 560px) {
	.bosque-cartao { padding: 22px 18px; }
	.bosque-detalhes { gap: 14px; margin-bottom: 48px; }
}

/* nada pode alargar a página no celular (o brilho do título passava da tela e o navegador "afastava" o zoom) */
html { overflow-x: clip; }
.px-hero { overflow-x: clip; }
@media (max-width: 900px) { .bosque-logo::before { width: 120%; } }

/* botões mostram que estão trabalhando */
.pergaminho__enviar.is-enviando { opacity: .75; cursor: progress; pointer-events: none; }

/* tocador no celular: só um botão redondo, para não cobrir o conteúdo */
@media (max-width: 560px) {
	.playlist__abrir { padding: 5px; border-radius: 50%; }
	.playlist__convite { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.playlist__nota { width: 34px; height: 34px; }
	.playlist__tocando { gap: 8px; padding: 5px 5px 5px 10px; max-width: 230px; }
	.playlist__rotulo { display: none; }
	.playlist__titulo { font-size: .78rem; }
	.playlist__btn { width: 32px; height: 32px; }
}