/**
 * Extras for the fifth ucx design family (.ucx-intro hero with .ucx-cta-row). The design's own styles come with
 * the widgets; this only covers what the bridge adds: breadcrumb links, inert stars, rating bars, card links.
 */

.elementor-widget-container .ucx-intro .ucx-breadcrumb a:not(#ucx-boost) {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
.elementor-widget-container .ucx-intro .ucx-breadcrumb a:hover:not(#ucx-boost),
.elementor-widget-container .ucx-intro .ucx-breadcrumb a:focus-visible:not(#ucx-boost) {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* The design resets every property inside its widgets (all: revert, same weight as a plain class), so the rules below
   are prefixed to win that tie. */

/* Rating stars only display the product's rating. */
.elementor-widget-container .ucx-stars__btn[disabled]:not(#ucx-boost) {
	cursor: default;
}
.elementor-widget-container .hlc-star-muted:not(#ucx-boost) {
	opacity: 0.28;
}

/* Reviewer count opens the reviews dialog. */
.elementor-widget-container .ucx-rating-line__meta [data-hlc-reviews-link]:not(#ucx-boost) {
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Star breakdown: real proportions instead of the design's fixed picture. */
.elementor-widget-container .ucx-rating-bar__label[disabled]:not(#ucx-boost) {
	cursor: default;
	opacity: 1;
}
.elementor-widget-container .hlc-rbar:not(#ucx-boost) {
	display: block;
	flex: 0 0 auto;
	width: 200px;
	height: 10px;
	border-radius: 999px;
	background: #f3f3f3;
	overflow: hidden;
}
.elementor-widget-container .hlc-rbar i:not(#ucx-boost) {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: #000;
}

/* Related card image becomes a link to that product. */
.elementor-widget-container .ucx-product-card__media:not(#ucx-boost) {
	position: relative;
}
.elementor-widget-container .hlc-card-link:not(#ucx-boost) {
	position: absolute;
	inset: 0;
	display: block;
}

/* Option that cannot be bought right now, buttons while busy or unavailable. */
.elementor-widget-container .ucx-chip[disabled]:not(#ucx-boost) {
	opacity: 0.4;
	cursor: not-allowed;
}
.elementor-widget-container [data-hlc-action].is-busy:not(#ucx-boost) {
	opacity: 0.75;
	pointer-events: none;
}
.elementor-widget-container [data-hlc-action][disabled]:not(#ucx-boost),
.elementor-widget-container [data-hlc-action][aria-disabled="true"]:not(#ucx-boost) {
	opacity: 0.5;
	cursor: not-allowed;
}
.elementor-widget-container [data-hlc-action][aria-disabled="true"]:not([disabled]):not(#ucx-boost) {
	pointer-events: none;
}

/* Validation / failure message under the buttons. */
.elementor-widget-container .ucx-intro .hlc-msg:not(#ucx-boost) {
	display: none;
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.4;
	color: #b3261e;
}
.elementor-widget-container .ucx-intro .hlc-msg.is-visible:not(#ucx-boost) {
	display: block;
}
/* The design draws the hero buttons exactly as wide as their text; a pixel of rounding wrapped the labels. */
.elementor-widget-container .ucx-cta-row .ucx-btn:not(#ucx-boost) {
	white-space: nowrap;
}