/**
 * Rich & Well — WooCommerce chrome (header cart, shared).
 */

/* Catalog card titles: one line + ellipsis */
.raw-catalog-card .raw-catalog-product-name {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 1.35;
}

.raw-header-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	color: #fff;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.raw-header-cart:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.35);
	transform: translateY(-1px);
}

.raw-header-cart-icon {
	font-size: 0.95rem;
	line-height: 1;
}

.raw-header-cart-count {
	position: absolute;
	top: -0.2rem;
	right: -0.2rem;
	min-width: 1.15rem;
	height: 1.15rem;
	padding: 0 0.3rem;
	border-radius: 999px;
	background: var(--accent-green);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	box-shadow: 0 0 0 2px rgba(5, 14, 23, 0.35);
}

.raw-header-cart:not(.has-items) .raw-header-cart-count {
	display: none;
}

html.light .raw-header-cart {
	border-color: rgba(5, 14, 23, 0.12);
	color: var(--text-primary);
}

html.light .raw-header-cart:hover {
	background: rgba(20, 82, 177, 0.06);
	border-color: rgba(20, 82, 177, 0.28);
}

html.light .raw-header-cart-count {
	box-shadow: 0 0 0 2px #fff;
}

/* Light-hero pages (cart, WD, etc.) — bag icon must read on white header */
body.light-hero .raw-header-cart {
	border-color: rgba(5, 14, 23, 0.14);
	color: var(--text-primary);
}

body.light-hero .raw-header-cart:hover {
	background: rgba(20, 82, 177, 0.06);
	border-color: rgba(20, 82, 177, 0.28);
}

body.light-hero .raw-header-cart-count {
	box-shadow: 0 0 0 2px #fff;
}

html:not(.dark) #navbar.scrolled .raw-header-cart {
	border-color: rgba(5, 14, 23, 0.14);
	color: var(--text-primary);
}

/*
 * Dark transparent navbar: always white bag — html.light must not win here.
 */
body:not(.light-hero) #navbar:not(.scrolled) .raw-header-cart,
body:not(.light-hero) #navbar:not(.scrolled) .raw-header-cart-icon,
body:not(.light-hero) #navbar:not(.scrolled) .raw-header-cart i {
	color: #ffffff !important;
}

body:not(.light-hero) #navbar:not(.scrolled) .raw-header-cart {
	border-color: rgba(255, 255, 255, 0.4) !important;
}

body:not(.light-hero) #navbar:not(.scrolled) .raw-header-cart:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
}