/*
Theme Name: Glabela
Theme URI: https://glabela.com
Description: Tema-filho da loja Glabela (Twenty Twenty-Five + WooCommerce). Cores, fontes e partes vêm do repositório github.com/diedronegocios/glabela; não edite no servidor.
Author: Diédro Negócios
Template: twentytwentyfive
Version: 1.1.2
Requires at least: 6.7
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: glabela
*/

/* Faixa de avisos acima do cabeçalho */
.gl-faixa { font-size: .8125rem; letter-spacing: .01em; }
.gl-faixa p { margin: 0; }

/* Cabeçalho: busca ocupa o meio, como nas grandes lojas */
.gl-cabecalho .wp-block-search { flex: 1 1 320px; max-width: 640px; }
.gl-cabecalho .wp-block-search__input { border-radius: 999px 0 0 999px; border: 2px solid var(--wp--preset--color--roxo); padding: .6rem 1rem; }
.gl-cabecalho .wp-block-search__button { border-radius: 0 999px 999px 0; margin-left: 0; }
.gl-marca img { display: block; }
.gl-marca .wp-block-site-title a { text-decoration: none; letter-spacing: -.02em; }

/* Barra de departamentos */
.gl-departamentos { border-top: 1px solid rgba(255,255,255,.12); }
.gl-departamentos a { text-decoration: none; }
.gl-departamentos a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Cartões de departamento da home */
.gl-cartao { transition: transform .15s ease, box-shadow .15s ease; height: 100%; }
.gl-cartao:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(42,20,51,.12); }
.gl-cartao h3 a { text-decoration: none; color: inherit; }
.gl-cartao h3 a::after { content: ""; position: absolute; inset: 0; }
.gl-cartao { position: relative; }

/* Preço e selo de oferta (WooCommerce) */
.wc-block-components-product-price, .wp-block-woocommerce-product-price { font-family: var(--wp--preset--font-family--poppins); font-weight: 700; }
.wc-block-components-product-sale-badge, .wp-block-woocommerce-product-sale-badge { background: var(--wp--preset--color--ambar); color: var(--wp--preset--color--ameixa); border: 0; }

/* Celular: nada de rolagem lateral */
@media (max-width: 781px) {
	.gl-cabecalho > .wp-block-group { flex-wrap: wrap; }
	.gl-cabecalho .wp-block-search { order: 3; flex-basis: 100%; max-width: none; }
	.gl-departamentos { overflow-x: auto; flex-wrap: nowrap !important; }
}

/* 1.0.1 (07/11/2026) — ajustes vistos no navegador depois da 1ª publicação */
/* "Entrar": o link herdava a cor dos links (roxo-profundo) sobre o fundo ameixa */
.gl-cabecalho .wp-block-woocommerce-customer-account a,
.gl-cabecalho .wp-block-woocommerce-customer-account a:hover { color: #FFFFFF; }
/* Rodapé: links claros, sem marcadores */
footer.wp-block-group a { color: #F4E6F8; text-decoration: none; }
footer.wp-block-group a:hover { color: #FFFFFF; text-decoration: underline; }
footer.wp-block-group ul.wp-block-list { list-style: none; padding-left: 0; }
footer.wp-block-group ul.wp-block-list li { margin: .35em 0; }
/* Busca nunca passa da largura da tela */
.gl-cabecalho .wp-block-search, .gl-cabecalho .wp-block-search__inside-wrapper { min-width: 0; box-sizing: border-box; }
@media (max-width: 781px) {
	.gl-cabecalho .wp-block-search__inside-wrapper { width: 100% !important; }
	/* Departamentos: grade contínua de 2 colunas no celular */
	.wp-block-group:has(> .wp-block-columns .gl-cartao) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; }
	.wp-block-group:has(> .wp-block-columns .gl-cartao) > .wp-block-heading { grid-column: 1 / -1; margin: 0 0 4px; }
	.wp-block-columns:has(.gl-cartao), .wp-block-columns:has(.gl-cartao) > .wp-block-column { display: contents !important; }
	.gl-cartao { padding: 16px 14px !important; }
	.gl-cartao h3 { font-size: 1.05rem; }
	.gl-cartao p { display: none; }
}

/* 1.1.0 — seletor de país (raiz glabela.com) */
.gl-portal-topo .wp-block-site-title { font-family: var(--wp--preset--font-family--poppins); font-weight: 700; font-size: 1.75rem; }
.gl-regiao { margin-top: 8px; }
.gl-paises { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.gl-pais { position: relative; background: #FFFFFF; border: 2px solid var(--wp--preset--color--lavanda); border-radius: 18px; padding: 20px 20px 18px; margin: 0 !important; }
.gl-pais .gl-codigo { display: inline-block; font-family: var(--wp--preset--font-family--poppins); font-weight: 700; font-size: .8rem; letter-spacing: .08em; color: var(--wp--preset--color--roxo-profundo); background: var(--wp--preset--color--lavanda); border-radius: 999px; padding: 2px 10px; margin: 0 0 10px; }
.gl-pais h3 { margin: 0 0 4px; font-size: 1.25rem; }
.gl-pais h3 a { color: inherit; text-decoration: none; }
.gl-pais h3 a::after { content: ""; position: absolute; inset: 0; }
.gl-pais .gl-moeda { margin: 0; font-size: .9rem; color: #5E4A66; }
.gl-pais .gl-estado { margin: 10px 0 0; font-size: .8rem; font-weight: 600; color: #5E4A66; }
.gl-pais.gl-aberto { border-color: var(--wp--preset--color--roxo); }
.gl-pais.gl-aberto .gl-estado { color: var(--wp--preset--color--verde); }
.gl-pais.gl-sugerido { border-color: var(--wp--preset--color--roxo); box-shadow: 0 10px 24px rgba(172,46,193,.18); }
.gl-sugerido-aviso { margin: 0 0 8px; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--roxo); }
@media (max-width: 781px) { .gl-paises { grid-template-columns: 1fr 1fr; gap: 12px; } .gl-pais { padding: 16px 14px; } .gl-pais h3 { font-size: 1.05rem; } }

/* 1.1.1 — respiro entre as regiões do seletor */
.gl-regiao { margin-top: 48px !important; font-size: clamp(1.3rem, 2.6vw, 1.75rem); }
.gl-regiao:first-child { margin-top: 0 !important; }
.gl-paises { margin-top: 16px !important; }