/* Notícias da Cidade — acordeão nativo <details>/<summary> no drawer do header.
   Tokens do tema. Sem JS. */
.nv-cidades { border-top: 1px solid var(--wp--preset--color--surface); }
.nv-cidades summary { list-style: none; cursor: pointer; outline: none; }
.nv-cidades summary::-webkit-details-marker { display: none; }
.nv-cidades summary::marker { content: ""; }

/* summary como BLOCO (não flex direto — evita quirk de render em <summary>);
   o flex vai num wrapper interno .nv-cidades__bar */
.nv-cidades__bar { display: flex; align-items: center; justify-content: space-between; }

/* Nível 1 — "Notícias da Cidade": MESMA cor dos outros links (ink) */
.nv-cidades__toggle {
	display: block; padding: 9px 0; font-weight: 700; font-size: 15px;
	color: var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--surface);
}
.nv-cidades__toggle:hover { color: var(--wp--preset--color--primary); }

.nv-cidades__chev {
	width: 16px; height: 16px; flex: 0 0 auto;
	transition: transform .2s ease; color: var(--wp--preset--color--text-muted);
}
.nv-cidades details[open] > summary .nv-cidades__chev,
details.nv-cidades[open] > summary .nv-cidades__chev { transform: rotate(180deg); }

.nv-cidades__body { padding: 2px 0 6px; }

/* Nível 2 — regiões */
.nv-cidades__reg { border-top: 1px solid var(--wp--preset--color--surface); }
.nv-cidades__reg:first-child { border-top: none; }
.nv-cidades__reg-btn {
	display: block; padding: 9px 0 9px 12px; font-weight: 700; font-size: 13.5px;
	color: var(--wp--preset--color--secondary);
}
.nv-cidades__n {
	font-weight: 500; color: var(--wp--preset--color--text-muted);
	font-size: 11px; margin-left: 6px;
}

/* Nível 3 — cidades (coluna única) */
.nv-cidades__lista { list-style: none; margin: 0; padding: 0 0 6px 12px; }
.nv-cidades .nv-cidades__lista a {
	display: block; padding: 7px 0; font-size: 13.5px; font-weight: 600;
	color: var(--wp--preset--color--ink); text-decoration: none; line-height: 1.3;
	border-bottom: 1px dashed rgba(0, 0, 0, .07);
}
.nv-cidades .nv-cidades__lista li:last-child a { border-bottom: none; }
.nv-cidades .nv-cidades__lista a:hover { color: var(--wp--preset--color--accent); }

/* Reduz o espaço entre os links do menu (categorias) — de 14px para 9px */
.site-header .site-header__nav a { padding-top: 9px; padding-bottom: 9px; }

/* ─────────────────────────────────────────────────────────────
   Seção "Notícias por Cidade" na home — top 10 cidades em pills
   (mesmo visual da .home-categorias-nav) + contador, fundo branco, sem título.
   ───────────────────────────────────────────────────────────── */
.nv-cidades-top {
	margin-top: 0 !important;
	padding: 60px var(--wp--preset--spacing--3);
	background-color: #faf8f3;
}
.nv-cidades-top__inner { max-width: 1440px; margin-left: auto; margin-right: auto; }
.nv-cidades-top__titulo-wrap {
	align-items: center; gap: var(--wp--preset--spacing--3);
	margin-bottom: var(--wp--preset--spacing--5);
}
.nv-cidades-top__titulo { margin: 0; white-space: nowrap; color: var(--wp--preset--color--ink); }
.nv-cidades-top__divisor.wp-block-separator {
	flex: 1 1 auto; min-width: 40px; margin: 0; border: none;
	border-top: 3px solid #f2b705; opacity: 1;
}
.nv-cidades-top__pills {
	display: flex; flex-wrap: wrap; gap: 12px;
}
/* pill idêntica à .home-categorias-nav .wp-block-navigation-item__content */
.nv-cidades-top__pill {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 6px 18px; border: 1px solid rgba(0, 55, 131, .25); border-radius: 999px;
	background: #fff;
	font-family: var(--wp--preset--font-family--body); font-weight: 700; font-size: 12px;
	color: var(--wp--preset--color--primary); text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.nv-cidades-top__pill:hover {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary); color: #fff;
}
.nv-cidades-top__n {
	font-weight: 700; font-size: 10.5px; line-height: 1;
	background: rgba(0, 55, 131, .09); color: var(--wp--preset--color--primary);
	border-radius: 999px; padding: 2px 7px;
}
.nv-cidades-top__pill:hover .nv-cidades-top__n { background: rgba(255, 255, 255, .22); color: #fff; }