/* Estilos que valem para o site inteiro e antes ficavam soltos na página.
 * Carrega em todas as telas; o custom.css só carrega no painel.
 * Cópias do WordPress e do tema - conferir quando atualizar. */

/* Vem do WordPress: espaço reservado para imagens que carregam depois. */
img:is([sizes="auto" i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px;
}

/* Aparência dos botões padrão de conteúdo. */
.wp-block-button__link {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	font-size: 1.125em;
}
.wp-block-file__button {
	background: #32373c;
	color: #fff;
	text-decoration: none;
}

/* Vem do campo "CSS adicional" da aparência do WordPress. */
.uk-navbar .uk-logo {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Estilo do rodapé, copiado do que está configurado no editor do tema.
 * O "\#" faz parte do seletor. O original continua no tema, mas é bloqueado.
 * Se mexer no rodapé, revisar estas regras. */
#footer\#0 span { font-size: 20px; font-weight: 700; }
#footer\#0 strong a,
#footer\#0 h6 { font-size: 14px; font-weight: 500; color: #ccc; }
#footer\#0 a:hover { color: #2bbb97; }
#footer\#1 .el-link { font-weight: 400; color: hsl(0deg 0% 100% / 82%); }
#footer\#1 .el-link:hover { color: #DDF8E5; }
#footer\#1 .el-item:last-child .el-link {
	background-color: #2bbb97;
	color: #fff;
	font-weight: 500;
	padding: 4px 20px;
	border-radius: 20px;
}
#footer\#1 .el-item:last-child .el-link:hover { background-color: #DDF8E5; color: #095459; }
#footer\#2 .el-link { background-color: transparent; color: #fff; box-shadow: none; }
#footer\#2 .el-link:hover { background-color: #2bbb97; }

/* Carregamento do formulário de cadastro de prestador.
 * Fica aqui, e não no custom.css, porque essa tela é pública e o
 * custom.css só carrega em /painel. */
.loadbox {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 1000;
	top: 0;
	left: 0;
}
.loadbox div {
	position: relative;
	text-align: center;
	margin: 0 auto;
	display: block;
	top: 30%;
}

/* Altura mínima da descrição nos cards de plano. */
.nx-plano-desc {
	min-height: 45px;
}

/* Telas de planos precisam do container mais largo que o padrão do tema.
 * O :has() limita o efeito ao container que envolve a grade de planos -
 * uma regra solta em .uk-container-small pode mudar a largura do site inteiro. */
.uk-container-small:has(.nx-planos-wide) {
	max-width: 1200px;
}

/* Iframe do contrato no cadastro de prestador. */
.nx-iframe-contrato {
	width: 100%;
	min-height: 60vh;
	border: 0;
}

/* Altura mínima do conteúdo no painel. Era um style inline, que a política de
 * segurança bloqueia (nonce e hash não valem para atributo style). */
.nx-content-min-height {
	min-height: 80vh;
}