/*
  Correcoes especificas do WordPress/WooCommerce.

  Este arquivo existe para que o ava.css continue byte a byte igual ao do
  prototipo e possa ser substituido a qualquer momento. Nada de design
  novo aqui: so o necessario para desfazer o que os plugins impoem.

  Carregado depois do ava.css em inc/setup.php.
*/

/* ------------------------------------------------------------------
   1. Logo do cabecalho

   woocommerce-layout.css traz ".woocommerce img, .woocommerce-page img
   { height: auto }". A especificidade dessa regra (0,1,1) vence o
   ".site-logo__img" (0,1,0) do prototipo, e o logo assumia a altura
   natural do arquivo (433px) em toda pagina do Woo.

   Restauramos com especificidade maior, sem !important.
   ------------------------------------------------------------------ */
.site-header .site-logo__img,
.site-footer .site-logo__img {
	height: 56px;
	width: auto;
	max-width: none;
}

.site-header.is-scrolled .site-logo__img {
	height: 48px;
}

@media (max-width: 768px) {
	.site-header .site-logo__img,
	.site-footer .site-logo__img {
		height: 44px;
	}
}

/* ------------------------------------------------------------------
   2. Imagens de fundo em elementos do Woo

   Mesma causa: cards e capas do catalogo usam background-image em divs,
   mas onde houver <img> dentro de um bloco do tema, a altura do Woo
   quebra o enquadramento.
   ------------------------------------------------------------------ */
.woocommerce .course-card__image,
.woocommerce-page .course-card__image {
	height: 100%;
}

/* ------------------------------------------------------------------
   3. Formulario de compra dentro do card de investimento

   O Woo adiciona <form class="cart"> com margens proprias que empurram
   o botao para fora do card.
   ------------------------------------------------------------------ */
.price-card form.cart {
	margin: 0;
	padding: 0;
	border: 0;
}

.price-card form.cart::before,
.price-card form.cart::after {
	content: none;
}

/* ------------------------------------------------------------------
   4. Mensagens do WooCommerce (carrinho, checkout, conta)

   Essas telas nao existiam no prototipo. Herdam a paleta do tema para
   nao aparecerem com o visual padrao do plugin.
   ------------------------------------------------------------------ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background: rgba(255, 255, 255, 0.04);
	border-top: 3px solid var(--ava-dourado, #967946);
	color: var(--ava-branco, #fff);
	list-style: none;
	margin: 0 0 2rem;
	padding: 1rem 1.5rem;
}

.woocommerce-message a,
.woocommerce-info a {
	color: var(--ava-dourado, #967946);
}

/* ------------------------------------------------------------------
   5. Conteudo das paginas comuns

   O editor do WordPress gera paragrafos, listas e titulos soltos. O
   prototipo nao tinha esse caso porque todo texto vinha em blocos
   desenhados a mao.
   ------------------------------------------------------------------ */
.prose {
	color: var(--ava-cinza, #c9c9c9);
	font-size: 1.0625rem;
	line-height: 1.75;
}

.prose > * + * {
	margin-top: 1.25em;
}

.prose h2,
.prose h3,
.prose h4 {
	color: var(--ava-branco, #fff);
	font-family: var(--font-display, serif);
	line-height: 1.25;
	margin-top: 2em;
}

.prose h2 {
	font-size: 1.75rem;
}

.prose h3 {
	font-size: 1.375rem;
}

.prose a {
	color: var(--ava-dourado, #967946);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.prose ul,
.prose ol {
	padding-left: 1.5em;
}

.prose li + li {
	margin-top: 0.5em;
}

.prose strong {
	color: var(--ava-branco, #fff);
}

.container--narrow {
	max-width: 820px;
}

.legal-updated {
	border-top: 1px solid var(--ava-dourado-20, rgba(150, 121, 70, 0.2));
	color: var(--ava-cinza, #c9c9c9);
	font-size: 0.875rem;
	margin-top: 3rem;
	padding-top: 1.5rem;
}

/* ------------------------------------------------------------------
   6. Paginacao do catalogo
   ------------------------------------------------------------------ */
.pagination {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 3rem;
}

.pagination .page-numbers {
	border: 1px solid var(--ava-dourado-20, rgba(150, 121, 70, 0.2));
	color: var(--ava-cinza, #c9c9c9);
	display: inline-flex;
	min-width: 44px;
	padding: 0.625rem 0.875rem;
	justify-content: center;
	text-decoration: none;
	transition: border-color 0.2s, color 0.2s;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
	border-color: var(--ava-dourado, #967946);
	color: var(--ava-dourado, #967946);
}

/* ------------------------------------------------------------------
   7. Seletor de idioma no cabecalho

   Fica invisivel enquanto houver so um idioma. Estilo alinhado aos
   links de navegacao do prototipo.
   ------------------------------------------------------------------ */
.site-nav__lang {
	display: flex;
	gap: 0.75rem;
	margin-left: 1rem;
}

.site-nav__lang-link {
	color: var(--ava-cinza, #c9c9c9);
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-decoration: none;
	transition: color 0.2s;
}

.site-nav__lang-link:hover,
.site-nav__lang-link.is-active {
	color: var(--ava-dourado, #967946);
}