/* ==========================================================================
   Вход Б · header.css
   Header details that Bricks global classes do not express: the scrolled
   state, the nav underline (pseudo-element), inline markup in the hours
   line, and the full-screen size of the Offcanvas mobile menu.

   Sticky + slide-up on scroll: Bricks → Header template → Settings.
   Mobile menu: Bricks Offcanvas (#vb-mobile-menu) opened by Bricks Toggle.

   1. Header bar
   2. Main navigation
   3. Mobile menu (Offcanvas)
   ========================================================================== */

/* 1. Header bar
   ------------------------------------------------------------------------ */
/* The sticky header sits on top of the page, so the content starts below
   it. One offset for every page (instead of a top margin on each page's
   first section). Height = utility bar 3.8rem + 1px border + main bar
   7.8rem; ≤991px the utility bar is hidden and the main bar is 7.2rem.
   Update these two values if the header height changes. */
:root {
	--vb-header-height: calc(11.6rem + 1px);
}

@media (max-width: 991px) {
	:root {
		--vb-header-height: 7.2rem;
	}
}

#brx-content {
	padding-top: var(--vb-header-height);
}

.vb-header {
	border-bottom: 1px solid transparent;
	transition: border-color var(--vb-duration);
}

/* Bricks adds .scrolling to its sticky header wrapper (#brx-header). */
#brx-header.scrolling .vb-header {
	border-bottom-color: var(--vb-line);
}

.vb-header__hours strong {
	color: var(--vb-burgundy);
	font-weight: 600;
}

.vb-header__utility-link,
.vb-lang__item {
	transition: color var(--vb-duration);
}

.vb-lang__item--disabled {
	cursor: default;
}

/* 2. Main navigation
   ------------------------------------------------------------------------ */
.vb-nav__link::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
	height: 2px;
	background-color: var(--vb-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

.vb-nav__link:hover::after,
.vb-nav__link[aria-current="page"]::after {
	transform: scaleX(1);
}

/* 3. Mobile menu (Offcanvas)
   The Offcanvas inner wrapper (.brx-offcanvas-inner) is sized by Bricks;
   the approved design opens the menu full-screen.
   ------------------------------------------------------------------------ */
.vb-offcanvas .brx-offcanvas-inner {
	width: 100%;
	max-width: none;
	height: 100%;
}