/*!
 * Vision Mobile site header. Self-contained: loads on every page when the new header is on.
 * Everything is scoped to .vmrp-hdr; the only rule outside it hides the theme's own header.
 */

body.vmrp-header-on #header { display: none !important; }
html.vmrp-hdr-locked, html.vmrp-hdr-locked body { overflow: hidden; }

.vmrp-hdr {
	--h-blue: #11519b;
	--h-blue-600: #0d4280;
	--h-accent: #2f80ed;
	--h-accent-deep: #1f6fd6;
	--h-blue-50: #eef4fc;
	--h-blue-100: #dce8f8;
	--h-ink: #0f1b2d;
	--h-text: #3f4b5c;
	--h-muted: #5b6b80;
	--h-line: #e3e8ef;
	--h-amber: #ffc23d;
	--h-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--h-top: 38px;
	--h-bar: 76px;
	position: sticky;
	top: calc(-1 * var(--h-top));
	z-index: 999;
	color: var(--h-ink);
	font-family: "Lato", "VMRP Lato Fallback", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	-webkit-font-smoothing: antialiased;
}
.admin-bar .vmrp-hdr { top: calc(32px - var(--h-top)); }
@media (max-width: 782px) { .admin-bar .vmrp-hdr { top: calc(46px - var(--h-top)); } }
@media (max-width: 600px) { .admin-bar .vmrp-hdr { top: calc(-1 * var(--h-top)); } }

.vmrp-hdr *, .vmrp-hdr *::before, .vmrp-hdr *::after { box-sizing: border-box; }
.vmrp-hdr ul, .vmrp-hdr p { margin: 0; padding: 0; list-style: none; }
.vmrp-hdr li { margin: 0; padding: 0; }
.vmrp-hdr a { color: inherit; text-decoration: none; }
.vmrp-hdr button { margin: 0; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; min-height: 0; line-height: inherit; }
.vmrp-hdr img { display: block; max-width: 100%; height: auto; border: 0; }
.vmrp-hdr .vmrp-icon { width: 20px; height: 20px; flex: none; display: inline-block; vertical-align: middle; }
.vmrp-hdr .vmrp-icon--bolt { fill: currentColor; }
.vmrp-hdr a:focus-visible, .vmrp-hdr button:focus-visible, .vmrp-hdr input:focus-visible { outline: 3px solid var(--h-accent); outline-offset: 2px; border-radius: 10px; }
.vmrp-hdr__sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.vmrp-hdr__wrap { width: 100%; max-width: 1320px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }

