/* 20 — sensa-core components: discretion block, free-shipping bar. */

.sensa-discretion {
	background: var(--c-bg-subtle);
	border-radius: var(--radius-md);
	padding: var(--space-element);
	margin-block: var(--space-element);
	color: var(--c-ink);
}
.sensa-discretion__title {
	font-family: var(--ff-heading);
	font-weight: 600;
	font-size: var(--fs-body);
	margin: 0 0 var(--space-tight);
}
.sensa-discretion__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--fs-sm);
}
.sensa-discretion__list li {
	position: relative;
	padding-inline-start: 1.5em;
	margin-block: 4px;
}
.sensa-discretion__list li::before {
	content: "✓";
	position: absolute;
	inset-inline-start: 0;
	color: var(--c-success);
	font-weight: 700;
}
.sensa-discretion__more {
	display: inline-block;
	margin-top: var(--space-tight);
	font-size: var(--fs-sm);
}

.sensa-ship-bar {
	margin-block: var(--space-element);
}
.sensa-ship-bar__text {
	margin: 0 0 6px;
	font-size: var(--fs-sm);
	font-weight: 600;
}
.sensa-ship-bar__track {
	block-size: 8px;
	background: var(--c-bg-subtle);
	border-radius: var(--radius-pill);
	overflow: hidden;
}
/* Block child in an RTL container starts at the right → fills right-to-left. */
.sensa-ship-bar__fill {
	display: block;
	block-size: 100%;
	background: var(--c-primary);
	border-radius: inherit;
	transition: inline-size var(--motion-fast);
}
.sensa-ship-bar.is-complete .sensa-ship-bar__fill {
	background: var(--c-success);
}

.discount-badge {
	display: inline-block;
	background: var(--c-accent);
	color: #fff;
	font-size: var(--fs-xs);
	font-weight: 600;
	line-height: 1;
	padding: 4px 8px;
	border-radius: var(--radius-pill);
	unicode-bidi: isolate;
	direction: ltr;
}

.sensa-ship-eta {
	color: var(--c-ink-muted);
	font-size: var(--fs-xs);
}

/* Header menu cart toggle rendered as a terracotta block — make it an icon button */
.elementor-menu-cart__toggle .elementor-button,
.elementor-menu-cart__toggle_button {
	background: transparent !important;
	border: 0 !important;
	color: var(--c-ink) !important;
	padding: 8px !important;
}
.elementor-menu-cart__toggle .elementor-button-icon { color: var(--c-ink) !important; font-size: 22px; }
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]::before {
	background: var(--c-accent) !important;
	color: #fff !important;
}