/* ModaOnline24 — Header 2026 SAFE v1.8.7
 * Compatibility-first skin for Jaroti.
 * IMPORTANT: no display/grid/flex/width/height/margins/padding are changed on
 * header containers, menus, logo or controls. Jaroti keeps full control of layout.
 */
body.mo24-header-active header.ts-header {
	background-color: #fff !important;
	border-bottom-color: #eeeae4 !important;
	box-shadow: 0 2px 10px rgba(17,17,17,.025) !important;
}

/* Top-level navigation: typography/color only. */
body.mo24-header-active header.ts-header nav.main-menu > ul.menu > li > a,
body.mo24-header-active header.ts-header nav.main-menu > ul.menu > li > a .menu-label {
	color: #111 !important;
	font-weight: 600 !important;
	letter-spacing: .015em !important;
	text-decoration: none !important;
}
body.mo24-header-active header.ts-header nav.main-menu > ul.menu > li:hover > a,
body.mo24-header-active header.ts-header nav.main-menu > ul.menu > li.current-menu-item > a,
body.mo24-header-active header.ts-header nav.main-menu > ul.menu > li.current-menu-ancestor > a {
	color: #b89a5b !important;
}

/* Dropdown: visual surface only; do not change positioning or dimensions. */
body.mo24-header-active header.ts-header nav.main-menu .sub-menu {
	background-color: #fff !important;
	border-color: #eeeae4 !important;
	box-shadow: 0 18px 45px rgba(17,17,17,.10) !important;
}
body.mo24-header-active header.ts-header nav.main-menu .sub-menu li a {
	color: #333 !important;
}
body.mo24-header-active header.ts-header nav.main-menu .sub-menu li a:hover {
	color: #b89a5b !important;
	background-color: #faf8f4 !important;
}

/* Keep Jaroti icon layout; only normalize counter appearance. */
body.mo24-header-active header.ts-header .count-number,
body.mo24-header-active header.ts-header .cart-number {
	background: #111 !important;
	color: #fff !important;
	border-color: #fff !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
}

/* Price next to cart icon is visually noisy; hiding it does not affect menu geometry. */
body.mo24-header-active header.ts-header .cart-control .cart-total {
	display: none !important;
}

/* Sticky header: surface only. */
body.mo24-header-active header.ts-header .sticky-wrapper.is-sticky .header-sticky,
body.mo24-header-active header.ts-header.is-sticky {
	background-color: rgba(255,255,255,.98) !important;
	box-shadow: 0 7px 24px rgba(17,17,17,.07) !important;
}