/* ---------- Top bar ---------- */
.vmrp-hdr__top { height: var(--h-top); background: #0a1a33; color: rgba(255, 255, 255, 0.86); font-size: 0.8125rem; }
.vmrp-hdr__top-in { display: flex; align-items: center; justify-content: center; gap: 16px; height: 100%; }
.vmrp-hdr__promo { display: inline-flex; align-items: center; gap: 7px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vmrp-hdr__promo .vmrp-icon { width: 15px; height: 15px; color: var(--h-amber); }
.vmrp-hdr__promo strong { color: #fff; font-weight: 800; }
.vmrp-hdr__top-links { display: none; align-items: center; gap: 4px; }
.vmrp-hdr__top-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 8px; border-radius: 8px; color: rgba(255, 255, 255, 0.86); font-weight: 600; transition: color 0.2s, background-color 0.2s; }
.vmrp-hdr__top-links a:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
.vmrp-hdr__top-links .vmrp-icon { width: 15px; height: 15px; }
.vmrp-hdr__top-links a:focus-visible { outline-color: var(--h-amber); }
.vmrp-hdr__top-phone { color: #fff !important; font-weight: 800 !important; }

.vmrp-hdr .vmrp-status { display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px 3px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
.vmrp-hdr .vmrp-status__dot { width: 8px; height: 8px; border-radius: 50%; background: #8ec5ff; }
.vmrp-hdr .vmrp-status.is-open .vmrp-status__dot { background: #3ddc84; box-shadow: 0 0 0 3px rgba(61, 220, 132, 0.25); }
.vmrp-hdr .vmrp-status.is-closed .vmrp-status__dot { background: #ff6b6b; }

/* ---------- Main bar ---------- */
.vmrp-hdr__bar {
	position: relative;
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
	border-bottom: 1px solid var(--h-line);
	transition: box-shadow 0.3s, background-color 0.3s;
}
.vmrp-hdr.is-scrolled .vmrp-hdr__bar { background: rgba(255, 255, 255, 0.86); box-shadow: 0 10px 30px -18px rgba(15, 27, 45, 0.45); }
.vmrp-hdr__bar-in { display: flex; align-items: center; gap: 12px; height: 64px; transition: height 0.3s var(--h-ease); }

.vmrp-hdr__logo { display: inline-flex; align-items: center; flex: none; margin-right: auto; }
.vmrp-hdr__logo img { width: auto; height: 50px; transition: height 0.3s var(--h-ease); }
.vmrp-hdr__wordmark { font-size: 1.375rem; font-weight: 900; color: var(--h-blue); }

/* Desktop menu (hidden on small screens) */
.vmrp-hdr__nav { display: none; }
.vmrp-hdr__menu { display: flex; align-items: center; gap: 2px; }
.vmrp-hdr__item { position: relative; display: flex; align-items: center; }
.vmrp-hdr__link {
	display: inline-flex; align-items: center; min-height: 42px; padding: 0 14px;
	border-radius: 999px; color: var(--h-ink); font-size: 0.9375rem; font-weight: 700; white-space: nowrap;
	transition: color 0.2s, background-color 0.2s;
}
.vmrp-hdr__item.has-sub .vmrp-hdr__link { padding-right: 4px; }
.vmrp-hdr__link:hover, .vmrp-hdr__item.is-open > .vmrp-hdr__link { color: var(--h-blue); background: var(--h-blue-50); }
.vmrp-hdr__item.is-active > .vmrp-hdr__link { color: var(--h-blue); }
.vmrp-hdr__item.is-active > .vmrp-hdr__link::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 18px; height: 3px; margin-left: -9px; border-radius: 3px; background: linear-gradient(90deg, var(--h-accent), var(--h-blue)); }
.vmrp-hdr__item.has-sub.is-active > .vmrp-hdr__link::after { margin-left: -16px; }
.vmrp-hdr__caret { display: grid; place-items: center; width: 26px; height: 42px; margin-left: -2px; padding: 0 8px 0 0; border-radius: 0 999px 999px 0; color: var(--h-muted); transition: color 0.2s, transform 0.25s; }
.vmrp-hdr__caret svg { transition: transform 0.25s var(--h-ease); }
.vmrp-hdr__item.is-open .vmrp-hdr__caret svg, .vmrp-hdr__item.has-sub:hover .vmrp-hdr__caret svg { transform: rotate(180deg); }
.vmrp-hdr__item.has-sub:hover .vmrp-hdr__caret, .vmrp-hdr__item.is-open .vmrp-hdr__caret { color: var(--h-blue); }

/* Dropdown panels */
.vmrp-hdr__panel {
	position: absolute; top: calc(100% + 10px); left: 50%; z-index: 5;
	min-width: 300px; padding: 10px;
	border: 1px solid var(--h-line); border-radius: 18px; background: #fff;
	box-shadow: 0 30px 60px -24px rgba(15, 27, 45, 0.35), 0 8px 18px -12px rgba(15, 27, 45, 0.18);
	opacity: 0; visibility: hidden; transform: translate(-50%, 8px);
	transition: opacity 0.2s, transform 0.25s var(--h-ease), visibility 0s linear 0.25s;
}
.vmrp-hdr__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; } /* hover bridge */
.vmrp-hdr__item.has-sub:hover > .vmrp-hdr__panel,
.vmrp-hdr__item.is-open > .vmrp-hdr__panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
.vmrp-hdr__item.has-mega > .vmrp-hdr__panel { left: -12px; width: min(680px, calc(100vw - 48px)); transform: translate(0, 8px); }
.vmrp-hdr__item.has-mega:hover > .vmrp-hdr__panel, .vmrp-hdr__item.has-mega.is-open > .vmrp-hdr__panel { transform: translate(0, 0); }
.vmrp-hdr__sub { display: grid; gap: 2px; }
.vmrp-hdr__item.has-mega .vmrp-hdr__sub { grid-template-columns: 1fr 1fr; }
.vmrp-hdr__sublink { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; transition: background-color 0.2s; }
.vmrp-hdr__sublink:hover, .vmrp-hdr__sublink.is-active { background: #f4f8fd; }
.vmrp-hdr__subicon { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 11px; background: var(--h-blue-50); color: var(--h-blue); transition: background-color 0.2s, color 0.2s; }
.vmrp-hdr__subicon .vmrp-icon { width: 19px; height: 19px; }
.vmrp-hdr__sublink:hover .vmrp-hdr__subicon { background: linear-gradient(145deg, var(--h-accent), var(--h-blue)); color: #fff; }
.vmrp-hdr__subtext { display: flex; flex-direction: column; min-width: 0; }
.vmrp-hdr__subtext strong { color: var(--h-ink); font-size: 0.9375rem; font-weight: 800; line-height: 1.25; }
.vmrp-hdr__subtext span { color: var(--h-muted); font-size: 0.8125rem; line-height: 1.35; }
.vmrp-hdr__panel-cta {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
	margin-top: 8px; padding: 12px 14px; border-radius: 14px;
	background: linear-gradient(120deg, #0a1a33, #11519b); color: #fff; font-size: 0.875rem;
}
.vmrp-hdr__panel-cta p { display: inline-flex; align-items: center; gap: 8px; }
.vmrp-hdr__panel-cta p .vmrp-icon { width: 16px; height: 16px; color: var(--h-amber); }
.vmrp-hdr__panel-cta a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border-radius: 999px; background: var(--h-amber); color: #0a1a33; font-weight: 800; }
.vmrp-hdr__panel-cta a .vmrp-icon { width: 16px; height: 16px; }
.vmrp-hdr__panel-cta a:focus-visible { outline-color: #fff; }

/* Action icons */
.vmrp-hdr__actions { display: flex; align-items: center; gap: 2px; flex: none; }
.vmrp-hdr__icon { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--h-ink); transition: background-color 0.2s, color 0.2s; }
.vmrp-hdr__icon:hover, .vmrp-hdr__icon[aria-expanded="true"] { background: var(--h-blue-50); color: var(--h-blue); }
.vmrp-hdr__icon .vmrp-icon { width: 22px; height: 22px; }
.vmrp-hdr__badge {
	position: absolute; top: 4px; right: 2px; display: grid; place-items: center;
	min-width: 19px; height: 19px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px;
	background: var(--h-accent-deep); color: #fff; font-size: 0.6875rem; font-weight: 900; line-height: 1;
}
.vmrp-hdr__badge.is-empty { display: none; }

.vmrp-hdr__call {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	width: 44px; height: 44px; margin-left: 4px; border-radius: 50%;
	background: linear-gradient(145deg, var(--h-accent-deep), var(--h-blue)); color: #fff !important;
	box-shadow: 0 10px 22px -12px rgba(17, 81, 155, 0.9);
	transition: transform 0.25s var(--h-ease), box-shadow 0.25s;
}
.vmrp-hdr__call:hover { transform: translateY(-1px); box-shadow: 0 14px 26px -12px rgba(17, 81, 155, 1); }
.vmrp-hdr__call .vmrp-icon { width: 20px; height: 20px; }
.vmrp-hdr__call-text { display: none; flex-direction: column; font-size: 0.9375rem; font-weight: 800; line-height: 1.1; white-space: nowrap; }
.vmrp-hdr__call-small { font-size: 0.6875rem; font-weight: 700; opacity: 0.85; letter-spacing: 0.02em; }

.vmrp-hdr__burger { display: grid; place-items: center; width: 44px; height: 44px; margin-left: 2px; border-radius: 12px; color: var(--h-ink); }
.vmrp-hdr__burger:hover { background: var(--h-blue-50); }
.vmrp-hdr__burger-lines { display: grid; gap: 4px; width: 20px; }
.vmrp-hdr__burger-lines span { display: block; height: 2px; border-radius: 2px; background: currentColor; }
.vmrp-hdr__burger-lines span:nth-child(2) { width: 14px; justify-self: end; }

/* Search panel */
.vmrp-hdr__search { position: absolute; left: 0; right: 0; top: 100%; padding: 14px 0 16px; border-bottom: 1px solid var(--h-line); background: #fff; box-shadow: 0 24px 40px -28px rgba(15, 27, 45, 0.45); animation: vmrp-hdr-drop 0.25s var(--h-ease); }
.vmrp-hdr__search[hidden] { display: none; }
@keyframes vmrp-hdr-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.vmrp-hdr__search-form { position: relative; display: flex; align-items: center; max-width: 760px; margin: 0 auto; }
.vmrp-hdr__search-form > .vmrp-icon { position: absolute; left: 16px; color: var(--h-muted); pointer-events: none; }
.vmrp-hdr__search-form input[type="search"] {
	flex: 1; width: 100%; height: 52px; margin: 0; padding: 0 120px 0 48px;
	border: 2px solid var(--h-blue-100); border-radius: 999px; background: #f7f9fc; color: var(--h-ink);
	font: inherit; font-size: 1rem; box-shadow: none; -webkit-appearance: none; appearance: none;
	transition: border-color 0.2s, background-color 0.2s;
}
.vmrp-hdr__search-form input[type="search"]:focus { border-color: var(--h-accent); background: #fff; outline: none; }
.vmrp-hdr__search-form button[type="submit"] { position: absolute; right: 6px; height: 40px; padding: 0 20px; border-radius: 999px; background: var(--h-blue); color: #fff; font-weight: 800; font-size: 0.9375rem; }
.vmrp-hdr__search-form button[type="submit"]:hover { background: var(--h-blue-600); }

/* ---------- Mobile drawer ---------- */
.vmrp-hdr__drawer { position: fixed; inset: 0; z-index: 100000; }
.vmrp-hdr__drawer[hidden] { display: none; }
.vmrp-hdr__scrim { position: absolute; inset: 0; background: rgba(10, 26, 51, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; transition: opacity 0.28s; }
.vmrp-hdr__sheet {
	position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 16px;
	width: min(420px, 92vw); padding: 14px 18px 28px; overflow-y: auto; overscroll-behavior: contain;
	background: #fff; box-shadow: -30px 0 60px -30px rgba(10, 26, 51, 0.5);
	transform: translateX(100%); transition: transform 0.28s var(--h-ease);
}
.vmrp-hdr__drawer.is-open .vmrp-hdr__scrim { opacity: 1; }
.vmrp-hdr__drawer.is-open .vmrp-hdr__sheet { transform: none; }
.vmrp-hdr__sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vmrp-hdr .vmrp-hdr__logo--sm img { height: 46px; }
.vmrp-hdr__close { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #f2f5f9; color: var(--h-ink); }
.vmrp-hdr__close:hover { background: var(--h-blue-50); color: var(--h-blue); }
.vmrp-hdr__search-form--drawer { max-width: none; margin: 0; }
.vmrp-hdr__search-form--drawer input[type="search"] { height: 48px; padding-right: 56px; }
.vmrp-hdr__search-form--drawer button[type="submit"] { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; right: 5px; }
.vmrp-hdr__search-form--drawer button[type="submit"] .vmrp-icon { width: 18px; height: 18px; }

.vmrp-hdr__mmenu > li { border-bottom: 1px solid var(--h-line); }
.vmrp-hdr__mrow { display: flex; align-items: center; justify-content: space-between; }
.vmrp-hdr__mrow > a { flex: 1; display: flex; align-items: center; min-height: 52px; color: var(--h-ink); font-size: 1.0625rem; font-weight: 800; }
.vmrp-hdr__mmenu > li.is-active > .vmrp-hdr__mrow > a { color: var(--h-blue); }
.vmrp-hdr__mcaret { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #f2f5f9; color: var(--h-ink); }
.vmrp-hdr__mcaret svg { transition: transform 0.25s var(--h-ease); }
.vmrp-hdr__mcaret[aria-expanded="true"] { background: var(--h-blue-50); color: var(--h-blue); }
.vmrp-hdr__mcaret[aria-expanded="true"] svg { transform: rotate(180deg); }
.vmrp-hdr__msub { display: grid; gap: 2px; padding: 0 0 12px; }
.vmrp-hdr__msub[hidden] { display: none; }
.vmrp-hdr__msub a { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 4px 8px; border-radius: 12px; color: var(--h-text); font-weight: 700; font-size: 0.9688rem; }
.vmrp-hdr__msub a:hover, .vmrp-hdr__msub a[aria-current="page"] { background: #f4f8fd; color: var(--h-blue); }
.vmrp-hdr__msub .vmrp-hdr__subicon { width: 34px; height: 34px; border-radius: 10px; }
.vmrp-hdr__msub .vmrp-hdr__subicon .vmrp-icon { width: 17px; height: 17px; }

.vmrp-hdr__quick { display: grid; gap: 10px; }
.vmrp-hdr .vmrp-hdr__qbtn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 16px; border: 2px solid var(--h-blue-100); border-radius: 999px; color: var(--h-blue); font-weight: 800; }
.vmrp-hdr .vmrp-hdr__qbtn--primary, .vmrp-hdr .vmrp-hdr__qbtn--primary:hover { border-color: transparent; background: linear-gradient(145deg, var(--h-accent-deep), var(--h-blue)); color: #fff; box-shadow: 0 12px 24px -14px rgba(17, 81, 155, 0.9); }
.vmrp-hdr .vmrp-hdr__qbtn--wa { border-color: transparent; background: #e9f9ef; color: #0d5c31; }
.vmrp-hdr__minfo { display: grid; gap: 10px; padding: 16px; border-radius: 16px; background: #f5f8fc; color: var(--h-text); font-size: 0.9375rem; }
.vmrp-hdr__minfo p { display: flex; align-items: center; gap: 8px; }
.vmrp-hdr__minfo p > .vmrp-icon { width: 18px; height: 18px; color: var(--h-blue); }
.vmrp-hdr .vmrp-hdr__minfo a { display: inline-flex; align-items: center; min-height: 32px; color: var(--h-blue); font-weight: 700; }
.vmrp-hdr__minfo .vmrp-status { justify-self: start; background: #fff; color: var(--h-ink); border: 1px solid var(--h-line); font-size: 0.8125rem; }
.vmrp-hdr__minfo .vmrp-status__dot { background: var(--h-blue); }
.vmrp-hdr__minfo .vmrp-status.is-open .vmrp-status__dot { background: #16a34a; }
.vmrp-hdr__minfo .vmrp-status.is-closed .vmrp-status__dot { background: #dc2626; }
.vmrp-hdr__mlinks { gap: 16px !important; flex-wrap: wrap; }
.vmrp-hdr__mlinks a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; }
.vmrp-hdr__mlinks .vmrp-icon { width: 18px; height: 18px; }

/* ---------- Responsive ---------- */
@media (max-width: 599px) {
	.vmrp-hdr__hide-sm { display: none !important; }
	.vmrp-hdr__top { font-size: 0.78rem; }
}
@media (max-width: 1099px) {
	.vmrp-hdr__hide-md { display: none !important; }
}
@media (min-width: 600px) {
	.vmrp-hdr__wrap { padding-left: 24px; padding-right: 24px; }
	.vmrp-hdr__top-in { justify-content: space-between; }
	.vmrp-hdr__top-links { display: flex; }
	.vmrp-hdr__bar-in { height: 70px; }
	.vmrp-hdr__logo img { height: 56px; }
	.vmrp-hdr__call { width: auto; padding: 0 16px 0 14px; border-radius: 999px; }
	.vmrp-hdr__call-text { display: flex; }
	.vmrp-hdr__call-small { display: none; }
}
@media (min-width: 1100px) {
	.vmrp-hdr__wrap { padding-left: 32px; padding-right: 32px; }
	.vmrp-hdr__bar-in { height: var(--h-bar); gap: 20px; }
	.vmrp-hdr__logo { margin-right: 0; }
	.vmrp-hdr__logo img { height: 62px; }
	.vmrp-hdr__nav { display: block; flex: 1; }
	.vmrp-hdr__menu { justify-content: center; }
	.vmrp-hdr__burger { display: none; }
	.vmrp-hdr.is-scrolled .vmrp-hdr__bar-in { height: 64px; }
	.vmrp-hdr.is-scrolled .vmrp-hdr__logo img { height: 52px; }
	.vmrp-hdr__call { padding: 0 18px 0 14px; height: 48px; }
	.vmrp-hdr__call-small { display: block; }
}
@media (min-width: 1100px) and (max-width: 1279px) {
	.vmrp-hdr__link { padding: 0 10px; font-size: 0.9063rem; }
	.vmrp-hdr__call-small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.vmrp-hdr *, .vmrp-hdr *::before, .vmrp-hdr *::after { transition: none !important; animation: none !important; }
}
@media print {
	.vmrp-hdr { position: static; }
	.vmrp-hdr__top, .vmrp-hdr__actions, .vmrp-hdr__nav, .vmrp-hdr__drawer, .vmrp-hdr__search { display: none !important; }
}
