/*
Theme Name: Uai Clinn
Description: Tema próprio da Uai Clinn (sem Elementor). Reproduz o layout original com as cores e fontes da marca.
Author: Lord Studio
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: uaiclinn
*/

:root {
	--uai-primaria: #1728A0;
	--uai-secundaria: #8FE223;
	--uai-texto: #1C244B;
	--uai-branco: #FFFFFF;
	--uai-fonte: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--uai-branco); color: var(--uai-texto); font: 400 16px/1.5 var(--uai-fonte); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: var(--uai-primaria); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Botoes */
.uai-botao, .wp-block-button__link {
	display: inline-flex; align-items: center; justify-content: center;
	font: 500 16px/1 var(--uai-fonte); text-transform: capitalize; text-decoration: none; text-align: center;
	border-radius: 100px; cursor: pointer; transition: background-color .3s, color .3s, border-color .3s;
}

/* Cabecalho */
.uai-cabecalho {
	position: sticky; top: 0; z-index: 95; background: var(--uai-branco);
	display: flex; align-items: stretch; min-height: 100px; padding: 0 8%;
}
.admin-bar .uai-cabecalho { top: 32px; }
.uai-cabecalho__logo { width: 26%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.uai-cabecalho__logo a { display: block; width: 100%; }
.uai-cabecalho__logo img { display: block; width: 100%; height: 83px; object-fit: contain; object-position: center; }
.uai-cabecalho__acoes { width: 60%; display: flex; justify-content: flex-end; align-items: center; gap: 20px; }
.uai-cabecalho .uai-botao {
	min-height: 49px; padding: 16px 45px; border: 1px solid var(--uai-secundaria);
	background: var(--uai-secundaria); color: var(--uai-primaria);
}
.uai-cabecalho .uai-botao:hover, .uai-cabecalho .uai-botao:focus { background: var(--uai-primaria); border-color: var(--uai-secundaria); color: var(--uai-secundaria); }

/* Bloco "em construcao" (pagina inicial) */
.uai-destaque {
	display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 24px;
	min-height: 65vh; margin: 0; padding: 43px 0;
	background: linear-gradient(180deg, var(--uai-primaria) 0%, var(--uai-secundaria) 100%);
}
/* Temas classicos embrulham o grupo num __inner-container: ele tambem vira coluna flex. */
.uai-destaque > .wp-block-group__inner-container { display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; }
.uai-destaque > *, .uai-destaque > .wp-block-group__inner-container > * { margin: 0 !important; }
.uai-destaque .wp-block-image { width: 34%; max-width: 344px; text-align: center; }
.uai-destaque .wp-block-image img { display: block; width: 100%; }
.uai-destaque h1, .uai-destaque h2 {
	color: var(--uai-texto); font: 600 48px/120% var(--uai-fonte); text-align: center; padding: 0 20px;
}
.uai-destaque p { color: var(--uai-texto); font: 400 18px/140% var(--uai-fonte); text-align: center; max-width: 290px; padding: 24px 0 18px; }
.uai-destaque .wp-block-buttons { display: flex; justify-content: center; }
.uai-destaque .wp-block-button__link {
	padding: 12px 24px; font-size: 16px; line-height: 150%; font-weight: 500;
	background: var(--uai-primaria); color: var(--uai-branco); border: 3px solid var(--uai-secundaria); border-radius: 51px;
}
.uai-destaque .wp-block-button__link:hover, .uai-destaque .wp-block-button__link:focus { background: var(--uai-secundaria); color: var(--uai-primaria); }

/* Paginas comuns (loja, carrinho, conta) */
.uai-pagina { max-width: 1140px; margin: 0 auto; padding: 48px 20px 80px; }
.uai-pagina h1 { font: 600 36px/1.2 var(--uai-fonte); color: var(--uai-texto); }

@media (max-width: 1024px) {
	.uai-cabecalho { min-height: 85px; padding: 0 5%; }
	.uai-cabecalho__logo { width: 15%; }
	.uai-cabecalho__logo img { height: 27px; }
	.uai-cabecalho__acoes { width: 85%; }
	.uai-cabecalho .uai-botao { padding: 14px 35px; font-size: 14px; }
	.uai-destaque { min-height: 60vh; }
	.uai-destaque h1, .uai-destaque h2 { font-size: 40px; }
	.uai-destaque .wp-block-button__link { font-size: 14px; }
}
@media (max-width: 782px) { .admin-bar .uai-cabecalho { top: 46px; } }
@media (max-width: 1024px) and (min-width: 768px) { .uai-destaque p { max-width: none; padding: 16px 0; } }
@media (max-width: 767px) {
	.uai-cabecalho { min-height: 65px; padding: 0 5%; }
	.uai-cabecalho__logo { width: 20%; }
	.uai-cabecalho__logo img { height: 20px; }
	.uai-cabecalho__acoes { width: 80%; }
	.uai-cabecalho .uai-botao { padding: 12px 25px; }
	.uai-destaque { min-height: 320px; }
	.uai-destaque h1, .uai-destaque h2 { font-size: 32px; }
	.uai-destaque p { font-size: 16px; max-width: none; padding: 12px 5%; }
	.uai-destaque .wp-block-button__link { font-size: 15px; }
}