/* Cor rosa principal do site (mesma dos botões — ver listing-cards.css
 * .dm2027-filter-form .button / .dm2027-zona-switcher-toggle) aplicada aos
 * links dentro da zona de conteúdo do post/página (".content-wrap" — usado
 * tanto pelo page.php normal do tema como pelos nossos templates próprios:
 * taxonomy-local.php, single-massagista.php), NÃO no header/menu/footer,
 * que mantêm as cores do tema. */
.content-wrap a {
	color: #ff3c9f !important;
}

.content-wrap a:hover,
.content-wrap a:focus {
	color: #e0338c !important;
}

/* O tema dá padding próprio (2rem) a ".entry-content-wrap" em toda a página
 * normal do WP — mas as nossas páginas (massagistas/classificados/centros/
 * anunciar/homepage) já têm a sua própria caixa branca com padding
 * (ver listing-cards.css/classificados.css/centros.css/contact-form.css).
 * Sem isto, ficava padding a dobrar só nalgumas páginas, dando larguras de
 * conteúdo diferentes entre elas. */
.entry-content-wrap:has( .dm2027-massagistas-archive ),
.entry-content-wrap:has( .dm2027-classificados-archive ),
.entry-content-wrap:has( .dm2027-centros-page ),
.entry-content-wrap:has( .dm2027-anunciar-page ),
.entry-content-wrap:has( .dm2027-saiba-mais-page ),
.entry-content-wrap:has( .dm2027-massagistas-mapa-page ),
.entry-content-wrap:has( .dm2027-404-page ) {
	padding: 0;
}

/* Homepage e paginas de zona/local (taxonomy-local.php, taxonomy-massagem.php)
 * usam a mesma caixa .dm2027-massagistas-archive, com um titulo/cabecalho FORA
 * dela (H2 da homepage, .dm2027-archive-header dos arquivos) que ficava colado
 * ao header porque o .entry-content-wrap tem padding 0. As outras paginas
 * (centros/saiba-mais/mapa/404) NAO precisam disto: a sua caixa e o PRIMEIRO
 * elemento do conteudo e ja tem 24px de padding-top proprio (ver
 * centros.css/saiba-mais.css/massagistas-mapa.css), o que ja da a moldura de
 * 24px certa -- somar aqui duplicava para 48px. */
.entry-content-wrap:has( .dm2027-massagistas-archive ) {
	padding-top: 1.5rem;
}

/* Padding lateral em mobile alinhado com a página Saiba Mais (ver
 * saiba-mais.css .dm2027-saiba-mais-body: 20px) -- Massagistas/Classificados/
 * Locais/Massagens usavam os mesmos 32px fixos do desktop também em mobile,
 * sem qualquer ajuste de breakpoint; unifica-se aqui (um só sítio, classes
 * já partilhadas) em vez de duplicar a regra em cada folha de estilo. */
@media ( max-width: 782px ) {
	/* Especificidade dupla (mesma classe repetida) de proposito -- listing-cards.css/
	 * classificados.css definem "padding" (shorthand) nestas mesmas classes com a
	 * mesma especificidade de uma classe simples, e carregam depois deste ficheiro,
	 * por isso ganhavam sempre por ordem, independentemente do media query. */
	.dm2027-massagistas-archive.dm2027-massagistas-archive,
	.dm2027-classificados-archive.dm2027-classificados-archive,
	.dm2027-archive-header.dm2027-archive-header {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Locais/Massagens (taxonomy-local.php/taxonomy-massagem.php) não passam
	 * por um article.content-bg do Kadence (esse só existe no loop normal de
	 * posts/páginas -- ver page.php/taxonomy.php) por isso não herdam o mesmo
	 * recuo de 16px que todas as outras páginas com caixa branca já têm em
	 * mobile (ver .content-bg no Kadence). Replica-se aqui o mesmo valor, só
	 * para este template (identificado pelo .dm2027-archive-header, exclusivo
	 * dele), para o título+caixa ficarem à mesma distância do ecrã que o
	 * resto do site. */
	.content-wrap:has( .dm2027-archive-header ) {
		margin: 0 -16px;
	}
}

/* Item ativo do menu principal (página atual) e o hover — rosa do site em
 * vez do azul/cinza do tema (que só define isto para o azul: ver
 * .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a
 * no CSS do Kadence). */
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
	color: #ff3c9f !important;
}

