/* Espaço entre a grade de produtos e o botão "Ver toda a loja" na vitrine da Home. */
.elementor-element-hwsbutton1 {
	margin-top: 32px !important;
}

/* Título "Direto da fábrica pra sua casa": fonte Eroded (arquivo local,
   ver /fonts). Uso pessoal — Billy Argel; checar licença antes de manter
   em produção comercial. */
@font-face {
	font-family: "Eroded Personal Use";
	src: url("fonts/eroded-personal-use.regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.elementor-element-hwsheading1 .elementor-heading-title {
	font-family: "Eroded Personal Use", cursive;
	letter-spacing: 1.5px;
	/* O TTF só tem o peso "Regular". O kit global do Elementor aplica
	   font-weight:600 em todo .elementor-heading-title — sem um weight
	   próprio, o navegador "engorda" o traço via negrito sintético, o que
	   fecha os contadores (o vão interno) de letras como D e O nessa
	   fonte, que já são bem estreitos por natureza (estilo carimbo/estêncil). */
	font-weight: normal;
	/* Cor sólida preta, sobrescrevendo o amarelo herdado do kit global
	   do Elementor (var(--e-global-color-primary), usada por padrão em
	   todo .elementor-heading-title). */
	color: #000000;
}

/* Página de resultados de busca (ver search.php): separa produtos e
   posts do blog em seções, cada uma com seu título. */
.search .cm-page-header {
	margin-top: 10px;
}
.waybeer-search-section-title {
	font-size: 22px;
	font-weight: 700;
	color: #324a6d;
	margin: 24px 0 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid #f6bc11;
}

/* Barra de frete grátis, no topo de toda página (ver waybeer_free_shipping_bar
   no functions.php). Atualiza sozinha quando o carrinho muda. */
.waybeer-shipping-bar {
	background: #324a6d;
	color: #ffffff;
	text-align: center;
	padding: 8px 16px;
	font-size: 13px;
}
.waybeer-shipping-bar__text strong {
	color: #f6bc11;
}
.waybeer-shipping-bar__track {
	max-width: 320px;
	height: 4px;
	margin: 6px auto 0;
	background: rgba(255, 255, 255, 0.25);
	border-radius: 2px;
	overflow: hidden;
}
.waybeer-shipping-bar__fill {
	height: 100%;
	background: #f6bc11;
	transition: width 0.3s ease;
}

/* Selos de segurança e pagamento, no rodapé (ver waybeer_trust_badges). */
.waybeer-trust-badges {
	background: #232323;
	color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	font-size: 13px;
}
.waybeer-trust-badges__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin: 4px 0;
}
.waybeer-trust-badges__item i {
	color: #f6bc11;
	margin-right: 6px;
}
.waybeer-trust-badges__pill {
	background: #ffffff;
	color: #232323;
	font-weight: 700;
	font-size: 11px;
	padding: 4px 10px;
	border-radius: 3px;
}

/* Way Beer — largura máxima do site, com o excedente preenchido pela
   mesma cor cinza-clara da marca (#F3F5F8), já usada no rodapé. */
/* especificidade extra necessária: o kit global do Elementor aplica
   .elementor-kit-3100{background-color:...} direto no body (mais específico
   que um simples "body{}"), então precisamos empatar/superar aqui. */
body.elementor-kit-3100,
body {
	background: #f3f5f8 !important;
}
body > .elementor {
	max-width: 1600px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Correção: o header.php do tema abre a div ".cm-content" (usada pelo CSS
   nativo ".cm-content .cm-row" para colocar conteúdo + sidebar lado a lado
   a partir de 992px). Como o header agora é o do Elementor (site inteiro),
   header.php nunca roda em páginas nativas (blog, arquivos, posts) e essa
   div nunca é aberta — o layout de duas colunas quebra e a sidebar cai
   pra baixo do conteúdo. Replicamos aqui a mesma regra sem depender do
   ".cm-content" ausente. */
.cm-row {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}
@media screen and (min-width: 62em) {
	.cm-row {
		flex-direction: row;
	}
}

/* Mesma limitação de largura máxima do restante do site (ver "body > .elementor"
   acima), agora para páginas nativas (Blog, arquivos, posts) — ".cm-row" é o
   wrapper mais externo disponível ali, já que ".cm-content"/".cm-container"
   nunca chegam a ser abertos (mesmo motivo do ajuste acima). */
body > .cm-row {
	max-width: 1600px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 4%;
	padding-right: 4%;
	box-sizing: border-box;
}

/* Bloco de harmonização na página de produto (ver waybeer_append_harmonizacao
   no functions.php), anexado ao final da descrição. */
.waybeer-harmonizacao {
	margin-top: 24px;
	padding: 16px 20px;
	background: #f9fafd;
	border-left: 4px solid #f6bc11;
	border-radius: 4px;
}
.waybeer-harmonizacao h3 {
	margin: 0 0 8px;
	font-size: 15px;
	color: #324a6d;
}
.waybeer-harmonizacao p {
	margin: 0;
	color: #324a6d;
}

/* Newsletter no rodapé: campo de e-mail em cima, botão embaixo,
   sem rótulo visível (usa o placeholder), sem redirecionar para outra
   página. */
.waybeer-newsletter-inline {
	max-width: 320px;
}
.waybeer-newsletter-inline .wpforms-form {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
}
.waybeer-newsletter-inline .wpforms-field-container > div[data-field-id="1"] {
	display: none !important;
}
.waybeer-newsletter-inline .wpforms-field-container {
	width: 100%;
	min-width: 0;
}
.waybeer-newsletter-inline .wpforms-field {
	padding: 0 !important;
	margin: 0 !important;
}
.waybeer-newsletter-inline .wpforms-field-label,
.waybeer-newsletter-inline .wpforms-field-sublabel {
	display: none !important;
}
.waybeer-newsletter-inline input[type="email"] {
	width: 100%;
	max-width: 100% !important;
	padding: 10px 10px;
	border-radius: 4px;
	border: none;
	font-size: 13px;
	box-sizing: border-box;
}
.waybeer-newsletter-inline .wpforms-submit-container {
	margin: 0 !important;
	flex: 0 0 auto;
}
.waybeer-newsletter-inline button[type="submit"] {
	white-space: nowrap;
	font-size: 13px;
	background: #f6bc11;
	color: #324a6d;
	font-weight: 700;
	border: none;
	border-radius: 4px;
	padding: 10px 14px;
	cursor: pointer;
}