/*
 * Ajustes do tema sobre os estilos gerados do site original (base.css, home.css...).
 */

/* ---------------------------------------------------------------------------
 * Header sobreposto (Início e procedimentos)
 * No site original o logo + "Menu" ficavam dentro do hero de cada página; agora o
 * header é único e fica posicionado sobre o hero, no mesmo lugar.
 * ------------------------------------------------------------------------- */
body {
	position: relative;
}

.blog-header--overlay[data-mc-header] {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	z-index: 30;
	background: transparent;
}

.blog-header--overlay .blog-header__nav[data-mc-header] {
	padding: 0;
}

/* Espaço que o logo ocupava dentro do hero: logo (104px + 20px de respiro) + 10px de gap. */
:root {
	--mc-header-h: 134px;
}

.hero[data-mc-home-hero] {
	padding-top: var(--mc-header-h);
}

.proc-hero[data-mc-procedimento] {
	padding-top: calc(50px + var(--mc-header-h));
}

@media (max-width: 1280px) {
	.blog-header--overlay[data-mc-header] {
		top: 60px;
	}
	.hero[data-mc-home-hero] {
		padding-top: calc(50px + var(--mc-header-h));
	}
}

@media (max-width: 1024px) {
	.blog-header--overlay[data-mc-header] {
		top: 50px;
	}
	.hero[data-mc-home-hero],
	.proc-hero[data-mc-procedimento] {
		padding-top: calc(40px + var(--mc-header-h));
	}
}

@media (max-width: 768px) {
	:root {
		--mc-header-h: 102px;
	}
	.blog-header--overlay[data-mc-header] {
		top: 10px;
	}
	.hero[data-mc-home-hero],
	.proc-hero[data-mc-procedimento] {
		padding-top: var(--mc-header-h);
	}
}

/* ---------------------------------------------------------------------------
 * Páginas comuns: agora têm header, então o respiro do topo diminui.
 * ------------------------------------------------------------------------- */
.mc-page .legal[data-mc-legal] {
	padding-top: 64px;
}

.mc-page .faq[data-mc-faq-page] {
	padding-top: 64px;
}

/* Conteúdo escrito no editor em páginas novas (mesmo visual das páginas legais). */
.mc-page__content {
	margin-top: 32px;
}

.mc-page__content h2 {
	font-family: var(--font-nav, sans-serif);
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin: 32px 0 12px;
}

.mc-page__content h3 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 24px 0 10px;
}

.mc-page__content p,
.mc-page__content li {
	font-size: 16px;
	line-height: 1.7;
	color: var(--color-text, #ccc);
	margin-bottom: 12px;
}

.mc-page__content ul,
.mc-page__content ol {
	padding-left: 24px;
	margin-bottom: 12px;
}

.mc-page__content a {
	color: var(--color-primary);
	text-decoration: underline;
}

.mc-page__content strong {
	color: #fff;
}

.mc-page__content img {
	border-radius: var(--radius-md);
	margin: 16px 0;
}

@media (max-width: 768px) {
	.mc-page .legal[data-mc-legal],
	.mc-page .faq[data-mc-faq-page] {
		padding-top: 40px;
	}
}

/* ---------------------------------------------------------------------------
 * Blog: links do sumário e âncoras não ficam escondidas sob a barra de leitura.
 * ------------------------------------------------------------------------- */
.post-article__content[data-mc-post] h2[id] {
	scroll-margin-top: 24px;
}

/* Barra do admin do WordPress (só para quem está logado). */
.admin-bar .reading-progress[data-mc-post] {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .reading-progress[data-mc-post] {
		top: 46px;
	}
}