/* Levenya: верхняя полоса (адреса, час роботи, оплата, доставка…) — кольорові «пігулки».
   Підключається на всіх сторінках з levenya_seo/eventHeader; класи lv-tl-* додає той самий метод. 2026-10-12 */
@media (min-width: 992px) {
	#top {
		height: 54px;
		background: linear-gradient(90deg, #fff7ed 0%, #fdf2f8 50%, #eef2ff 100%) !important;
		border-bottom: 1px solid #f1e4f3;
	}
	#top-left { gap: 8px; }
	#top-left > .us-dropdown-box,
	#top-left > .dropdown { height: auto !important; }

	/* загальний вигляд «пігулки» */
	#top .top-address,
	#top .btn-shedule,
	#top .top-info-ul li a {
		display: inline-flex !important;
		align-items: center;
		height: 36px !important;
		padding: 0 14px 0 5px !important;
		border: 0 !important;
		border-radius: 999px;
		background: var(--lv-bg);
		color: var(--lv-fg) !important;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		white-space: nowrap;
		text-decoration: none !important;
		text-shadow: none;
		box-shadow: inset 0 0 0 1.5px var(--lv-line);
		transition: background .15s, color .15s, transform .15s, box-shadow .15s;
	}
	#top .top-address:hover,
	#top .btn-shedule:hover,
	#top .us-dropdown-box:hover .top-address,
	#top .dropdown.show .btn-shedule,
	#top .top-info-ul li a:hover {
		background: var(--lv-c);
		color: #fff !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 12px var(--lv-line);
	}

	/* кружок зі значком */
	#top .top-address i:first-child,
	#top .btn-shedule i:first-child,
	#top .top-info-ul li a::before {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: none;
		width: 26px;
		height: 26px;
		margin-right: 8px !important;
		border-radius: 50%;
		background: var(--lv-c);
		color: #fff;
		font-size: 13px !important;
	}
	#top .top-info-ul li a::before {
		content: var(--lv-ico);
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
	}
	#top .top-address i.fa-chevron-down,
	#top .btn-shedule i.fa-chevron-down {
		margin: 0 0 0 7px !important;
		font-size: 10px !important;
		opacity: .7;
	}

	/* список посилань */
	#top .top-info-ul {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 0 0;
	}
	#top .top-info-ul li {
		display: block;
		padding: 0;
		border: 0;
	}

	/* кольори */
	#top .top-address           { --lv-c:#f43f5e; --lv-fg:#be123c; --lv-bg:#fff1f2; --lv-line:rgba(244,63,94,.35); }
	#top .btn-shedule           { --lv-c:#0d9488; --lv-fg:#0f766e; --lv-bg:#f0fdfa; --lv-line:rgba(13,148,136,.35); }
	#top .top-info-ul li a      { --lv-c:#64748b; --lv-fg:#334155; --lv-bg:#f8fafc; --lv-line:rgba(100,116,139,.35); --lv-ico:'\f05a'; }
	#top .lv-tl-pay a           { --lv-c:#6366f1; --lv-fg:#4338ca; --lv-bg:#eef2ff; --lv-line:rgba(99,102,241,.35); --lv-ico:'\f09d'; }
	#top .lv-tl-ship a          { --lv-c:#f97316; --lv-fg:#c2410c; --lv-bg:#fff7ed; --lv-line:rgba(249,115,22,.35); --lv-ico:'\f0d1'; }
	#top .lv-tl-rev a           { --lv-c:#eab308; --lv-fg:#a16207; --lv-bg:#fefce8; --lv-line:rgba(234,179,8,.4);   --lv-ico:'\f005'; }
	#top .lv-tl-ret a           { --lv-c:#16a34a; --lv-fg:#15803d; --lv-bg:#f0fdf4; --lv-line:rgba(22,163,74,.35);  --lv-ico:'\f362'; }
	#top .lv-tl-war a           { --lv-c:#0ea5e9; --lv-fg:#0369a1; --lv-bg:#f0f9ff; --lv-line:rgba(14,165,233,.35); --lv-ico:'\f3ed'; }
	#top .lv-tl-about a         { --lv-c:#a855f7; --lv-fg:#7e22ce; --lv-bg:#faf5ff; --lv-line:rgba(168,85,247,.35); --lv-ico:'\f007'; }

	/* особистий кабінет праворуч — у тон */
	#top #us-account-dropdown .btn-user {
		border: 0 !important;
		font-weight: 700;
		font-size: 14px;
		color: #1e3a5f !important;
	}
}

