/* ==========================================================================
   Header / navigation modernization — 2026-09
   Inspiration: kachorovska.com — single-line header, small logo, unobtrusive
   icon-only account/cart, airy dropdown menus. Existing photos/colors only.
   Desktop only (min-width:992px) — mobile header keeps its own,
   separately-tuned styling in responsive_mobile_menu.css, untouched here.
   ========================================================================== */
@media (min-width: 992px) {

	/* ---- One line: place the logo row and the nav row in the same grid
	   row instead of stacking them. Their own internal contents (logo+
	   account/search on the left block, nav+cart on the right block) are
	   already laid out horizontally via the existing float/col-xs markup,
	   so this alone reads as one unified header band. ---- */
	header[role="banner"] {
		display: grid;
		grid-template-columns: max-content 1fr;
		align-items: center;
		column-gap: 20px;
	}
	.header_middle_part {
		grid-row: 1;
		grid-column: 1;
		padding: 16px 0;
	}
	.header_middle_part .container {
		width: auto;
		max-width: none;
		padding: 0;
		margin: 0;
	}
	.header_bottom_part {
		grid-row: 1;
		grid-column: 2;
		padding: 0;
	}
	.header_bottom_part .container {
		width: auto;
		max-width: none;
		padding: 0;
		margin: 0;
	}
	.header_bottom_part .row {
		margin: 0;
	}
	.header_bottom_part hr.divider_black {
		display: none;
	}

	/* ---- Logo: small and quiet ---- */
	.header_middle_part img {
		height: 26px;
		width: auto;
		max-width: none;
	}

	/* ---- Force every nesting level in the logo/account/search cluster to
	   lay out as one horizontal row, vertically centered. The original
	   markup relies on floats (pull-left/pull-right) that only work
	   reliably at the original fixed .container width; once that's
	   width:auto for the single-line layout, floats collapse to a narrow
	   column instead of sitting side by side — flex fixes that at every
	   level regardless of computed width. ---- */
	.header_middle_part .clearfix.w_full,
	.header_middle_part .clearfix.w_full > .clearfix,
	.header_middle_part .clearfix.pull-right,
	.header_middle_part .transform3d {
		display: flex !important;
		align-items: center;
		float: none !important;
		width: auto !important;
	}
	.header_middle_part .clearfix.w_full {
		gap: 22px;
	}
	.header_middle_part .transform3d {
		gap: 8px;
	}
	.header_middle_part .col-xs-7,
	.header_middle_part .col-xs-5 {
		width: auto;
		float: none;
		padding: 0;
	}

	/* ---- Main nav: more air, lighter weight, subtle tracking ---- */
	.main_menu > li > a,
	.main_menu > li > span {
		padding: 10px 16px;
		font-weight: 400;
		letter-spacing: .04em;
	}
	.md_no-touch .main_menu > li:hover > a,
	.main_menu > .current > a,
	.main_menu > .current_click > a {
		background: none !important;
		color: #d6a916;
	}

	/* ---- Account (login/register/profile) + search: icon-only, quiet ---- */
	.header_middle_part .left-butt,
	.header_middle_part .right-butt {
		padding: 6px 8px;
		border: none !important;
		background: none !important;
	}
	.header_middle_part .left-butt .fs_medium,
	.header_middle_part .right-butt .fs_medium {
		display: none;
	}
	.header_middle_part .left-butt i,
	.header_middle_part .right-butt i {
		margin-right: 0;
		font-size: 16px;
		color: #8c8c8c;
		transition: color .2s ease;
	}
	.header_middle_part .left-butt:hover i,
	.header_middle_part .right-butt:hover i {
		color: #1a1a1a;
	}
	.header_middle_part form {
		width: 150px;
	}
	.header_middle_part form input {
		border: none;
		border-bottom: 1px solid #dcdcdc;
		background: none;
		padding: 4px 20px 4px 0;
		font-size: 12px;
		transition: border-color .25s ease;
	}
	.header_middle_part form input:focus {
		border-bottom-color: #d6a916;
	}
	.header_middle_part form button {
		font-size: 12px;
	}

	/* ---- Cart: icon-only, quiet, small badge instead of price text ---- */
	.open_mini_shopping_cart > button {
		padding: 6px 4px;
	}
	.open_mini_shopping_cart .js_shopping_cart i {
		font-size: 17px;
		color: #8c8c8c;
	}
	.open_mini_shopping_cart .js_shopping_cart:hover i {
		color: #1a1a1a;
	}
	.open_mini_shopping_cart .js_cart_count {
		background: #d6a916;
		color: #fff;
		font-size: 10px;
		line-height: 1;
		padding: 3px 5px;
		border-radius: 50%;
		top: -6px;
		right: -8px;
	}
	.open_mini_shopping_cart .js_cart_price {
		display: none;
	}

	/* ---- Dropdowns: white surface + soft shadow instead of grey box ---- */
	.sub_menu,
	.mega_menu {
		background: #fff !important;
		border: none;
		box-shadow: 0 16px 40px rgba(20,20,20,.10);
		border-radius: 2px;
	}
	.sub_menu li:not(:first-child),
	.options_list li:not(:first-child) {
		border-top: 1px solid #f2f2f2;
	}
	.sub_menu li a {
		padding: 11px 24px;
	}
	.main_menu > li > .sub_menu::before,
	.main_menu > li > .mega_menu::before {
		display: none;
	}

	/* ---- Mega menu (category flyout): more air, gentle image hover-zoom ---- */
	.mega_menu {
		padding: 34px 30px 22px;
		margin-left: 0;
	}
	.mega_menu section {
		padding-right: 18px;
	}
	.mega_menu section p {
		font-size: 14px;
		letter-spacing: .02em;
	}
	.mega_menu section a {
		display: block;
		overflow: hidden;
		border-radius: 2px;
	}
	.mega_menu section img {
		transition: transform .5s ease;
		display: block;
	}
	.mega_menu section a:hover img {
		transform: scale(1.05);
	}
}