/* Etiler Cart Layout Fix 1.1.2
   Cart page columns, #F3E4B2 field, header mini-cart.
   Does not set footer colors, negative margins, or a site-wide overflow. */

/* --------------------------------------------------------------------------
   Header mini-cart. Empty fragment and cart/checkout never open.
   -------------------------------------------------------------------------- */

html body .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart:not(:has(.mini_cart_item)),
html body .whb-header .wd-header-cart.wd-event-hover:hover > .wd-dropdown-cart:not(:has(.mini_cart_item)),
html body .whb-header .wd-header-cart.wd-event-hover:focus-within > .wd-dropdown-cart:not(:has(.mini_cart_item)) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

html body .whb-header .wd-header-cart.wd-event-hover:hover > .wd-dropdown-cart:has(.mini_cart_item),
html body .whb-header .wd-header-cart.wd-event-hover:focus-within > .wd-dropdown-cart:has(.mini_cart_item),
html body .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart.eh-minicart-open:has(.mini_cart_item) {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	pointer-events: auto !important;
	width: 340px !important;
	max-width: min(340px, calc(100vw - 24px)) !important;
	box-sizing: border-box !important;
}

html body .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart:has(.mini_cart_item)::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: -20px !important;
	height: 20px !important;
	background: transparent !important;
}

