/* WC Smart Promotions — кутия „Отключи“. Цветовете следват darvoto.bg (--dv-*), ако са налични. */
.wcsp-ub,
.wcsp-ustrip {
	--wcsp-u-ink: var(--dv-ink, #191816);
	--wcsp-u-muted: var(--dv-muted, #655f57);
	--wcsp-u-accent: var(--dv-accent, #806044);
	--wcsp-u-soft: var(--dv-soft, #f7f4ef);
	--wcsp-u-border: var(--dv-border, #e7ddd2);
	--wcsp-u-cta: var(--dv-cta, #28241f);
	--wcsp-u-cta-hover: var(--dv-cta-hover, #45392f);
	--wcsp-u-ok: #2f7d4f;
	--wcsp-u-resin: #c98a3a;
}

.wcsp-ub {
	position: relative;
	overflow: hidden;
	margin: 14px 0 0;
	padding: 16px;
	background: #fff;
	border: 1px solid var(--wcsp-u-border);
	border-radius: 12px;
	color: var(--wcsp-u-ink);
	text-align: left;
	line-height: 1.4;
}
.wcsp-ub p { margin: 0; padding: 0; }
.wcsp-ub__body { position: relative; display: flex; flex-direction: column; gap: 4px; }

.wcsp-ub__lbl {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wcsp-u-accent);
}
.wcsp-ub__t { font-size: 21px; font-weight: 700; line-height: 1.15; text-wrap: balance; }
.wcsp-ub__p { font-size: 15px; color: var(--wcsp-u-muted); margin-bottom: 8px !important; }

.wcsp-ub .wcsp-ub__btn {
	width: 100%;
	min-height: 46px;
	margin-top: 4px;
	padding: 10px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--wcsp-u-cta);
	color: #fff;
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s;
}
.wcsp-ub .wcsp-ub__btn:hover { background: var(--wcsp-u-cta-hover); }
.wcsp-ub button:focus:not(:focus-visible) { outline: none; }
.wcsp-ub button:focus-visible { outline: 2px solid var(--wcsp-u-accent); outline-offset: 2px; }

/* Въпроси */
.wcsp-ub__q { font-size: 18px; font-weight: 700; margin: 2px 0 8px !important; }
.wcsp-ub__picks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wcsp-ub__picks--thick { grid-template-columns: minmax(0, 1fr); }
.wcsp-ub .wcsp-ub__pick {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	padding: 10px;
	border: 1px solid var(--wcsp-u-border);
	border-radius: 10px;
	background: var(--wcsp-u-soft);
	color: var(--wcsp-u-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s, transform .15s;
}
.wcsp-ub .wcsp-ub__pick:hover { border-color: var(--wcsp-u-accent); }
.wcsp-ub .wcsp-ub__pick:active { transform: scale(.98); }
.wcsp-ub__pick b { font-size: 16px; font-weight: 700; line-height: 1.2; }
.wcsp-ub__pick span { font-size: 13px; color: var(--wcsp-u-muted); line-height: 1.25; }
.wcsp-ub__picks--thick .wcsp-ub__pick { flex-direction: row; align-items: baseline; flex-wrap: wrap; column-gap: 8px; }
.wcsp-ub__img {
	display: block;
	width: 100%;
	height: 56px;
	margin-bottom: 6px;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
}
.wcsp-ub__img--0 { background-color: #d9b98c; background-image: linear-gradient(135deg, #efe2cf, #c98a3a); }
.wcsp-ub__img--1 { background-color: #5a6f6a; background-image: linear-gradient(135deg, #7a5a3c, #2f6f8f); }
.wcsp-ub__img--2 { background-color: #c7b39a; background-image: linear-gradient(135deg, #f1e7da, #9b7b5a); }
.wcsp-ub__img--3 { background-color: #5c4a39; background-image: linear-gradient(135deg, #3e3a35, #806044); }
.wcsp-ub .wcsp-ub__skip {
	align-self: flex-start;
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wcsp-u-muted);
	font: inherit;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

/* „Изливане“ */
.wcsp-ub__pour {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(201, 138, 58, 0) 0, rgba(201, 138, 58, .55) 45%, rgba(160, 104, 40, .75) 100%);
	transform: translateY(-101%);
}
.wcsp-ub__pour.go { animation: wcsp-pour 1.1s cubic-bezier(.5, 0, .3, 1) forwards; }
@keyframes wcsp-pour {
	0% { transform: translateY(-101%); }
	55% { transform: translateY(0); opacity: 1; }
	100% { transform: translateY(0); opacity: 0; }
}

/* Отключено */
.wcsp-ub__ok { display: flex; gap: 10px; align-items: flex-start; }
.wcsp-ub__ico {
	flex: none;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--wcsp-u-ok);
	color: #fff;
}
.wcsp-ub.is-done .wcsp-ub__t { font-size: 19px; }
.wcsp-ub__save { color: var(--wcsp-u-ok); font-weight: 700; margin-top: 2px !important; }
.wcsp-ub__note { color: var(--wcsp-u-muted); font-size: 14px; margin-top: 6px !important; }
.wcsp-ub__rec { margin-top: 12px !important; padding-top: 12px !important; border-top: 1px dashed var(--wcsp-u-border); font-size: 15px; }
.wcsp-ub__rec a { color: var(--wcsp-u-accent); font-weight: 600; }

/* Цена след отключване */
.wcsp-u--on ins { text-decoration: none; }

/* Лента в количката / checkout */
.wcsp-ustrip {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin: 0 0 18px;
	padding: 12px 14px;
	background: var(--wcsp-u-soft);
	border: 1px solid var(--wcsp-u-border);
	border-radius: 12px;
	color: var(--wcsp-u-ink);
}
.wcsp-ustrip p { margin: 0; font-weight: 600; }
.wcsp-ustrip button {
	padding: 8px 16px;
	border: 0;
	border-radius: 8px;
	background: var(--wcsp-u-cta);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.wcsp-ustrip button:disabled { opacity: .6; cursor: default; }

@media (max-width: 420px) {
	.wcsp-ub__img { height: 40px; }
	.wcsp-ub .wcsp-ub__pick { padding: 8px; }
}
@media (max-width: 330px) {
	.wcsp-ub__picks { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.wcsp-ub__pour.go { animation: none; }
	.wcsp-ub .wcsp-ub__pick { transition: none; }
}

/* Имейл */
.wcsp-uem { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.wcsp-uem__row { display: flex; gap: 8px; flex-wrap: wrap; }
.wcsp-uem input[type="email"] {
	flex: 1 1 180px;
	min-width: 0;
	min-height: 46px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid var(--wcsp-u-border);
	border-radius: 10px;
	background: #fff;
	color: var(--wcsp-u-ink);
	font: inherit;
	font-size: 16px; /* iPhone не zoom-ва */
	box-shadow: none;
}
.wcsp-uem input[type="email"]:focus { outline: none; border-color: var(--wcsp-u-accent); box-shadow: 0 0 0 3px rgba(128, 96, 68, .15); }
.wcsp-uem .wcsp-ub__btn { flex: 0 0 auto; width: auto; margin-top: 0; }
.wcsp-uem__err { margin: 0; color: #b42318; font-size: 14px; font-weight: 600; }
.wcsp-uem__note { margin: 0; color: var(--wcsp-u-muted); font-size: 13px; }
.wcsp-uem.is-busy .wcsp-ub__btn { opacity: .6; cursor: progress; }
.wcsp-ub__start { display: flex; flex-direction: column; gap: 4px; }
.wcsp-uem[hidden], .wcsp-ub__start[hidden], .wcsp-ustrip__start[hidden] { display: none !important; }
.wcsp-uem .wcsp-ub__q { margin: 2px 0 2px !important; }
.wcsp-ustrip--email { align-items: stretch; flex-direction: column; }
.wcsp-ustrip__start { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.wcsp-ustrip .wcsp-uem .wcsp-ub__q { font-size: 16px; }
.wcsp-ustrip--email .wcsp-uem__row { max-width: 560px; }
@media (max-width: 420px) {
	.wcsp-uem .wcsp-ub__btn { flex: 1 1 100%; }
}

/* Категории: лента над продуктите */
.wcsp-ub--bar { width: 100%; flex: 0 0 100%; margin: 14px 0 18px; padding: 14px 18px; box-shadow: 0 6px 18px rgba(0, 0, 0, .06); }
.wcsp-ub--bar .wcsp-ub__body { gap: 2px; }
.wcsp-ub--bar .wcsp-ub__start { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-items: center; }
.wcsp-ub--bar .wcsp-ub__t { grid-column: 1; font-size: 20px; }
.wcsp-ub--bar .wcsp-ub__p { grid-column: 1; margin-bottom: 0 !important; font-size: 14px; }
.wcsp-ub--bar .wcsp-ub__btn { grid-column: 2; grid-row: 1 / span 2; width: auto; min-height: 44px; margin: 0; padding: 10px 22px; background: #d0021b; }
.wcsp-ub--bar .wcsp-ub__btn:hover { background: #a80016; }
.wcsp-ub--bar.is-done { background: #f3faf5; border-color: #cfe8d6; }
.wcsp-ub--bar [data-wcsp-save], .wcsp-ub--bar .wcsp-ub__rec { display: none !important; }
.wcsp-ub--bar.is-done .wcsp-ub__t { font-size: 18px; }
@media (max-width: 600px) {
	.wcsp-ub--bar .wcsp-ub__start { grid-template-columns: minmax(0, 1fr); }
	.wcsp-ub--bar .wcsp-ub__btn { grid-column: 1; grid-row: auto; width: 100%; margin-top: 10px; }
}

/* Категории: етикет и „Отключи и спести“ */
.products li.product, .products .product { position: relative; }
.wcsp-ubadge { position: absolute; top: 10px; right: 10px; z-index: 3; padding: 6px 8px; border-radius: 6px; background: #d0021b; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; pointer-events: none; }
.wcsp-uhint { display: inline-block; margin-top: 4px; color: #d0021b; font-size: 13px; font-weight: 600; line-height: 1.25; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; cursor: pointer; }
.wcsp-uhint:hover { text-decoration-style: solid; }
.wcsp-uhint.is-on { color: #2f7d4f; text-decoration: none; cursor: inherit; }