/* ============================================================
   videomobil.su — ссылки на каталоги по постановлениям
   в свободном месте второй строки шапки. 13.11.2026.
   Три плашки: ПП №969, ПП №1097, ПП №1640.
   ============================================================ */

/* меню не сжимаем, иначе последний пункт уезжает на вторую строку */
.primary-menu > ul.main-menu{flex:0 0 auto!important}

.primary-menu .vm-pp-wrap{
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 1 auto;
	min-width:0;
}

.primary-menu .vm-pp-wrap a.vm-pp{
	display:flex;
	align-items:center;
	gap:8px;
	height:38px;
	padding:0 12px;
	flex:none;
	border:1px solid #d3deeb;
	border-radius:9px;
	background:#eef3f9;
	color:#1b2c3e;
	text-decoration:none;
	white-space:nowrap;
	line-height:1.15;
	position:relative;
	overflow:hidden;
	transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}

.primary-menu .vm-pp-ic{
	display:flex;align-items:center;justify-content:center;
	width:20px;height:20px;flex:none;color:#466691;
	transition:transform .35s ease, color .22s ease;
}
.primary-menu .vm-pp-ic svg{width:19px;height:19px;display:block}

.primary-menu .vm-pp-txt{display:flex;flex-direction:column;font-size:13.5px;font-weight:700}
.primary-menu .vm-pp-txt em{
	font-style:normal;font-weight:400;font-size:11.5px;color:#7d8ca1;
	transition:color .22s ease;
}

/* наведение */
.primary-menu .vm-pp-wrap a.vm-pp:hover{
	background:#466691;
	border-color:#466691;
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 6px 16px rgba(70,102,145,.28);
}
.primary-menu .vm-pp-wrap a.vm-pp:hover .vm-pp-ic{color:#fff;transform:rotate(-8deg) scale(1.08)}
.primary-menu .vm-pp-wrap a.vm-pp:hover .vm-pp-txt em{color:#cfdcec}
.primary-menu .vm-pp-wrap a.vm-pp:active{transform:translateY(0)}

/* пробегающий блик */
.primary-menu .vm-pp-wrap a.vm-pp:after{
	content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
	transform:skewX(-18deg);opacity:0;pointer-events:none;
}
.primary-menu .vm-pp-wrap a.vm-pp:hover:after{opacity:1;animation:vm-pp-shine .75s ease forwards}
@keyframes vm-pp-shine{from{left:-60%}to{left:120%}}

/* узкие экраны: сначала убираем подпись, потом весь блок.
   Плашек три, поэтому подписи прячем заметно раньше — иначе блок
   не помещается между меню и корзиной. */
@media(max-width:1319px){
	.primary-menu .vm-pp-txt em{display:none}
	.primary-menu .vm-pp-wrap a.vm-pp{height:34px;padding:0 11px;gap:7px}
	.primary-menu .vm-pp-wrap{gap:8px}
	.primary-menu .vm-pp-ic{width:17px;height:17px}
	.primary-menu .vm-pp-ic svg{width:17px;height:17px}
}
@media(max-width:1259px){
	.primary-menu .vm-pp-wrap a.vm-pp{padding:0 9px;gap:6px}
	.primary-menu .vm-pp-txt{font-size:12.5px}
	.primary-menu .vm-pp-wrap{gap:6px}
}
@media(max-width:1199px){
	.primary-menu .vm-pp-wrap{display:none!important}
}

@media(prefers-reduced-motion:reduce){
	.primary-menu .vm-pp-wrap a.vm-pp,
	.primary-menu .vm-pp-ic{transition:none}
	.primary-menu .vm-pp-wrap a.vm-pp:hover{transform:none}
	.primary-menu .vm-pp-wrap a.vm-pp:hover:after{animation:none;opacity:0}
}

/* ============================================================
   Кнопка личного кабинета VIDEOMOBIL.Online
   ============================================================ */
.header-row .nav-cust .monitoring-link a{
	position:relative;
	overflow:hidden;
	height:38px;
	padding:0 16px!important;
	border:0!important;
	border-radius:9px!important;
	background:linear-gradient(94deg,#466691 0%,#35506f 100%)!important;
	color:#fff!important;
	font-weight:600;
	letter-spacing:.1px;
	box-shadow:0 2px 6px rgba(27,44,62,.16);
	transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.header-row .nav-cust .monitoring-link a img{
	filter:brightness(0) invert(1);
	transition:transform .35s ease;
}
.header-row .nav-cust .monitoring-link a:hover{
	color:#fff!important;
	transform:translateY(-2px);
	box-shadow:0 8px 18px rgba(70,102,145,.34);
	filter:saturate(1.08);
}
.header-row .nav-cust .monitoring-link a:hover img{transform:rotate(90deg)}
.header-row .nav-cust .monitoring-link a:active{transform:translateY(0)}
.header-row .nav-cust .monitoring-link a:after{
	content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
	transform:skewX(-18deg);opacity:0;pointer-events:none;
}
.header-row .nav-cust .monitoring-link a:hover:after{opacity:1;animation:vm-pp-shine .75s ease forwards}

@media(prefers-reduced-motion:reduce){
	.header-row .nav-cust .monitoring-link a{transition:none}
	.header-row .nav-cust .monitoring-link a:hover{transform:none}
	.header-row .nav-cust .monitoring-link a:hover img{transform:none}
	.header-row .nav-cust .monitoring-link a:hover:after{animation:none;opacity:0}
}