/* Botão "voltar ao topo" do Kadence (kt-scroll-up) — só define "color" no
 * customizer do tema (var(--global-palette1), azul); o ícone/contorno usa
 * currentColor, por isso basta mudar isto. */
#kt-scroll-up-reader,
#kt-scroll-up {
	color: #ff3c9f !important;
}

#kt-scroll-up-reader:hover,
#kt-scroll-up:hover {
	color: #e0338c !important;
}

/* Dropdown do menu "Massagistas" (submenu) com a mesma paleta do
 * "Selecionar outra Zona"/"Selecionar outra Massagem" — ver
 * .dm2027-zona-switcher-menu em listing-cards.css: fundo branco, hover rosa
 * claro + texto rosa, em vez do azul/cinza do tema. */
.header-navigation .header-menu-container ul ul li.menu-item > a:hover,
.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
	color: #ff3c9f !important;
	background: #fde3f0 !important;
}

.mobile-navigation ul li.current-menu-item > a,
.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap {
	color: #ff3c9f !important;
}

/* Logo no menu mobile (drawer #mobile-drawer, item "mobile-logo" adicionado
 * a header_mobile_items.popup.popup_content): fica no fluxo normal, como
 * irmão do <nav> dentro de ".drawer-content" (flex column) — o conteúdo do
 * drawer já centra o grupo todo verticalmente (content-valign-middle), por
 * isso basta este espaçamento para ficar sempre 20px acima do menu, em vez
 * de fixo a um ponto do ecrã. */
#mobile-drawer .drawer-content > .site-header-item[data-section="title_tagline"] {
	margin-bottom: 20px;
}

/* Botão "Login"/"Painel" dentro do drawer mobile: o <li> injetado
 * (DMADV_Login_Modal::inject_navbar_item()) herda a regra desktop
 * ".dmadv-navbar-item{margin-left:8px}" (pensada para espaçar do item de
 * menu anterior numa linha horizontal) — no mobile isso só desalinhava o
 * botão do centro. Centrado via justify-content (o <li> já ocupa a largura
 * toda, como qualquer outro item do menu) e com a mesma margem superior
 * (14px) que o tema aplica como padding-top aos links reais dos outros
 * itens (mobile_navigation_vertical_spacing) — o nosso item não é um <a>,
 * por isso não herda esse padding automaticamente. */
.mobile-navigation .dmadv-navbar-item {
	justify-content: center;
	margin-left: 0;
	margin-top: 14px;
}


/* Agrupa o <h1> e o subtitulo opcional (.dm2027-archive-subtitle) numa coluna --
 * necessario porque .dm2027-archive-header e' flex/align-items:center
 * (listing-cards.css), que sem isto poe o <h1> e o <p> lado a lado em vez de
 * um por baixo do outro. O botao "Selecionar outra Massagem" fica fora deste
 * grupo, como 2o item do flex do header. */
.dm2027-archive-title-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

/* Subtitulo opcional por baixo do <h1> nas paginas de arquivo de uma massagem
 * (taxonomy-massagem.php) -- texto vindo de Sistema -> Paginas -> Saiba Mais
 * (DM2027_Saiba_Mais::short_text_for_term()), so' aparece quando preenchido. */
.dm2027-archive-subtitle {
	margin: 0;
	max-width: 60ch;
	color: #666;
	font-size: 15px;
	line-height: 1.5;
}

/* Ecra de computador: linha mais longa antes de quebrar (60ch ficava a
 * envolver o texto cedo demais mesmo havendo muito espaco livre a direita --
 * ver .dm2027-archive-header, que so' tem o botao "Selecionar outra
 * Massagem" a ocupar o resto da largura). Mesmo breakpoint (782px) ja usado
 * no resto deste componente, em listing-cards.css. */
@media ( min-width: 783px ) {
	.dm2027-archive-subtitle {
		max-width: 90ch;
	}
}