/**
 * Win10 — Sidebar shop (#shop-sidebar) & single (#product-sidebar).
 */

#shop-sidebar .sidebar-inner,
#product-sidebar .sidebar-inner,
#product-sidebar {
	background: transparent;
}

/* ─── Khối widget — card nhẹ, nổi bật ─── */
#shop-sidebar .widget,
#product-sidebar .widget {
	background: var(--win10-surface, #fff);
	border: 1px solid var(--win10-border, #e5e7eb);
	border-radius: 12px;
	padding: 1.15rem 1.15rem 1rem;
	margin: 0 0 1.25rem;
	box-shadow: 0 2px 14px rgba(15, 23, 42, 0.05);
}

#shop-sidebar .widget:last-child,
#product-sidebar .widget:last-child {
	margin-bottom: 0;
}

#shop-sidebar .widget .is-divider,
#product-sidebar .widget .is-divider {
	display: none !important;
}

/* ─── Danh mục sản phẩm ─── */
#shop-sidebar .widget_product_categories ul,
#product-sidebar .widget_product_categories ul,
#shop-sidebar .widget_product_categories .product-categories,
#product-sidebar .widget_product_categories .product-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}

#shop-sidebar .widget_product_categories li,
#product-sidebar .widget_product_categories li {
	margin: 0;
	padding: 0;
	border: none;
}

#shop-sidebar .widget_product_categories > ul > li > a,
#product-sidebar .widget_product_categories > ul > li > a,
#shop-sidebar .widget_product_categories .product-categories > li > a,
#product-sidebar .widget_product_categories .product-categories > li > a,
#shop-sidebar .widget_product_categories li ul.children a,
#product-sidebar .widget_product_categories li ul.children a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0.6rem 0.65rem;
	margin-bottom: 2px;
	border-radius: 8px;
	color: var(--win10-text, #1f2937);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
	border-top: none !important;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		padding-left 0.2s ease;
}

#shop-sidebar .widget_product_categories li ul.children a,
#product-sidebar .widget_product_categories li ul.children a {
	padding-left: 1.1rem;
	font-size: 0.8125rem;
	color: var(--win10-muted, #64748b);
}

#shop-sidebar .widget_product_categories a:hover,
#product-sidebar .widget_product_categories a:hover {
	background: rgba(24, 161, 95, 0.1);
	color: var(--win10-brand-dark, #128a52);
	padding-left: 0.85rem;
	text-decoration: none;
}

#shop-sidebar .widget_product_categories .current-cat > a,
#product-sidebar .widget_product_categories .current-cat > a,
#shop-sidebar .widget_product_categories li.current-cat-parent > a,
#product-sidebar .widget_product_categories li.current-cat-parent > a {
	background: rgba(24, 161, 95, 0.12);
	color: var(--win10-brand-dark, #128a52);
	font-weight: 700;
}

#shop-sidebar .widget_product_categories .count,
#product-sidebar .widget_product_categories .count {
	font-size: 0.6875rem;
	font-weight: 700;
	color: var(--win10-brand-dark, #128a52);
	background: rgba(24, 161, 95, 0.12);
	padding: 3px 8px;
	border-radius: var(--win10-radius-pill, 999px);
}

/* Link / filter chung */
#shop-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) ul,
#product-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) ul,
#shop-sidebar ul.woocommerce-widget-layered-nav-list,
#product-sidebar ul.woocommerce-widget-layered-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#shop-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) li,
#product-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) li,
#shop-sidebar ul.woocommerce-widget-layered-nav-list li,
#product-sidebar ul.woocommerce-widget-layered-nav-list li {
	margin: 0 0 4px;
	padding: 0;
	border: none;
}

#shop-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) a,
#product-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) a,
#shop-sidebar ul.woocommerce-widget-layered-nav-list a,
#product-sidebar ul.woocommerce-widget-layered-nav-list a {
	display: block;
	padding: 0.55rem 0.65rem;
	border-radius: 8px;
	border-top: none !important;
	color: var(--win10-text, #1f2937);
	font-size: 0.9375rem;
	line-height: 1.45;
	transition:
		background 0.2s ease,
		color 0.2s ease;
}

