.dcc-topbar {
	background: #F6F6F6;
	border-bottom: 1px solid rgba(0,0,0,.04);
	font-family: var(--ff-sans);
	font-size: clamp(.6875rem, .68vw, .75rem);
	letter-spacing: .14em;
	color: var(--dcc-navy);
}

.dcc-topbar__inner {
	max-width: none;
	margin-inline: auto;
	padding-inline: clamp(1rem, 3vw, 3rem);
	padding-block: clamp(.5rem, .65vw, .75rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.dcc-topbar__lang { position: relative; }

.dcc-lang__toggle {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	background: transparent;
	border: 0;
	padding: .25rem 0;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: uppercase;
}

.dcc-lang__caret {
	width: .85em;
	height: .5em;
	transition: transform .25s var(--ease);
}

.dcc-lang__toggle[aria-expanded="true"] .dcc-lang__caret { transform: rotate(180deg); }

.dcc-lang__menu {
	position: absolute;
	top: 100%;
	left: 0;
	margin: .35rem 0 0;
	padding: .25rem 0;
	background: var(--dcc-white);
	border: 1px solid var(--dcc-border);
	border-radius: var(--radius-sm);
	min-width: 7.5rem;
	list-style: none;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .2s var(--ease), transform .2s var(--ease), visibility .2s;
	z-index: 100;
}

.dcc-lang__toggle[aria-expanded="true"] + .dcc-lang__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.dcc-lang__menu li { margin: 0; }

.dcc-lang__menu a {
	display: block;
	padding: .55rem .9rem;
	color: var(--dcc-navy);
	font-size: clamp(.6875rem, .68vw, .75rem);
	letter-spacing: .14em;
	text-transform: uppercase;
	transition: background-color .15s var(--ease);
}

.dcc-lang__menu a:hover,
.dcc-lang__menu .current-lang a {
	background: var(--dcc-cream-soft);
}

.dcc-topbar__menu,
.dcc-topbar__right {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dcc-topbar__menu a,
.dcc-topbar__link {
	color: var(--dcc-navy);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: inherit;
	transition: color .2s var(--ease);
}

.dcc-topbar__menu a:hover,
.dcc-topbar__link:hover { color: var(--dcc-red); }

@media (max-width: 600px) {
	.dcc-topbar__inner { padding-block: .4rem; }
	.dcc-topbar__menu, .dcc-topbar__right { gap: .9rem; }
}

@media (min-width: 1025px) {
	.dcc-topbar__inner {
		padding-inline: 7rem;
	}
}

@media (min-width: 1441px) {
	.dcc-topbar {
		font-size: clamp(.75rem, .72vw, .8125rem);
	}

	.dcc-topbar__inner {
		padding-inline: 13rem;
		padding-block: clamp(.65rem, .8vw, .95rem);
	}
}