/**
 * Carlo Rino Mega Menu — Figma “Menu” frame (node 865:10722)
 *
 * Off-canvas side panel with multi-level navigation.
 * IMPORTANT: Each CSS rule includes !important to ensure Figma fidelity.
 */

/* ── Overlay ────────────────────────────────────────────── */

.cr-side-menu {
	display: block !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.cr-side-menu--open {
	visibility: visible !important;
	opacity: 1 !important;
}

.cr-side-menu__overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.4) !important;
	cursor: pointer !important;
}

/* ── Panel Container ────────────────────────────────────── */

.cr-side-menu__panel {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 27.5rem !important;
	max-width: 100vw !important;
	background: var(--cr-white, #fff) !important;
	border-radius: 0 0.25rem 0.25rem 0 !important;
	overflow: hidden !important;
	box-shadow: 0.25rem 0 1.5rem rgba(0, 0, 0, 0.1) !important;
	transform: translateX(-100%) !important;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cr-side-menu__panel--wide {
	width: 40rem !important;
}

.cr-side-menu--open .cr-side-menu__panel {
	transform: translateX(0) !important;
}

/* ── Menu Panels (levels) ───────────────────────────────── */

.cr-menu-panel {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	background: var(--cr-white, #fff) !important;
	transform: translateX(100%) !important;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	overflow: hidden !important;
	min-height: 0 !important;
}

.cr-menu-panel--active {
	transform: translateX(0) !important;
}

.cr-menu-panel--wide {
	width: 100% !important;
	min-width: 100% !important;
}

/* ── Header ─────────────────────────────────────────────── */

.cr-menu-header {
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
	padding: 1rem 3rem 1rem 1rem !important;
	height: 5rem !important;
	flex-shrink: 0 !important;
	background: rgba(255, 255, 255, 0.8) !important;
	backdrop-filter: blur(0.312rem) !important;
	-webkit-backdrop-filter: blur(0.312rem) !important;
	border-bottom: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	position: relative !important;
	z-index: 2 !important;
}

.cr-menu-header__close {
	display: block !important;
	cursor: pointer !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	flex-shrink: 0 !important;
}

.cr-menu-header__close svg {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.cr-menu-header__title {
	flex: 1 !important;
	font-family: var(--cr-font-heading) !important;
	font-weight: 400 !important;
	font-size: 1.5rem !important;
	line-height: 1.32 !important;
	color: var(--cr-black, #333) !important;
	text-align: center !important;
	min-width: 0 !important;
}

/* ── Body ───────────────────────────────────────────────── */

.cr-menu-body {
	flex: 1 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 1.5rem 1rem 1.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2.5rem !important;
}

.cr-menu-body--row {
	flex: 1 1 0 !important;
	flex-direction: row !important;
	align-items: stretch !important;
	padding: 0 !important;
	gap: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
	min-height: 0 !important;
	height: 100% !important;
}

.cr-menu-col {
	flex: none !important;
	width: 20rem !important;
	align-self: stretch !important;
	height: auto !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 1.5rem 1rem 1.5rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2.5rem !important;
	flex-shrink: 0 !important;
}

.cr-menu-col--imagery {
	width: 20rem !important;
	flex: 1 1 0 !important;
	background: white !important;
	gap: 0 !important;
	padding: 1rem 1rem 1rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	align-self: stretch !important;
	overflow: hidden !important;
	overflow-y: hidden !important;
	border-left: 0.062rem solid var(--cr-border, #e7e7e7) !important;
}

.cr-menu-col--sub {
	width: 20rem !important;
	flex: none !important;
	/* Match left column top padding so first sub item lines up with the back row */
	padding: 1.5rem 1rem 1.5rem !important;
	background: var(--cr-white, #fff) !important;
	border-left: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	align-items: stretch !important;
	gap: 0 !important;
}

.cr-menu-col--lookbook {
	padding-top: 6rem !important;
	gap: 0.25rem !important;
}

/* ── Search ─────────────────────────────────────────────── */

.cr-menu-search {
	width: 100% !important;
	flex-shrink: 0 !important;
}

.cr-search-field {
	display: flex !important;
	align-items: center !important;
	gap: 1rem !important;
	width: 100% !important;
	background: var(--cr-cream, #faf7f6) !important;
	border: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	border-radius: 0.125rem !important;
	overflow: hidden !important;
	margin: 0 !important;
}

.cr-search-field__placeholder {
	flex: 1 !important;
	padding: 0.75rem !important;
	padding-left: 0.75rem !important;
	font-family: var(--cr-font-body) !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-grey, #888) !important;
	min-width: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

input.cr-search-field__placeholder {
	border: none !important;
	background: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

input.cr-search-field__placeholder::placeholder {
	color: var(--cr-grey, #888) !important;
	opacity: 1 !important;
}

input.cr-search-field__placeholder:focus {
	outline: none !important;
}

input.cr-search-field__placeholder:not(:placeholder-shown) {
	color: var(--cr-black, #333) !important;
}

.cr-search-field__btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--cr-pink, #e81f76) !important;
	border: none !important;
	padding: 0.75rem !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
}

.cr-search-field__btn svg {
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
}

/* ── Menu Sections ──────────────────────────────────────── */

.cr-menu-section {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100% !important;
	flex-shrink: 0 !important;
}

.cr-menu-section--shop {
	cursor: pointer !important;
}

.cr-menu-section--highlights {
	gap: 0.75rem !important;
}

.cr-menu-section--quicklinks {
	gap: 0.75rem !important;
}

/* ── Menu Item (with chevron arrow) ─────────────────────── */

.cr-menu-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	padding: 0.75rem 0 !important;
	border-bottom: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	background: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	cursor: pointer !important;
	text-align: left !important;
	font-family: var(--cr-font-body) !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	gap: 1.5rem !important;
	min-width: 0 !important;
	transition: color 0.25s ease !important;
}

/* Parents with children (incl. active parent row) stay uppercase.
   Leaf links (.cr-menu-item--nolink) keep their natural title casing. */
.cr-menu-item--arrow,
.cr-menu-item--arrow .cr-menu-item__label {
	text-transform: uppercase !important;
}

.cr-menu-item--bold .cr-menu-item__label {
	font-weight: 500 !important;
}

.cr-menu-item__label {
	flex: 1 !important;
	min-width: 0 !important;
	word-break: break-word !important;
	color: inherit !important;
	transition: color 0.25s ease !important;
}

.cr-menu-item__label--bold {
	font-weight: 500 !important;
}

.cr-menu-item__chevron {
	width: 1.5rem !important;
	height: 1.5rem !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.cr-menu-item--nolink {
	text-decoration: none !important;
	color: var(--cr-black, #333) !important;
	text-transform: none !important;
}

.cr-menu-item--nolink .cr-menu-item__label {
	text-transform: none !important;
}

/* Hover / active — pink label (account nav pattern) */
.cr-menu-item:hover,
.cr-menu-item:focus-visible,
.cr-menu-item.is-active,
.cr-menu-item[aria-current="page"] {
	color: var(--cr-pink, #e81f76) !important;
}

.cr-menu-item:hover .cr-menu-item__label,
.cr-menu-item:focus-visible .cr-menu-item__label,
.cr-menu-item.is-active .cr-menu-item__label,
.cr-menu-item[aria-current="page"] .cr-menu-item__label {
	color: var(--cr-pink, #e81f76) !important;
}

/* ── Secondary Items — pink underline on hover/active (no base line) ─ */

.cr-menu-secondary-item {
	--cr-btn-line-ease: cubic-bezier(0.33, 1, 0.68, 1);
	--cr-btn-pop-duration: 1.6s;
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: fit-content !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 2rem !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
	font-family: var(--cr-font-body) !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	cursor: default !important;
	position: relative !important;
	transition: color 0.35s var(--cr-btn-line-ease) !important;
}

a.cr-menu-secondary-item {
	cursor: pointer !important;
}

/* Pink line — hidden by default, pops from center on hover/active */
.cr-menu-secondary-item::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 0.062rem !important;
	background-color: var(--cr-pink, #e81f76) !important;
	transform: scaleX(0) !important;
	transform-origin: center center !important;
	transition: transform var(--cr-btn-pop-duration) var(--cr-btn-line-ease) !important;
	pointer-events: none !important;
	opacity: 1 !important;
}

a.cr-menu-secondary-item:hover,
a.cr-menu-secondary-item:focus-visible,
a.cr-menu-secondary-item.is-active,
a.cr-menu-secondary-item[aria-current="page"] {
	color: var(--cr-pink, #e81f76) !important;
}

a.cr-menu-secondary-item:hover::after,
a.cr-menu-secondary-item:focus-visible::after,
a.cr-menu-secondary-item.is-active::after,
a.cr-menu-secondary-item[aria-current="page"]::after {
	transform: scaleX(1) !important;
}

/* ── Back Button ────────────────────────────────────────── */

.cr-menu-back {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	padding: 1rem 0 !important;
	border-bottom: 0.062rem solid var(--cr-border, #e7e7e7) !important;
	background: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	cursor: pointer !important;
	width: 100% !important;
	text-align: left !important;
	font-family: var(--cr-font-body) !important;
	font-weight: 500 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-black, #333) !important;
	flex-shrink: 0 !important;
}

.cr-menu-back svg {
	width: 1.5rem !important;
	height: 1.5rem !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.cr-menu-back__separator {
	color: var(--cr-grey, #888) !important;
	margin: 0 0.125rem !important;
}

/* ── Imagery list (50/50 stacked cards) ─────────────────── */

.cr-menu-imagery-list {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 0 !important;
	width: 100% !important;
	min-height: 0 !important;
	gap: 0.25rem !important;
	align-items: stretch !important;
}

.cr-menu-imagery-list--lookbook {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

/* ── Highlight Image Cards ──────────────────────────────── */

.cr-menu-highlight-card {
	flex: 1 1 0 !important;
	width: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
	position: relative !important;
	border-radius: 0.125rem !important;
	display: block !important;
	isolation: isolate !important;
}

.cr-menu-highlight-card__img {
	flex: 1 !important;
	background-size: cover !important;
	background-position: center !important;
}

/* ── Video / Image Media Cards ──────────────────────────── */

.cr-menu-media-card__media {
	position: absolute !important;
	inset: 0 !important;
	flex: none !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

.cr-menu-media-card__video {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	pointer-events: none !important;
}

.cr-menu-media-card__img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	background-size: cover !important;
	background-position: center !important;
}

.cr-menu-lookbook-card.cr-menu-media-card .cr-menu-media-card__media {
	position: absolute !important;
	inset: 0 !important;
	flex: none !important;
	height: 100% !important;
}

.cr-menu-highlight-card.cr-menu-media-card {
	text-decoration: none !important;
	color: inherit !important;
}

.cr-menu-lookbook-card.cr-menu-media-card {
	text-decoration: none !important;
	color: inherit !important;
}

.cr-menu-highlight-card__overlay {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-end !important;
	padding: 1.5rem 2.5rem !important;
	pointer-events: none !important;
}

.cr-menu-highlight-card__overlay::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.cr-menu-highlight-card__label {
	--cr-btn-line-ease: cubic-bezier(0.33, 1, 0.68, 1);
	--cr-btn-pop-duration: 1.6s;
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 0 !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.cr-menu-highlight-card__label span:not(.cr-menu-highlight-card__line) {
	font-family: var(--cr-font-body) !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	line-height: 1.52 !important;
	color: var(--cr-white, #fff) !important;
	white-space: nowrap !important;
}

/*
 * Both lines sit under the text (absolute bottom) — same as featured-products.
 * ::before = base (visible) · ::after = accent (pops from center on hover)
 */
.cr-menu-highlight-card__label::before,
.cr-menu-highlight-card__label::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 0.062rem !important;
	pointer-events: none !important;
}

.cr-menu-highlight-card__label::before {
	background-color: var(--cr-white, #fff) !important;
	box-shadow: 0 0.062rem 0.125rem rgba(0, 0, 0, 0.25) !important;
	transition: background-color 0s, opacity 0s, visibility 0s !important;
}

.cr-menu-highlight-card__label::after {
	background-color: var(--cr-white, #fff) !important;
	transform: scaleX(0) !important;
	transform-origin: center center !important;
	transition: transform var(--cr-btn-pop-duration) var(--cr-btn-line-ease) !important;
}

/* Hide the empty PHP line span — pseudos replace it */
.cr-menu-highlight-card__line {
	display: none !important;
}

.cr-menu-highlight-card:hover .cr-menu-highlight-card__label::before,
.cr-menu-lookbook-card:hover .cr-menu-highlight-card__label::before,
.cr-menu-media-card:hover .cr-menu-highlight-card__label::before,
.cr-menu-highlight-card:focus-visible .cr-menu-highlight-card__label::before,
.cr-menu-media-card:focus-visible .cr-menu-highlight-card__label::before {
	background-color: transparent !important;
	opacity: 0 !important;
	visibility: hidden !important;
	box-shadow: none !important;
}

.cr-menu-highlight-card:hover .cr-menu-highlight-card__label::after,
.cr-menu-lookbook-card:hover .cr-menu-highlight-card__label::after,
.cr-menu-media-card:hover .cr-menu-highlight-card__label::after,
.cr-menu-highlight-card:focus-visible .cr-menu-highlight-card__label::after,
.cr-menu-media-card:focus-visible .cr-menu-highlight-card__label::after {
	transform: scaleX(1) !important;
}

/* ── Lookbook Cards ─────────────────────────────────────── */

.cr-menu-lookbook-card {
	display: block !important;
	height: 24rem !important;
	overflow: hidden !important;
	position: relative !important;
	border-radius: 0.125rem !important;
	flex-shrink: 0 !important;
	width: 100% !important;
	text-decoration: none !important;
	cursor: pointer !important;
	isolation: isolate !important;
}

.cr-menu-lookbook-card__img {
	position: absolute !important;
	inset: 0 !important;
	background-size: cover !important;
	background-position: center !important;
	pointer-events: none !important;
}

.cr-menu-lookbook-card__overlay {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-end !important;
	padding: 1.5rem 2.5rem !important;
	pointer-events: none !important;
}

.cr-menu-lookbook-card__overlay::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%) !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

/* ── Sub-items Panel (Level 3 right column) ─────────────── */

.cr-menu-sub-items {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;
	width: 100% !important;
}

/* Expandable nested parents — same chevron row as left column */
.cr-menu-col--sub .cr-menu-item--subcol {
	width: 100% !important;
	align-self: stretch !important;
	margin: 0 !important;
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

/* Leaf links — width follows text so the pink underline is not full-column */
.cr-menu-col--sub .cr-menu-secondary-item {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	align-self: flex-start !important;
	width: fit-content !important;
	max-width: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0.75rem 0 !important;
	height: auto !important;
	box-sizing: border-box !important;
}

.cr-menu-col--sub .cr-menu-secondary-item::after {
	bottom: 0.5rem !important;
}

button.cr-menu-secondary-item {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font: inherit !important;
	cursor: pointer !important;
	text-align: left !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

button.cr-menu-secondary-item:hover,
button.cr-menu-secondary-item:focus-visible,
button.cr-menu-secondary-item.is-active,
button.cr-menu-secondary-item[aria-current="true"] {
	color: var(--cr-pink, #e81f76) !important;
}

button.cr-menu-secondary-item:hover::after,
button.cr-menu-secondary-item:focus-visible::after,
button.cr-menu-secondary-item.is-active::after,
button.cr-menu-secondary-item[aria-current="true"]::after {
	transform: scaleX(1) !important;
}

/* ── Trigger / Hamburger Button ─────────────────────────── */

.cr-side-menu-trigger {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	padding: 0.5rem !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
}

.cr-side-menu-trigger svg {
	display: block !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
}

/* Position inside Astra header builder */
#masthead .cr-side-menu-trigger {
	margin-left: 0 !important;
	margin-right: 0.5rem !important;
}

/* ── Responsive (Figma mobile Filter List 2685:31517) ───── */

@media (max-width: 767px) {
	.cr-side-menu__panel,
	.cr-side-menu__panel--wide {
		width: 100vw !important;
		border-radius: 0 !important;
	}

	.cr-menu-panel--wide .cr-menu-body--row {
		flex-direction: column !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		align-items: stretch !important;
	}

	.cr-menu-col {
		width: 100% !important;
		flex: none !important;
		height: auto !important;
		overflow: visible !important;
	}

	/* Collapse gap before imagery/sub so nav pb + right col pt ≈ Figma 40px */
	.cr-menu-col:has(+ .cr-menu-col--imagery),
	.cr-menu-col:has(+ .cr-menu-col--sub) {
		padding-bottom: 0 !important;
	}

	/* Imagery sits below nav: horizontal pair, fixed 206px (Figma Highlight List) */
	.cr-menu-col--imagery {
		width: 100% !important;
		flex: none !important;
		padding: 2.5rem 1rem 1.5rem !important;
		overflow: visible !important;
		border-left: none !important;
	}

	.cr-menu-col--sub {
		width: 100% !important;
		flex: none !important;
		padding: 2.5rem 1rem 1.5rem !important;
		border-left: none !important;
	}

	.cr-menu-imagery-list {
		flex-direction: row !important;
		flex: none !important;
		width: 100% !important;
		gap: 0.25rem !important;
	}

	.cr-menu-highlight-card {
		flex: 1 1 0 !important;
		width: auto !important;
		height: 12.875rem !important;
		min-height: 12.875rem !important;
		max-height: 12.875rem !important;
	}

	.cr-menu-highlight-card__overlay {
		padding: 1rem !important;
	}

	.cr-menu-highlight-card__overlay::before {
		background: linear-gradient(
			to bottom,
			rgba(136, 136, 136, 0) 0%,
			#888 60%
		) !important;
		mix-blend-mode: multiply !important;
	}

	.cr-menu-lookbook-card {
		width: 100% !important;
		height: 17.5rem !important;
	}
}

/* ── Scrollbar styling ──────────────────────────────────── */

.cr-menu-body::-webkit-scrollbar,
.cr-menu-col::-webkit-scrollbar {
	width: 0.25rem !important;
}

.cr-menu-body::-webkit-scrollbar-track,
.cr-menu-col::-webkit-scrollbar-track {
	background: transparent !important;
}

.cr-menu-body::-webkit-scrollbar-thumb,
.cr-menu-col::-webkit-scrollbar-thumb {
	background: var(--cr-border, #e7e7e7) !important;
	border-radius: 0.125rem !important;
}

/*
 * Header icons (.cr-header-icons, .cr-header-icon, .cr-header-icon__dot,
 * .cr-header-icon__badge) moved to assets/css/global.css.
 * Position override for #masthead kept here:
 */

#masthead .cr-header-icons {
	margin-right: 1rem !important;
}