#shop-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) a:hover,
#product-sidebar .widget:not(.widget_product_categories):not(.widget_recently_viewed_products):not(.widget_products) a:hover,
#shop-sidebar ul.woocommerce-widget-layered-nav-list a:hover,
#product-sidebar ul.woocommerce-widget-layered-nav-list a:hover {
	background: rgba(24, 161, 95, 0.1);
	color: var(--win10-brand-dark, #128a52);
	text-decoration: none;
}

#shop-sidebar .widget .current-cat > a,
#product-sidebar .widget .current-cat > a,
#shop-sidebar .widget li.chosen a,
#product-sidebar .widget li.chosen a,
#shop-sidebar ul.woocommerce-widget-layered-nav-list li.chosen a,
#product-sidebar ul.woocommerce-widget-layered-nav-list li.chosen a {
	background: rgba(24, 161, 95, 0.12);
	color: var(--win10-brand-dark, #128a52);
	font-weight: 600;
}

/* ─── Sản phẩm widget — ảnh absolute + nội dung bên phải (không display:contents) ─── */
#shop-sidebar ul.product_list_widget,
#product-sidebar ul.product_list_widget {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#shop-sidebar ul.product_list_widget li,
#product-sidebar ul.product_list_widget li {
	display: block !important;
	position: relative !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	min-height: 72px !important;
	margin: 0 0 10px;
	padding: 10px 10px 10px 78px !important;
	border: 1px solid var(--win10-border, #e8ecf0) !important;
	border-top: 1px solid var(--win10-border, #e8ecf0) !important;
	border-radius: 10px;
	background: var(--win10-bg, #f8fafb);
	overflow: visible !important;
	vertical-align: top;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

#shop-sidebar ul.product_list_widget li + li,
#product-sidebar ul.product_list_widget li + li {
	border-top: none !important;
}

#shop-sidebar ul.product_list_widget li:last-child,
#product-sidebar ul.product_list_widget li:last-child {
	margin-bottom: 0;
}

#shop-sidebar ul.product_list_widget li:hover,
#product-sidebar ul.product_list_widget li:hover {
	border-color: rgba(24, 161, 95, 0.35) !important;
	box-shadow: 0 4px 12px rgba(24, 161, 95, 0.1);
}

#shop-sidebar ul.product_list_widget li > a:not(.remove),
#product-sidebar ul.product_list_widget li > a:not(.remove) {
	display: block !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	color: inherit;
	font-weight: inherit;
	float: none !important;
	position: static !important;
	overflow: visible !important;
	line-height: 1.45 !important;
	text-overflow: clip !important;
}

#shop-sidebar ul.product_list_widget li > a:hover .product-title,
#product-sidebar ul.product_list_widget li > a:hover .product-title {
	color: var(--win10-brand, #18a15f);
}

#shop-sidebar ul.product_list_widget li img,
#product-sidebar ul.product_list_widget li img {
	position: absolute !important;
	left: 10px !important;
	top: 10px !important;
	width: 60px !important;
	height: 60px !important;
	max-width: 60px !important;
	object-fit: cover;
	border-radius: 8px;
	margin: 0 !important;
	float: none !important;
	background: #fff;
	border: 1px solid var(--win10-border, #e8ecf0);
}

#shop-sidebar ul.product_list_widget .product-title,
#product-sidebar ul.product_list_widget .product-title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.45;
	color: var(--win10-text, #111827);
	word-break: break-word;
	float: none !important;
}

/* Giá gốc trái → giá KM phải, một hàng */
#shop-sidebar ul.product_list_widget li > .price,
#product-sidebar ul.product_list_widget li > .price,
#shop-sidebar ul.product_list_widget li > span.price,
#product-sidebar ul.product_list_widget li > span.price {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: baseline !important;
	gap: 8px !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.9375rem;
	line-height: 1.4;
}

