/**
 * Front-end styling for the breadcrumbs trail.
 *
 * Markup (breadcrumbs block):
 *   <nav class="wp-block-breadcrumbs" style="--separator:'▪'">
 *     <ol>
 *       <li><a href="…">Inicio</a></li>
 *       <li><a href="…">BMS</a></li>
 *     </ol>
 *   </nav>
 *
 * Neither the <ol> nor the <li> carry helper classes, so we select the raw
 * elements inside the block wrapper. The separator is rendered by the block as
 * a ::before pseudo-element whose content is the `--separator` CSS variable.
 * Everything stays scoped to `.wp-block-breadcrumbs` so it never leaks.
 */

/*
 * Kill the default list indent (the stray left gap on the <ol>). Kadence sets
 * `.single-content ol { padding-left: 2em }` (specificity 0,1,1); the leading
 * `nav` element bumps this selector to 0,1,2 so it wins everywhere without
 * !important and regardless of the container.
 */
nav.wp-block-breadcrumbs ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
 * Typography for the whole trail: DM Mono, uppercase, 16px. The `nav` element
 * lets us override the block's `has-small-font-size` preset on the wrapper.
 */
nav.wp-block-breadcrumbs,
.wp-block-breadcrumbs li,
.wp-block-breadcrumbs a {
	font-family: "DM Mono", monospace;
	font-size: 16px;
	line-height: 1.4;
	text-transform: uppercase;
}

/* No underline on the breadcrumb links (in any state). */
.wp-block-breadcrumbs a,
.wp-block-breadcrumbs a:hover,
.wp-block-breadcrumbs a:focus {
	text-decoration: none;
}

/* Second, third … items in white (default for every item). */
.wp-block-breadcrumbs li,
.wp-block-breadcrumbs li a {
	color: #ffffff;
}

/* First item in green. */
.wp-block-breadcrumbs li:first-child,
.wp-block-breadcrumbs li:first-child a {
	color: #6be5a0;
}

/* Separator (the block's ::before with `content: var(--separator)`) in green. */
.wp-block-breadcrumbs li::before,
.wp-block-breadcrumbs li::after {
	color: #6be5a0;
}