/* ноутбуки: місця менше — компактніше, кабінет лише значком */
@media (min-width: 992px) and (max-width: 1199px) {
	#top-left { gap: 5px; }
	#top .top-info-ul { gap: 5px; }
	#top .top-address,
	#top .btn-shedule,
	#top .top-info-ul li a {
		height: 32px !important;
		padding: 0 10px 0 4px !important;
		font-size: 12.5px;
	}
	#top .top-address i:first-child,
	#top .btn-shedule i:first-child,
	#top .top-info-ul li a::before {
		width: 22px;
		height: 22px;
		margin-right: 6px !important;
		font-size: 11px !important;
	}
	#top .top-address i.fa-chevron-down,
	#top .btn-shedule i.fa-chevron-down { display: none; }
	#top #us-account-dropdown .btn-user .hidden-xs { display: none; }
	#top .levenya-b2b-btn { margin: 0 6px !important; padding: 6px 10px !important; font-size: 13px !important; }
}

/* телефон: у меню «Інформація» пункти теж помітніші */
@media (max-width: 991px) {
	#us_info_mobile .mobile-information-box .oct-menu-a {
		font-weight: 700;
		font-size: 15px;
	}
	#us_info_mobile .mobile-info-title strong {
		color: #c2410c;
		font-size: 15px;
	}
}

/* Помаранчева смуга меню: «Список категорій» більший, вкладки-групи рівномірно по ширині, яскраві «пігулки». 2026-10-13 */
@media (min-width: 992px) {
	.menu-row,
	.oct-ultra-menu,
	.oct-mm-simple-link { height: 56px; }
	.oct-ultra-menu {
		background: #e8650f !important;
		font-size: 19px;
		font-weight: 800;
		letter-spacing: .4px;
		text-transform: uppercase;
	}
	#oct-menu-box:hover .oct-ultra-menu { background: #d45a0a !important; }
	.oct-ultra-menu i { font-size: 21px; margin-right: 8px; }

	#oct-megamenu .navbar-nav {
		width: 100%;
		justify-content: space-evenly;
		align-items: center;
		height: 56px;
	}
	#oct-megamenu .oct-mm-simple-link {
		display: flex;
		align-items: center;
	}
	#oct-megamenu .oct-mm-simple-link > a {
		display: inline-flex;
		align-items: center;
		height: 40px;
		line-height: 1;
		padding: 0 22px 0 6px;
		border-radius: 999px;
		background: #fff !important;
		color: var(--lv-mm) !important;
		font-size: 16px;
		font-weight: 800;
		letter-spacing: .5px;
		white-space: nowrap;
		box-shadow: 0 3px 10px rgba(120, 50, 0, .25);
		transition: transform .15s, box-shadow .15s, background .15s, color .15s;
	}
	#oct-megamenu .oct-mm-simple-link > a::before {
		content: var(--lv-mm-ico);
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		margin-right: 10px;
		border-radius: 50%;
		background: var(--lv-mm);
		color: #fff;
		font-size: 14px;
	}
	#oct-megamenu .oct-mm-simple-link:hover > a {
		background: var(--lv-mm) !important;
		color: #fff !important;
		transform: translateY(-2px);
		box-shadow: 0 6px 16px rgba(120, 50, 0, .35);
	}
	#oct-megamenu .oct-mm-simple-link:hover > a::before { background: rgba(255, 255, 255, .25); }
	#oct-megamenu .oct-mm-simple-link:nth-child(1) { --lv-mm: #16a34a; --lv-mm-ico: '\f0e7'; }
	#oct-megamenu .oct-mm-simple-link:nth-child(2) { --lv-mm: #9333ea; --lv-mm-ico: '\f004'; }
	#oct-megamenu .oct-mm-simple-link:nth-child(3) { --lv-mm: #dc2626; --lv-mm-ico: '\f06d'; }
	#oct-megamenu .oct-mm-simple-link:nth-child(n+4) { --lv-mm: #0369a1; --lv-mm-ico: '\f005'; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.oct-ultra-menu { font-size: 16px; }
	#oct-megamenu .oct-mm-simple-link > a { font-size: 13.5px; padding: 0 14px 0 5px; }
	#oct-megamenu .oct-mm-simple-link > a::before { width: 26px; height: 26px; margin-right: 7px; font-size: 12px; }
}