/**
 * Área do aluno — /minha-conta (login e painel) e /meus-cursos.
 *
 * O formulário de login do WooCommerce chegava cru no tema de blocos: input de
 * navegador, "Acessar" como texto solto. É a porta de entrada dos alunos de
 * turma corporativa, então veste a marca aqui. As cores vêm dos presets do
 * theme.json (garantidos pelo aa-paleta.php); o wp-login.php não carrega
 * theme.json e por isso tem CSS próprio inline no aa-area-aluno.php.
 */

/* =========================================================================
 * Login (visitante em /minha-conta)
 * ========================================================================= */

.woocommerce-account:not(.logged-in) .entry-content .woocommerce {
	max-width: 480px;
	margin-inline: auto;
}

.woocommerce-account:not(.logged-in) .entry-content h2 {
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--wp--preset--color--text-primary, #16283f);
	margin-bottom: 16px;
}

form.woocommerce-form-login {
	background: var(--wp--preset--color--bg-card, #ffffff);
	border: 1px solid var(--wp--preset--color--border-strong, #d0dcec) !important;
	border-radius: 16px !important;
	padding: 32px !important;
	box-shadow: 0 10px 30px rgba(31, 71, 123, 0.06);
}

form.woocommerce-form-login .form-row {
	margin-bottom: 18px;
}

form.woocommerce-form-login label {
	display: block;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--wp--preset--color--text-primary, #16283f);
	margin-bottom: 6px;
}

form.woocommerce-form-login label .required {
	color: var(--wp--preset--color--secondary-bright, #f0902f);
	text-decoration: none;
}

form.woocommerce-form-login .input-text {
	width: 100%;
	padding: 12px 14px;
	font: inherit;
	color: var(--wp--preset--color--text-primary, #16283f);
	background: #ffffff;
	border: 1px solid var(--wp--preset--color--border-strong, #d0dcec);
	border-radius: 10px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

form.woocommerce-form-login .input-text:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary-light, #4480d8);
	box-shadow: 0 0 0 3px var(--wp--preset--color--primary-soft, #e9f0fb);
}

/* O parágrafo que carrega "Acessar" + "Lembre-me": lembrete em cima, botão
 * embaixo ocupando a largura toda — a ordem visual não depende da ordem do
 * markup do WooCommerce. */
form.woocommerce-form-login .form-row:has(button[name="login"]) {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 0;
}

form.woocommerce-form-login .woocommerce-form-login__rememberme {
	order: 1;
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	color: var(--wp--preset--color--text-secondary, #44566e);
	margin-bottom: 0;
}

form.woocommerce-form-login button[name="login"] {
	order: 2;
	display: block;
	width: 100%;
	padding: 13px 20px;
	background: var(--wp--preset--color--primary, #1f477b);
	color: #ffffff;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: background 0.15s ease;
}

form.woocommerce-form-login button[name="login"]:hover,
form.woocommerce-form-login button[name="login"]:focus-visible {
	background: var(--wp--preset--color--primary-light, #4480d8);
}

.woocommerce-account .lost_password {
	margin-top: 18px;
	text-align: center;
	font-size: 0.95rem;
}

.woocommerce-account .lost_password a,
.woocommerce-ResetPassword .woocommerce-Button {
	color: var(--wp--preset--color--primary, #1f477b);
	font-weight: 600;
}

/* Recuperação de senha usa a mesma cara de card. */
form.woocommerce-ResetPassword {
	background: var(--wp--preset--color--bg-card, #ffffff);
	border: 1px solid var(--wp--preset--color--border-strong, #d0dcec);
	border-radius: 16px;
	padding: 32px;
	max-width: 480px;
	margin-inline: auto;
}

form.woocommerce-ResetPassword .input-text {
	width: 100%;
	padding: 12px 14px;
	font: inherit;
	border: 1px solid var(--wp--preset--color--border-strong, #d0dcec);
	border-radius: 10px;
}

form.woocommerce-ResetPassword button[type="submit"] {
	display: block;
	width: 100%;
	margin-top: 16px;
	padding: 13px 20px;
	background: var(--wp--preset--color--primary, #1f477b);
	color: #ffffff;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* =========================================================================
 * Painel da conta (logado)
 *
 * No tema de blocos NÃO existe .entry-content: o div.woocommerce é filho
 * direto do wp-block-group do template (foi por isso que a 1ª versão, em
 * grid ancorado em .entry-content, nunca aplicou e a página saiu empilhada).
 * O desenho agora é vertical: navegação como pills segmentadas centradas,
 * conteúdo num card — sem grid para quebrar.
 * ========================================================================= */

body.woocommerce-account.logged-in div.woocommerce {
	max-width: 860px !important;
	margin-inline: auto;
}

/* O CSS clássico do Woo flutua navegação (30%) e conteúdo (68%) lado a lado —
 * dentro dos 645px do tema isso espremia o formulário numa coluna de ~200px
 * (o print do edit-account). Aqui o desenho é vertical: tudo em 100%. */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
}

.woocommerce-MyAccount-navigation {
	display: flex;
	justify-content: center;
	margin-bottom: 28px;
}

.woocommerce-MyAccount-navigation ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 6px;
	background: var(--wp--preset--color--bg-secondary, #f1f5fa);
	border: 1px solid var(--wp--preset--color--border, #e3eaf4);
	border-radius: 999px;
}

.woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 9px 18px;
	border-radius: 999px;
	color: var(--wp--preset--color--text-secondary, #44566e);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
	color: var(--wp--preset--color--primary, #1f477b);
}

.woocommerce-MyAccount-navigation li.is-active a {
	background: var(--wp--preset--color--bg-card, #ffffff);
	color: var(--wp--preset--color--primary, #1f477b);
	box-shadow: 0 1px 2px rgba(22, 40, 63, 0.08);
}

.woocommerce-MyAccount-content {
	background: var(--wp--preset--color--bg-card, #ffffff);
	border: 1px solid var(--wp--preset--color--border, #e3eaf4);
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 10px 30px rgba(31, 71, 123, 0.05);
}

.woocommerce-MyAccount-content p {
	color: var(--wp--preset--color--text-secondary, #44566e);
	line-height: 1.65;
}

.woocommerce-MyAccount-content p strong {
	color: var(--wp--preset--color--text-primary, #16283f);
}

.woocommerce-MyAccount-content a {
	color: var(--wp--preset--color--primary, #1f477b);
	font-weight: 600;
}

.woocommerce-MyAccount-content ul {
	line-height: 1.7;
	color: var(--wp--preset--color--text-secondary, #44566e);
}

.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content button[type="submit"] {
	padding: 12px 22px;
	background: var(--wp--preset--color--primary, #1f477b);
	color: #ffffff;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease;
}

.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content button[type="submit"]:hover {
	background: var(--wp--preset--color--primary-light, #4480d8);
}

.woocommerce-EditAccountForm label {
	display: block;
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--wp--preset--color--text-primary, #16283f);
	margin-bottom: 6px;
}

.woocommerce-EditAccountForm .input-text {
	width: 100%;
	padding: 11px 13px;
	font: inherit;
	border: 1px solid var(--wp--preset--color--border-strong, #d0dcec);
	border-radius: 10px;
}

.woocommerce-EditAccountForm .input-text:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary-light, #4480d8);
	box-shadow: 0 0 0 3px var(--wp--preset--color--primary-soft, #e9f0fb);
}

.woocommerce-EditAccountForm .form-row {
	margin-bottom: 18px;
}

/* A ajuda "Será assim que seu nome será exibido…" em tom de apoio. */
.woocommerce-EditAccountForm em {
	display: block;
	font-style: normal;
	font-size: 0.85rem;
	color: var(--wp--preset--color--text-muted, #64748b);
	margin-top: 6px;
}

.woocommerce-EditAccountForm fieldset {
	border: 1px solid var(--wp--preset--color--border, #e3eaf4);
	border-radius: 12px;
	padding: 18px 20px;
	margin: 24px 0;
}

.woocommerce-EditAccountForm legend {
	font-weight: 700;
	color: var(--wp--preset--color--text-primary, #16283f);
	padding-inline: 6px;
}

@media (max-width: 640px) {
	.woocommerce-MyAccount-navigation ul {
		border-radius: 16px;
	}

	.woocommerce-MyAccount-content {
		padding: 22px 18px;
	}
}

/* /meus-cursos: título, medida e o perfil do aluno estão no
 * aa-learndash-skin.css (seção "Páginas do aluno") — o skin carrega junto
 * sempre que o ld_profile está na página, e fica tudo num lugar só. */