/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* === Jakarta Perfumaria — identidade visual (azul royal do logo) === */
:root {
	--wd-primary-color: #24409e;
	--wd-alternative-color: #1b3178;
	--wd-link-color: #24409e;
	--wd-link-color-hover: #1b3178;
	--btn-accented-bgcolor: #24409e;
	--btn-accented-bgcolor-hover: #1b3178;
	--btn-color-bgcolor: #24409e;
	--btn-color-bgcolor-hover: #1b3178;
}

/* Botão flutuante de WhatsApp */
.jakarta-wa-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
	transition: transform .2s ease;
}
.jakarta-wa-float:hover { transform: scale(1.08); }
.jakarta-wa-float svg { width: 30px; height: 30px; fill: #fff; }

/* Preço em destaque na cor da marca */
.woocommerce-Price-amount { color: #24409e; font-weight: 600; }

/* === Rodapé — rebalanceia largura das colunas (desktop) === */
/* Coluna 1 (logo/descrição) tem mais conteúdo, ganha mais espaço;
   coluna 4 (Redes Sociais) tinha só 2 links e sobrava vazio. */
@media (min-width: 1025px) {
	.wd-footer .footer-column-1 { --wd-col-lg: 4; }
	.wd-footer .footer-column-4 { --wd-col-lg: 2; }
}

/* === Rodapé — Redes Sociais como ícones em vez de lista de texto === */
.wd-footer .footer-column-4 #menu-atendimento {
	display: flex;
	gap: 14px;
	margin-top: 6px;
}
.wd-footer .footer-column-4 #menu-atendimento li { margin: 0; }
.wd-footer .footer-column-4 #menu-atendimento a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .2);
	color: transparent;
	overflow: hidden;
	transition: background .2s ease, border-color .2s ease;
}
.wd-footer .footer-column-4 #menu-atendimento a::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 19px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.wd-footer .footer-column-4 #menu-atendimento a[href*="wa.me"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2a10 10 0 0 0-8.6 15L2 22l5.1-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1-.2.2-.7.8-.8 1-.2.2-.3.2-.5.1-.2-.1-1-.4-1.9-1.2-.7-.6-1.2-1.4-1.3-1.6-.1-.2 0-.4.1-.5.1-.1.2-.3.4-.4.1-.1.2-.2.2-.4.1-.2 0-.3 0-.4 0-.1-.6-1.4-.8-1.9-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 1.9s.8 2.2.9 2.3c.1.2 1.6 2.5 4 3.5.6.2 1 .4 1.3.5.6.2 1.1.2 1.5.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2-.1-.1-.2-.1-.4-.2z'/%3E%3C/svg%3E");
}
.wd-footer .footer-column-4 #menu-atendimento a[href*="instagram.com"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='4.5' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='white'/%3E%3C/svg%3E");
}
.wd-footer .footer-column-4 #menu-atendimento a:hover {
	background: #24409e;
	border-color: #24409e;
}