html body .whb-header .wd-header-cart .wd-dropdown-cart .wd-free-progress-bar,
html body .whb-header .wd-header-cart .wd-dropdown-cart .wd-shipping-progress-bar,
html body .whb-header .wd-header-cart .wd-dropdown-cart .wd-progress-bar,
html body .whb-header .wd-header-cart .wd-dropdown-cart .eh-cart-progress,
html body .whb-header .wd-header-cart .wd-dropdown-cart .eh-cart-ship,
html body .whb-header .wd-header-cart .wd-dropdown-cart .woocommerce-mini-cart__buttons a.checkout,
html body .whb-header .wd-header-cart .wd-dropdown-cart .buttons a.checkout {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

html body .whb-header .wd-dropdown-cart .woocommerce-mini-cart__buttons a:not(.checkout),
html body .whb-header .wd-dropdown-cart .buttons a:not(.checkout) {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: center !important;
}

html.eh-minicart-lock body .whb-header .wd-header-cart.wd-event-hover:hover > .wd-dropdown-cart,
html.eh-minicart-lock body .whb-header .wd-header-cart.wd-event-hover:focus-within > .wd-dropdown-cart,
html.eh-minicart-lock body .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart.eh-minicart-open,
html body.woocommerce-cart .whb-header .wd-header-cart.wd-event-hover:hover > .wd-dropdown-cart,
html body.woocommerce-cart .whb-header .wd-header-cart.wd-event-hover:focus-within > .wd-dropdown-cart,
html body.woocommerce-cart .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart.eh-minicart-open,
html body.woocommerce-checkout .whb-header .wd-header-cart.wd-event-hover:hover > .wd-dropdown-cart,
html body.woocommerce-checkout .whb-header .wd-header-cart.wd-event-hover:focus-within > .wd-dropdown-cart,
html body.woocommerce-checkout .whb-header .wd-header-cart.wd-event-hover > .wd-dropdown-cart.eh-minicart-open {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   Cart page field. #F3E4B2 on the page, container, and column gap.
   Sepetiniz card stays #F8F2E2. Form and order summary keep their own fill.
   -------------------------------------------------------------------------- */

html body.woocommerce-cart.eh-cart-layout-fix,
html body.woocommerce-cart.eh-cart-layout-fix .website-wrapper,
html body.woocommerce-cart.eh-cart-layout-fix .main-page-wrapper,
html body.woocommerce-cart.eh-cart-layout-fix .wd-content-layout,
html body.woocommerce-cart.eh-cart-layout-fix .site-content,
html body.woocommerce-cart.eh-cart-layout-fix .content-layout-wrapper,
html body.woocommerce-cart.eh-cart-layout-fix .entry-content,
html body.woocommerce-cart.eh-cart-layout-fix .entry-content > .wpb-content-wrapper {
	background: #F3E4B2 !important;
	background-color: #F3E4B2 !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .wd-content-layout {
	padding-bottom: 0 !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .eh-cart-head {
	background: #F8F2E2 !important;
	background-color: #F8F2E2 !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8):has(> .vc_col-lg-4) {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	float: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background: #F3E4B2 !important;
	background-color: #F3E4B2 !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8)::before,
html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8)::after {
	content: none !important;
	display: none !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-8 > .vc_column-inner,
html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-4 > .vc_column-inner {
	padding-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background: #F3E4B2 !important;
	background-color: #F3E4B2 !important;
	box-sizing: border-box !important;
}

html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> #wd-product-loop-css),
html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(#wd-product-loop-css):not(:has(.product)):not(:has(.wd-product)) {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

@media (min-width: 992px) {
	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8):has(> .vc_col-lg-4) {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 32px !important;
		max-width: 1180px !important;
		margin: 24px auto 0 !important;
		padding: 0 !important;
	}

	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-8 {
		flex: 1 1 768px !important;
		width: 768px !important;
		max-width: 768px !important;
		min-width: 0 !important;
		float: none !important;
	}

	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-4 {
		flex: 0 0 380px !important;
		width: 380px !important;
		max-width: 380px !important;
		min-width: 0 !important;
		float: none !important;
	}
}

@media (max-width: 991px) {
	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8):has(> .vc_col-lg-4) {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 20px !important;
		max-width: 100% !important;
		margin: 16px 0 0 !important;
		padding: 0 16px !important;
	}

	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-8,
	html body.woocommerce-cart.eh-cart-layout-fix .wpb-content-wrapper > .vc_row:has(> .vc_col-lg-8) > .vc_col-lg-4 {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}
}

/* --------------------------------------------------------------------------
   İlginizi çekebilir. Below both columns. Desktop 4 cards, mobile scroll.
   -------------------------------------------------------------------------- */

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell {
	display: block !important;
	clear: both !important;
	width: min(1180px, calc(100% - 32px)) !important;
	max-width: 1180px !important;
	margin: 36px auto 28px !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	background: #FBF6D4 !important;
	border: 1px solid rgba(28, 25, 23, 0.12) !important;
	border-radius: 22px !important;
	padding: 22px 22px 24px !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__title {
	margin: 0 0 16px !important;
	color: #1C1917 !important;
	-webkit-text-fill-color: #1C1917 !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	text-align: center !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__grid,
html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell--solo .eh-cart-crossell__grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-items: stretch !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__card,
html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell--solo .eh-cart-crossell__card {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	height: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	overflow: hidden !important;
	background: #F8F2E2 !important;
	border: 1px solid rgba(28, 25, 23, 0.08) !important;
	border-radius: 16px !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__media,
html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell--solo .eh-cart-crossell__media {
	position: relative !important;
	display: block !important;
	flex: 0 0 148px !important;
	width: 100% !important;
	height: 148px !important;
	min-height: 148px !important;
	max-height: 148px !important;
	aspect-ratio: auto !important;
	overflow: hidden !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__media img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__body {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	align-items: stretch !important;
	gap: 8px !important;
	min-height: 0 !important;
	padding: 12px 12px 14px !important;
	box-sizing: border-box !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__name,
html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__name a {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	min-height: 2.8em !important;
	max-height: 2.8em !important;
	line-height: 1.4 !important;
	white-space: normal !important;
	color: #1C1917 !important;
	-webkit-text-fill-color: #1C1917 !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__name {
	flex: 0 0 auto !important;
	margin: 0 !important;
	font-size: 14px !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__price {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	gap: 8px !important;
	margin: 0 !important;
	overflow: visible !important;
	max-width: 100% !important;
	color: #8F6F18 !important;
	-webkit-text-fill-color: #8F6F18 !important;
	font-weight: 800 !important;
}

html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__go {
	display: inline-flex !important;
	align-items: center !important;
	margin-top: auto !important;
	color: #8F6F18 !important;
	-webkit-text-fill-color: #8F6F18 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	width: auto !important;
	min-height: 0 !important;
}

@media (max-width: 991px) {
	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell {
		width: calc(100% - 32px) !important;
		margin-top: 20px !important;
		padding: 16px 0 16px 16px !important;
	}

	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__title {
		padding-right: 16px !important;
	}

	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__grid,
	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell--solo .eh-cart-crossell__grid {
		display: flex !important;
		grid-template-columns: none !important;
		flex-wrap: nowrap !important;
		gap: 12px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 0 16px 8px 0 !important;
	}

	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell__card,
	html body.theme-woodmart.woocommerce-cart.etiler-cart-premium.eh-cart-layout-fix .eh-cart-crossell--solo .eh-cart-crossell__card {
		flex: 0 0 220px !important;
		width: 220px !important;
		max-width: 220px !important;
		scroll-snap-align: start !important;
	}
}