/*
Theme Name: Astra Child
Template: astra
Description: Child theme do Astra usado para overrides de templates (ex: Masteriyo).
Version: 1.0.0
*/

/* Fixa o bloco de preço/botão (.masteriyo-course-archive--aside) no rodape do card do curso,
   independente do tamanho da descricao/titulo, para alinhar os botoes entre os cards. */
.masteriyo-course-item--wrapper.masteriyo-course--card {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--masteriyo-color-white, #fff);
}

.masteriyo-course-item--wrapper.masteriyo-course--card .masteriyo-course--content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.masteriyo-course-item--wrapper.masteriyo-course--card .masteriyo-course-archive--aside {
	margin-top: auto;
}

/* Corrige bug pre-existente do Masteriyo: em telas mobile, o grid de cursos
   (.masteriyo-courses-wrapper, grid-template-columns com auto-fit/minmax) fica
   dentro de um item flex com flex:1 (flex-basis:0%), o que cria uma referencia
   circular no calculo de largura e colapsa a grade inteira para 0px, quebrando
   titulos, badges e paginacao. O plugin ja corrige isso para outras listas
   (.masteriyo-instructors-list) mas esqueceu de aplicar o mesmo para os cursos. */
@media screen and (max-width: 768px) {
	.masteriyo-course-list-display-section .masteriyo-courses-wrapper,
	.masteriyo-course-list-display-section .masteriyo-archive-cards {
		flex: none !important;
		width: 100% !important;
	}

	.masteriyo-courses-wrapper.grid-view {
		grid-template-columns: 1fr !important;
	}
}

/* Centraliza o formulario de newsletter (SureForms embutido via shortcode no
   Elementor). Dependendo da renderizacao, quem encolhe para a largura do
   conteudo pode ser o .elementor-shortcode (wrapper do widget) ou o proprio
   .srfm-form-container do SureForms - nenhum dos dois tem margem automatica,
   entao ficam grudados a esquerda em vez de centralizados na secao. */
.elementor-widget-shortcode .elementor-shortcode,
.elementor-widget-shortcode .srfm-form-container {
	margin-left: auto;
	margin-right: auto;
}

/* A caixa do formulario (acima) fica centralizada, mas cada campo dentro dele
   (email, captcha, botao) e um item de uma linha flex que so ocupa a largura
   definida (ex: 66%, 33%) e por padrao fica encostado a esquerda dentro da
   propria caixa. justify-content:center centraliza cada campo dentro da sua
   linha. */
.elementor-widget-shortcode .srfm-form {
	justify-content: center;
}

/* O placeholder do reCAPTCHA (renderizado pelo WPConsent enquanto o cookie de
   marketing nao e aceito) e inline-block e fica encostado a esquerda dentro
   do .srfm-captcha-container, que ocupa a largura toda. text-align:center no
   container centraliza esse bloco. Ja o widget real do Google reCAPTCHA
   (.g-recaptcha, carregado depois que o cookie e aceito) e display:block por
   padrao, entao text-align:center sozinho nao o afeta - por isso ficava
   centralizado so no placeholder e desalinhado quando o captcha real carrega.
   Forcamos .g-recaptcha para inline-block para que o mesmo text-align:center
   centralize os dois casos igualmente. */
.elementor-widget-shortcode .srfm-captcha-container {
	text-align: center;
}

.elementor-widget-shortcode .srfm-captcha-container .g-recaptcha {
	display: inline-block;
}

/* O texto "Nao enviamos spam." (widget de texto abaixo do formulario) tem um
   padding-left assimetrico (58px a esquerda, 0 a direita) configurado nesse
   widget especifico no Elementor, o que empurra o paragrafo para a esquerda
   mesmo com text-align:center. Zerando o padding, o paragrafo volta a ocupar
   a largura toda do widget e o texto centraliza corretamente. */
.elementor-element-cff8d84 > .elementor-widget-container {
	padding-left: 0 !important;
}

.elementor-element-cff8d84 p {
	text-align: center;
}