/* Tabib Smart Sell — side cart picks. Minimal, built on the theme's own tokens. */
.tss-mini-li { display: block !important; list-style: none; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100%; min-width: 0; }
.tss-mini-li::before, .tss-mini-li::after { display: none !important; }
.tss-mini, .tss-mini * { box-sizing: border-box; }

.tss-mini {
	--tss-brand: var(--wd-primary-color, #048ed6);
	--tss-ink: var(--wd-title-color, #242424);
	--tss-muted: var(--wd-text-color, #777);
	--tss-line: var(--brdcolor-gray-300, rgba(0, 0, 0, .105));
	--tss-soft: var(--bgcolor-gray-100, #f7f7f7);
	--tss-sale: #dd3333;
	width: 100%; min-width: 0; max-width: 100%;
	margin: 6px 0 4px; padding: 14px 0 0;
	border-top: 1px solid var(--tss-line);
	font-family: inherit;
}
.tss-mini__head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.tss-mini__icon { display: none !important; }
.tss-mini__title { flex: 1 1 auto; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--tss-ink); }
.tss-mini__badge { flex: 0 0 auto; font-size: 12px; font-weight: 700; color: var(--tss-sale); line-height: 1.4; }

/* No clock: one quiet line */
.tss-mini__note { margin: 0 0 4px; font-size: 12px; line-height: 1.5; color: var(--tss-muted); }

/* Offer clock: one quiet line + hairline bar */
.tss-mini__offer { margin: 0 0 4px; padding: 0; background: none; border: 0; }
.tss-mini__offer-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tss-mini__offer-txt { font-size: 12px; color: var(--tss-muted); line-height: 1.5; }
.tss-mini__clock { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; color: var(--tss-sale); font-size: 13px; font-variant-numeric: tabular-nums; }
.tss-mini__clock svg { width: 12px; height: 12px; }
.tss-mini__clock b { font-weight: 700; }
.tss-mini__bar { height: 2px; border-radius: 2px; background: var(--tss-line); margin-top: 6px; overflow: hidden; }
.tss-mini__bar i { display: block; height: 100%; background: var(--tss-sale); transition: width 1s linear; }
.tss-mini.is-ending .tss-mini__clock { animation: tss-pulse 1s ease-in-out infinite; }
@keyframes tss-pulse { 50% { opacity: .45; } }

/* Rows */
.tss-mini__list { display: flex; flex-direction: column; }
.tss-mini__card { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--tss-line); background: none; position: relative; }
.tss-mini__card:last-child { border-bottom: 0; }
.tss-mini__media { flex: 0 0 52px; display: block; }
.tss-mini__media img.tss-mini__img { display: block; width: 52px !important; height: 52px !important; max-width: none; object-fit: contain; border-radius: 10px; background: var(--tss-soft); margin: 0 !important; }
.tss-mini__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.tss-mini__name { font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--tss-ink) !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none !important; }
.tss-mini__why { font-size: 11.5px; color: var(--tss-muted); line-height: 1.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tss-mini__price { font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--tss-brand); }
.tss-mini__price del { color: var(--tss-muted); opacity: .7; font-weight: 400; font-size: 12px; }
.tss-mini__price ins { text-decoration: none; }
.tss-mini__save { margin-inline-start: 4px; font-size: 11px; font-weight: 700; color: var(--tss-sale); }

.tss-mini .tss-p-normal { display: none; }
.tss-mini .tss-p-offer { display: inline; }
.tss-mini:not(.has-offer):not(.is-pending) .tss-p-offer { display: none; }
.tss-mini:not(.has-offer):not(.is-pending) .tss-p-normal { display: inline; }
.tss-mini .tss-mini__card.no-offer .tss-p-normal { display: inline !important; }
.tss-mini.is-expired .tss-mini__offer, .tss-mini.is-expired .tss-mini__badge { display: none; }

.tss-mini__var { margin-top: 4px; height: 30px !important; min-height: 30px; padding: 0 8px !important; font-size: 12px !important; border-radius: var(--wd-form-brd-radius, 6px) !important; max-width: 100%; }
.tss-mini__var.is-missing { border-color: var(--tss-sale) !important; }

/* Add: small outline pill, like the theme's buttons */
.tss-mini__add {
	flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 3px;
	min-width: 32px; height: 32px; padding: 0 12px !important;
	border-radius: var(--btn-accented-brd-radius, 35px) !important;
	background: transparent !important; color: var(--tss-brand) !important;
	border: 1px solid var(--tss-brand) !important; box-shadow: none !important;
	font-size: 12.5px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important;
	cursor: pointer; transition: background .15s, color .15s;
}
.tss-mini__add:hover { background: var(--tss-brand) !important; color: #fff !important; }
.tss-mini__plus { font-size: 15px; font-weight: 600; margin-top: -1px; }
.tss-mini__add.is-busy { opacity: .5; pointer-events: none; }
.tss-mini__add.is-done { background: var(--tss-brand) !important; color: #fff !important; }
.tss-mini__add.is-done .tss-mini__plus { display: none; }

/* Empty side cart */
.tss-mini--empty { margin: 18px 22px 10px !important; width: auto !important; }

@media (max-width: 400px) {
	.tss-mini__media { flex-basis: 46px; }
	.tss-mini__media img.tss-mini__img { width: 46px !important; height: 46px !important; }
	.tss-mini__add { padding: 0 !important; width: 32px; }
	.tss-mini__add-txt { display: none; }
}

/* Side cart breathing room (both stores): one consistent 22px gutter. */
.cart-widget-side .wd-heading { padding: 20px 22px !important; }
.cart-widget-side .woocommerce-mini-cart-item { padding: 16px 22px !important; }
.cart-widget-side .woocommerce-mini-cart-item .remove { left: 14px !important; }
html[dir="ltr"] .cart-widget-side .woocommerce-mini-cart-item .remove { left: auto !important; right: 14px !important; }
.cart-widget-side .woocommerce-mini-cart__total { padding: 16px 22px !important; }
.cart-widget-side .woocommerce-mini-cart__buttons { padding: 0 22px 22px !important; }
.cart-widget-side .tss-tier { padding: 0 22px !important; margin: 0 0 14px !important; }
.cart-widget-side .tss-mini-li .tss-mini { width: auto; margin: 10px 22px 8px; }
.cart-widget-side .wd-empty-mini-cart { padding: 0 22px; }
.tss-mini__save { white-space: nowrap; display: inline-block; }
