/*
Theme Name: Eleição
Theme URI: https://github.com/rmsramos/eleicao
Author: rmsramos
Description: Tema mínimo para sites de pré-candidatos. O site inteiro é uma única página — a home — cujo conteúdo é o banner de campanha, enviado pelo Personalizador. Sem páginas internas, sem menus, sem blog e sem JavaScript.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eleicao
Tags: one-page, full-width-template, custom-background
*/

/* Reset mínimo -------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

/*
 * O banner é centralizado na tela. Quando a arte não preenche a altura toda
 * — típico de uma arte deitada aberta no celular — a sobra de cor de fundo
 * fica dividida em cima e embaixo, em vez de virar um vazio só embaixo.
 */
body {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0;
	background-color: var(--eleicao-fundo, #ffffff);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* O banner ------------------------------------------------------------- */

/*
 * Largura total com altura automática: a arte aparece inteira, sempre. Nome,
 * cargo, número e partido estão dentro da imagem, então recortá-la (object-fit:
 * cover, altura fixa) apagaria informação de campanha.
 */

.banner {
	display: block;
	width: 100%;
}

.banner img {
	width: 100%;
}

/* Estado vazio (nenhum banner cadastrado) ------------------------------ */

.aviso-vazio {
	max-width: 640px;
	margin: 15vh auto;
	padding: 0 24px;
	text-align: center;
	color: #1e1e1e;
	line-height: 1.6;
}

.aviso-vazio h1 {
	margin: 0 0 12px;
	font-size: 1.5rem;
}

.aviso-vazio a {
	color: #005fcc;
}