/* ==========================================================================
   Flora Decor — woo.css (galeria do produto e limpeza do WooCommerce)

   Todas as medidas e cores vêm das variáveis do painel; os valores após a
   vírgula servem apenas de segurança.
   ========================================================================== */

/* ---------- Galeria de produto ---------- */
.woocommerce-product-gallery{position:relative;border-radius:var(--flora-radius-card,14px);overflow:hidden}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image a{display:block}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:4}
.flex-viewport{border-radius:var(--flora-radius-card,14px);overflow:hidden;box-shadow:var(--flora-shadow,0 10px 30px rgba(47,74,53,.10))}
.flex-control-thumbs{display:flex;gap:10px;list-style:none;padding:12px 0 0;margin:0;flex-wrap:wrap}
.flex-control-thumbs li{width:72px}
.flex-control-thumbs img{border-radius:10px;cursor:pointer;opacity:.7;transition:opacity .2s}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1}

/*
 * ---------- Contador de resultados e ordenação ----------
 * Estes dois elementos NÃO são escondidos: eles são ligados e desligados no
 * painel (Identidade Visual → Catálogo: "Mostrar total de resultados" e
 * "Mostrar ordenação"). Quando desligados, o template não os imprime.
 */
.flora-archive__toolbar{
	display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
	margin:0 0 18px;padding:10px 14px;
	background:var(--flora-field,#f7f4ef);
	border:1px solid var(--flora-border,#ece7dd);
	border-radius:var(--flora-radius,14px);
}
.flora-archive__toolbar .woocommerce-result-count{
	margin:0;color:var(--flora-muted,#7a7a72);
	font-size:calc(var(--flora-text-size,16px) - 2px);
}
.flora-archive__toolbar .woocommerce-ordering{margin:0}
.flora-archive__toolbar .woocommerce-ordering select,
.flora-archive__toolbar select.orderby{
	font-family:inherit;
	font-size:calc(var(--flora-text-size,16px) - 2px);
	color:var(--flora-ink,#2b2b2b);
	background:var(--flora-card,#fff);
	border:1px solid var(--flora-border,#ece7dd);
	border-radius:var(--flora-radius-btn,10px);
	padding:8px 12px;max-width:100%;
}
.flora-archive__toolbar .woocommerce-ordering select:focus,
.flora-archive__toolbar select.orderby:focus{outline:2px solid var(--flora-primary,#2f4a35);outline-offset:1px}

/*
 * ---------- Restos de "loja tradicional" ----------
 * O site é catálogo: carrinho, avaliações e mensagens de compra não existem.
 * O contador e a ordenação foram retirados desta lista de propósito, para que
 * os interruptores do painel realmente funcionem.
 */
.woocommerce-breadcrumb,
.woocommerce-product-rating,
.single-product .product .cart,
.added_to_cart,
.wc-block-cart,
.woocommerce-message,
.star-rating{display:none !important}

/* Título de arquivo padrão do Woo escondido (usamos o nosso). */
.woocommerce-products-header{display:none}

@media(max-width:768px){
	.flora-archive__toolbar{justify-content:flex-start;padding:10px 12px}
	.flora-archive__toolbar .woocommerce-ordering,
	.flora-archive__toolbar .woocommerce-ordering select{width:100%}
	.flex-control-thumbs li{width:60px}
}

/* ==========================================================================
   ETAPA 4.1 — CAMADA PREMIUM (galeria, barra de ordenação e página do produto)
   Mesma regra do restante do arquivo: nada fixado, tudo vindo do painel.
   ========================================================================== */

/* Galeria: a miniatura ativa é identificada por um anel, não só por opacidade —
   quem enxerga pouco contraste continua sabendo qual foto está aberta. */
.flex-control-thumbs img{
	transition:opacity var(--flora-dur-2,.28s) var(--flora-ease,cubic-bezier(.22,.61,.36,1)),
		transform var(--flora-dur-2,.28s) var(--flora-ease-emph,cubic-bezier(.16,1,.3,1)),
		box-shadow var(--flora-dur-2,.28s) var(--flora-ease,cubic-bezier(.22,.61,.36,1));
}
.flex-control-thumbs img.flex-active{box-shadow:0 0 0 2px var(--flora-primary,#2f4a35)}
@media(hover:hover) and (pointer:fine){
	.flex-control-thumbs img:hover{transform:translateY(-2px)}
}
.woocommerce-product-gallery__image img{transition:transform var(--flora-dur-3,.5s) var(--flora-ease-emph,cubic-bezier(.16,1,.3,1))}

/* Barra de resultados/ordenação: continua ligada e desligada no painel; aqui
   ela apenas ganha o mesmo acabamento dos demais campos do tema. */
.flora-archive__toolbar{
	transition:border-color var(--flora-dur-2,.28s) var(--flora-ease,cubic-bezier(.22,.61,.36,1));
}
.flora-archive__toolbar .woocommerce-ordering select,
.flora-archive__toolbar select.orderby{
	transition:border-color var(--flora-dur-2,.28s) var(--flora-ease,cubic-bezier(.22,.61,.36,1)),
		box-shadow var(--flora-dur-2,.28s) var(--flora-ease,cubic-bezier(.22,.61,.36,1));
}
.flora-archive__toolbar .woocommerce-ordering select:focus-visible,
.flora-archive__toolbar select.orderby:focus-visible{
	outline:2px solid var(--flora-primary,#2f4a35);outline-offset:2px;
	box-shadow:0 0 0 4px var(--flora-ring,rgba(47,74,53,.30));
}

/* Página do produto: o bloco de decisão (preço + WhatsApp) recebe respiro. */
.flora-single__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.flora-single__cta .flora-wa-btn,.flora-single__cta .flora-btn{min-height:50px}
.flora-single__price{letter-spacing:-.01em}