/* Header, continued (header.css): the search on the right of the header (if
   switched on under RUB Chair → Chair settings), and the breadcrumb under it. Part of the RUB Chair theme. */

/* -------------------------------------------------------------------------
 * 3. Search (only if a child theme leaves it on: rub_chair_header_search)
 * ---------------------------------------------------------------------- */

.rub-topbar .rub-header-search .wp-block-search__inside-wrapper {
	border: 1px solid var(--rub-light-mid);
	border-radius: var(--rub-radius);
	padding: 0;
}

.rub-topbar .rub-header-search .wp-block-search__input {
	border: 0;
	border-radius: var(--rub-radius);
	font-size: 0.875rem;
	max-width: 12rem;
	padding: 0.35rem 0.75rem;
}

.rub-topbar .rub-header-search .wp-block-search__button {
	background: none;
	border: 0;
	color: var(--rub-blue);
	margin: 0;
	padding: 0 0.5rem;
}

/* -------------------------------------------------------------------------
 * 4. Breadcrumb
 * ---------------------------------------------------------------------- */

/* The library's breadcrumb: UI H5 15/24 semi-bold, links RUB Blau. Unlike the
   library they keep a quiet underline: next to the grey current step colour
   alone would not mark them as links (WCAG 1.4.1, contrast below 3:1); under
   the mouse and focus it turns full colour. */
.rub-breadcrumb {
	color: var(--wp--preset--color--muted);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.rub-breadcrumb a {
	color: var(--rub-blue);
	text-decoration: underline;
	text-decoration-color: var(--rub-underline);
	text-underline-offset: 0.2em;
}

.rub-breadcrumb a:hover,
.rub-breadcrumb a:focus {
	text-decoration-color: currentColor;
}

/* Phones: only a back link to the page above (“‹ Team”), as in the library. */
@media (max-width: 781.98px) {
	.rub-breadcrumb > :not(.rub-breadcrumb__parent) {
		display: none;
	}

	.rub-breadcrumb__parent::before {
		background-color: currentColor;
		content: "";
		display: inline-block;
		height: 1em;
		margin-right: 0.35rem;
		mask: url("../icons/chevron-left.svg") center / contain no-repeat;
		vertical-align: -0.15em;
		width: 1em;
	}
}

.rub-breadcrumb__separator {
	color: var(--rub-light-mid);
	padding: 0 0.35rem;
}

.rub-breadcrumb__separator .rub-icon {
	height: 0.9em;
	vertical-align: -0.1em;
	width: 0.9em;
}

/* The page itself: quiet, as in the RUB's breadcrumb; the links stay blue. */
.rub-breadcrumb__current {
	color: var(--rub-quiet);
	font-weight: 600;
}