#shop-sidebar ul.product_list_widget .price del,
#product-sidebar ul.product_list_widget .price del,
#shop-sidebar ul.product_list_widget li > del,
#product-sidebar ul.product_list_widget li > del {
	display: inline !important;
	position: static !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	color: var(--win10-muted, #64748b) !important;
	opacity: 1 !important;
	text-decoration: line-through !important;
	white-space: nowrap;
	vertical-align: baseline;
}

#shop-sidebar ul.product_list_widget .price ins,
#product-sidebar ul.product_list_widget .price ins,
#shop-sidebar ul.product_list_widget li > ins,
#product-sidebar ul.product_list_widget li > ins {
	display: inline !important;
	position: static !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	font-size: 0.9375rem !important;
	color: var(--win10-brand-dark, #128a52) !important;
	white-space: nowrap;
	vertical-align: baseline;
}

#shop-sidebar ul.product_list_widget .price .woocommerce-Price-amount,
#product-sidebar ul.product_list_widget .price .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

#shop-sidebar ul.product_list_widget .star-rating,
#product-sidebar ul.product_list_widget .star-rating {
	display: block;
	margin: 4px 0 0;
	font-size: 0.75rem;
	float: none !important;
}

/* Layered nav */
#shop-sidebar .woocommerce-widget-layered-nav-list a::before,
#product-sidebar .woocommerce-widget-layered-nav-list a::before {
	margin-right: 8px;
}

#shop-sidebar .count,
#product-sidebar .count {
	color: var(--win10-muted, #64748b);
	font-size: 0.75rem;
	font-weight: 500;
}

/* Price filter */
#shop-sidebar .price_slider_wrapper,
#product-sidebar .price_slider_wrapper {
	padding-top: 10px;
}

#shop-sidebar .price_slider_amount,
#product-sidebar .price_slider_amount {
	font-size: 0.8125rem;
	color: var(--win10-muted, #64748b);
	margin-bottom: 0.75rem;
}

#shop-sidebar .ui-slider .ui-slider-range,
#product-sidebar .ui-slider .ui-slider-range {
	background: var(--win10-brand, #18a15f);
}

#shop-sidebar .ui-slider .ui-slider-handle,
#product-sidebar .ui-slider .ui-slider-handle {
	border-color: var(--win10-brand, #18a15f);
	background: var(--win10-brand, #18a15f);
}

#shop-sidebar button,
#product-sidebar button,
#shop-sidebar .button,
#product-sidebar .button {
	border-radius: 8px;
	font-size: 0.8125rem;
	font-weight: 600;
}


#shop-sidebar .search-field,
#product-sidebar .search-field {
	border-radius: 8px;
	border: 1px solid var(--win10-border, #e8ecf0);
	background: var(--win10-bg, #f8f9fb);
	font-size: 0.875rem;
}

#shop-sidebar .search-field:focus,
#product-sidebar .search-field:focus {
	border-color: var(--win10-brand, #18a15f);
	background: #fff;
	box-shadow: 0 0 0 2px rgba(24, 161, 95, 0.12);
	outline: none;
}

#shop-sidebar ul.has-block,
#product-sidebar ul.has-block {
	list-style: none;
	margin: 0;
	padding: 0;
}

#shop-sidebar ul.has-block li,
#product-sidebar ul.has-block li {
	margin: 0 0 0.5rem;
	padding: 0;
	border: none !important;
	font-size: 0.875rem;
	line-height: 1.55;
}

@media (max-width: 849px) {
	#shop-sidebar .widget,
	#product-sidebar .widget {
		margin-bottom: 1rem;
		padding: 1rem;
	}

	#shop-sidebar ul.product_list_widget li img,
	#product-sidebar ul.product_list_widget li img {
		width: 52px !important;
		height: 52px !important;
		max-width: 52px !important;
	}

	#shop-sidebar ul.product_list_widget li,
	#product-sidebar ul.product_list_widget li {
		padding-left: 70px !important;
		min-height: 64px !important;
	}
}
