/**
 * Header Navigation Styles
 *
 * @package FashionXpart
 */

header .wp-block-navigation .wp-block-navigation-item__description,
.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item__description {
	display: block;
	margin-top: 0;
	color: currentColor;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}

.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item__description {
	display: block !important;
}

header .wp-block-navigation .wp-block-navigation__responsive-dialog {
	min-height: 100%;
}

header .wp-block-navigation .wp-block-navigation__responsive-dialog::before {
	content: "Menu";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: 48px;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

header .wp-block-navigation .wp-block-navigation__responsive-dialog::after {
	content: "";
	position: absolute;
	top: 56px;
	right: 0;
	left: 0;
	border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	pointer-events: none;
}

header .wp-block-navigation .wp-block-navigation__responsive-container-close {
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 48px;
	padding: 0 4px;
	font-size: 0.65rem !important;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

header .wp-block-navigation .wp-block-navigation__responsive-container-close::before {
	content: "Close";
	font-size: 0.65rem !important;
	line-height: 1 !important;
}

header .wp-block-navigation .wp-block-navigation__responsive-container-close svg {
	width: 16px;
	height: 16px;
}