/*
Theme Name: Ritz The Label
Description: Men's Bespoke and Luxury Shirts | Ritz The Label
Author: Nilesh Sanura
Theme URI: https://ritzthelabel.in
Author URI: https://ritzthelabel.in
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Text Domain: ritzthelabel
*/





.shop-pages-main #primary {
	width: 75%;
	flex: 0 0 auto;
}
.shop-pages-main #sidebar {
	width: 25%;
	flex: 0 0 auto;
}

.siebar-category{margin-top:30px;}
.siebar-category ul li ul {
	display: none;
}
.siebar-category li {
	margin-bottom: 10px;
}




.wc-block-components-product-details > span {
	display: inline-block;
	width: 100%;
	margin-bottom: 6px;
}
.wc-block-components-product-details span span[aria-hidden="true"] {
	display: none;
}
.wc-block-components-product-details__name {
	font-weight: 500;
}
.wc-block-components-product-name {
	font-size: 14px !important;
}





nav.header-menu ul.menu > li > a {
	padding: 30px 25px;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
}
nav.header-menu a:hover, .current-menu-item > a{
	color: var(--color-accent);
}
@media (min-width: 991px) {

	nav.header-menu {
		flex: 1;
		justify-content: center;
		display: flex;
		align-items: center;
	}
	nav.header-menu ul {
		display: flex;
	}
	
	nav.header-menu .mega-menu-item:hover .sub-menu {
		display: flex;
	}
	nav.header-menu .mega-menu-item:hover .sub-menu .sub-menu {
		flex-direction: column;
	}
	nav.header-menu ul.menu > li > ul.sub-menu > li {
		width: 20%;
	}
	nav.header-menu ul.menu > li > ul.sub-menu {
		display: none;
		position: absolute;
		width: 100%;
		background: #fff;
		left: 0;
		top: 80px;gap: 20px;
		padding: 20px 10%;
	}
	nav.header-menu ul.sub-menu ul.sub-menu li {
		margin-bottom: 8px;
	}
	nav.header-menu ul.menu > li > ul.sub-menu > li > a {
		font-size: 18px;
		text-transform: uppercase;
		border-bottom: 1px solid var(--color-grey-300);
		width: 90%;
		display: inline-block;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	nav.header-menu ul.menu > li.menu-item-has-children > a:after {
		content: "";
		display: inline-block;position:absolute;top:35px;
		width: 8px;
		height: 8px;
		border-right: 1px solid currentColor;
		border-bottom: 1px solid currentColor;
		transform: rotate(45deg);
		margin-left: 12px;
		transition: transform var(--dur-fast) var(--ease);
	}
	nav.header-menu ul.menu > li.menu-item-has-children:hover > a:after {
		transform: rotate(225deg);
		top: 39px;
	}

	.designermenu, .suitsmenu{
		background: #faf8f5;
		padding: 10px 20px;
		border: 1px solid var(--color-grey-300);
	}
	.designermenu a, .suitsmenu a{
		border-bottom: 0 !important;
		text-align: center;
		width: 100% !important;
		padding-bottom: 0 !important;
	}
	.designermenu:hover, .suitsmenu:hover {
		border-color: var(--color-accent);
	}
	
}


@media (max-width: 991px) {

	
	nav.header-menu {
		display: none;
	}
	.menuopen .menu-toggle span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.menuopen .menu-toggle span:nth-child(2) {
		opacity: 0;
	}
	.menuopen .menu-toggle span:nth-child(3) {
		transform: translateY(-4px) rotate(-45deg);
	}
	.menuopen nav.header-menu {
		display: block;
		position: absolute;
		background: var(--color-ivory);
		height: 100vh;width: 100%;
		top: 65px;
		left: 0;padding-top: 30px;
	}
	nav.header-menu ul.sub-menu {
		display: none;
	}
	nav.header-menu ul {
		flex-direction: column;padding: 0 16px;
	}
	nav.header-menu ul.menu > li > a {
		padding: 10px 8px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid var(--color-grey-300);
	}
	nav.header-menu ul.menu > li > ul.sub-menu > li {
		width: 100%;
	}
	nav.header-menu ul.menu > li > ul.sub-menu {
		position: relative;background: #fff;
		width: 100%;top: 0;
		padding: 10px 14px 10px 4px;
	}
	nav.header-menu ul.menu > li > ul.sub-menu > li > a {
		font-size: 16px;
		width: 100%;display: inline-block;
		padding: 10px;
	}
	nav.header-menu ul.menu {
		overflow-y: scroll;
		max-height: 65vh;
	}
	.menu-item-has-children{position:relative;}
	.menu-item-has-children span.toggle {
		position: absolute;
		width: 42px;
		height: 46px;
		right: -10px;
		color: #000;
		z-index: 9999;
		top: -3px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.menu-item-has-children span.toggle:before {
		content: "+";
		font-size: 32px;
		font-weight: 200;line-height: normal;transition: all 0.5s ease-in-out;
	}
	li.is-open > .toggle::before {
		transform: rotate(45deg);
	}

	nav.header-menu ul.sub-menu ul.sub-menu {
		border-bottom: 1px solid var(--color-grey-300);
	}
	nav.header-menu ul.sub-menu ul.sub-menu li{
		margin-bottom:8px;
	}
	nav.header-menu ul.sub-menu li:last-child ul.sub-menu{border-bottom:0;}

	.designermenu img, .suitsmenu img{display:none;}
}