/*
 * Área logada: login, cadastro, perfil e formulários de solicitação.
 * Blocos do plugin pna-core (pna-core/entrar, cadastro, perfil, formulario).
 */

/* Avisos de sucesso e erro */
.pna-aviso {
	margin-block: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border-left: var(--wp--custom--border--thick) solid var(--wp--preset--color--primary-strong);
	border-radius: var(--wp--custom--radius--small);
	background-color: var(--wp--preset--color--primary-tint);
	color: var(--wp--preset--color--primary-text);
	font-weight: 700;
}

.pna-aviso p,
.pna-aviso ul {
	margin: 0;
}

.pna-aviso ul {
	margin-top: var(--wp--preset--spacing--20);
	padding-left: 1.2em;
}

.pna-aviso--erro {
	border-left-color: var(--wp--preset--color--danger);
	background-color: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--danger);
}

.pna-aviso a {
	color: inherit;
}

/* Login e cadastro (Figma: título grande centralizado) */
.pna-conta {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-block: var(--wp--preset--spacing--60);
}

.pna-conta__titulo {
	margin: 0 0 var(--wp--preset--spacing--60);
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.pna-conta__form {
	width: 600px;
}

.pna-conta--cadastro .pna-conta__form {
	width: auto;
}

.pna-conta__acoes {
	justify-content: center;
}

.pna-conta__links {
	margin: 0;
	text-align: center;
	font-size: var(--wp--preset--font-size--small);
}

/* Botão com aparência de link (ex.: "Cancelar pedido") */
.pna-link-botao {
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--danger);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
}

/* Meu perfil (Figma: foto, nome, pronome, e-mail, "Apadrinhamentos") */
.pna-perfil__cabecalho {
	display: grid;
	grid-template-columns: 224px minmax(0, 1fr) auto;
	gap: var(--wp--preset--spacing--60);
	align-items: center;
}

.pna-perfil__foto {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 224px;
	height: 224px;
	box-sizing: border-box;
	border: var(--wp--custom--border--medium) solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--medium);
	background-color: var(--wp--preset--color--primary-pale);
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--display);
	font-weight: 800;
}

.pna-perfil__nome {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
}

.pna-perfil__pronome {
	margin: 0;
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--medium);
}

.pna-perfil__email {
	margin: var(--wp--preset--spacing--30) 0 0;
}

.pna-perfil__contador {
	text-align: center;
}

.pna-perfil__contador-rotulo {
	margin: 0;
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 800;
	text-transform: uppercase;
}

.pna-perfil__contador .is-style-pna-numero {
	font-size: var(--wp--preset--font-size--huge);
}

.pna-perfil__secao {
	margin-block-start: var(--wp--preset--spacing--80);
}

.pna-perfil__sair {
	color: var(--wp--preset--color--danger);
}

/* Minhas solicitações */
.pna-solicitacoes {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pna-solicitacao {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border: var(--wp--custom--border--medium) solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--medium);
	background-color: var(--wp--preset--color--surface);
}

.pna-solicitacao--aprovada,
.pna-solicitacao--concluida {
	background-color: var(--wp--preset--color--primary-tint);
}

.pna-solicitacao__titulo {
	margin: 0;
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}

.pna-solicitacao__texto,
.pna-solicitacao__data {
	margin: 4px 0 0;
	font-size: var(--wp--preset--font-size--small);
}

.pna-solicitacao__status {
	padding: 6px var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radius--small);
	background-color: var(--wp--preset--color--primary-strong);
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	white-space: nowrap;
}

.pna-solicitacao--recusada .pna-solicitacao__status,
.pna-solicitacao--cancelada .pna-solicitacao__status,
.pna-solicitacao--encerrada .pna-solicitacao__status {
	background-color: var(--wp--preset--color--body-text);
}

/* Formulários de adoção e apadrinhamento */
.pna-solicitar__topo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--60);
	margin-block-end: var(--wp--preset--spacing--60);
}

.pna-solicitar__pet {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--50);
}

.pna-solicitar__foto {
	display: block;
	width: 150px;
	height: 150px;
	object-fit: cover;
	box-sizing: border-box;
	border: var(--wp--custom--border--medium) solid var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--medium);
	background-color: var(--wp--preset--color--primary-pale);
}

.pna-solicitar__titulo {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 600;
}

.pna-solicitar__lead {
	margin: 0;
}

.pna-solicitar__nome {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
}

.pna-solicitar__nome a {
	text-decoration: none;
}

.pna-solicitar__passos {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	background-color: var(--wp--preset--color--primary-tint);
	text-align: left;
}

.pna-solicitar__passos .wp-block-heading {
	padding: 0;
	text-transform: none;
}

.pna-solicitar__passos ol {
	margin: var(--wp--preset--spacing--20) 0 0;
	padding-left: 1.2em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

fieldset.pna-campo {
	margin: 0;
	padding: 0;
	border: 0;
}