/*
 * Hero dos layouts de detalhe do adsi-core na barra de título do Enfold
 * (inc/adsi-core-compat/layout-hero.php). O visual base (imagem de fundo,
 * scrim, altura, alinhamento ao fundo) vem de adsi-core
 * assets/css/core-layouts.css (.core-layout-hero); aqui só se adapta a
 * title_container do Enfold.
 *
 * Em vez de sobrepor regra a regra as cores do esquema "alternate_color",
 * redefinem-se as próprias variáveis do Enfold dentro do hero — todas as
 * regras dinâmicas (título, links, meta, breadcrumb) passam a texto claro.
 */
#top .title_container.core-layout-hero {
	--enfold-alternate-color-bg: var(--core-hero-bg, #1f2937);
	--enfold-alternate-color-color: var(--core-hero-color, #fff);
	--enfold-alternate-color-heading: var(--core-hero-color, #fff);
	--enfold-alternate-color-meta: var(--core-hero-color, #fff);
	--enfold-alternate-color-primary: var(--core-hero-color, #fff);
	--enfold-alternate-color-secondary: var(--core-hero-color, #fff);
	--enfold-alternate-color-border: transparent;
	margin-bottom: 0;
	border: 0;
}

/* O .container do Enfold já tem a largura máxima do tema; só o espaço
   vertical muda. width: 100% porque o pai é flex (column). */
#top .title_container.core-layout-hero .container {
	width: 100%;
	box-sizing: border-box;
	min-height: 0;
	padding-top: var(--core-gap, 1.5rem);
	padding-bottom: var(--core-gap, 1.5rem);
}

#top .title_container.core-layout-hero .main-title {
	line-height: 1.2;
	min-height: 0;
}

#top .title_container.core-layout-hero .adsi-updated-date {
	margin: 0 0 0.5rem;
}

#top .title_container.core-layout-hero a:hover,
#top .title_container.core-layout-hero a:focus-visible {
	text-decoration: underline;
}

/* Breadcrumb dentro do hero: no fluxo, por baixo do título, em vez de
   absoluto à direita (onde ficaria sobre a zona mais clara da imagem). */
#top .title_container.core-layout-hero .breadcrumb {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	margin: 0.75rem 0 0;
}

/* Faixa da subnavegação logo a seguir ao hero (CoreLayouts::subnav). O
   espaço à volta é o do próprio Enfold (container_wrap), não o do plugin —
   a margem negativa de core-layouts.css assume um hero com margem inferior,
   que aqui é 0. */
#top .core-layout-subnav-band {
	margin: 0;
	padding: 0;
}

#top .core-layout-subnav-band .container {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

/* Botões-ícone da barra (regressar = <a>): ".main_color a" e
   ".main_color a:hover" do Enfold têm mais especificidade do que as regras
   de core-layouts.css e trocariam a cor do ícone. */
#top .core-layout-subnav-band .core-layout-subnav__tool {
	color: var(--core-color-primary, #2c5f8d);
}

#top .core-layout-subnav-band .core-layout-subnav__tool:hover,
#top .core-layout-subnav-band .core-layout-subnav__tool:focus-visible,
#top .core-layout-subnav-band .core-layout-subnav__tool[aria-expanded="true"] {
	color: var(--core-color-white, #fff);
}