/* lead_cta — product / listing / popup / cart CTA (Technics) */

.lead-cta-hide-qty .sku__action input.ui-number,
.lead-cta-hide-qty .sku__action .jq-number,
.sku__action .lead-cta-qty-wrap {
	display: none !important;
}

.btn--cart.lead-cta-active,
.btn--cart.lead-cta-active:disabled,
.btn--cart.lead-cta-active[disabled],
a.btn--cart.lead-cta-active {
	opacity: 1 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	background: rgb(21, 115, 71) !important;
	border-color: rgb(21, 115, 71) !important;
	color: rgb(255, 255, 255) !important;
	padding: 1rem 1.6rem !important;
	text-align: center !important;
	text-transform: uppercase;
	border-radius: 6px !important;
}

.btn--cart.lead-cta-active:hover,
.btn--cart.lead-cta-active:focus,
a.btn--cart.lead-cta-active:hover,
a.btn--cart.lead-cta-active:focus {
	background: rgb(16, 92, 56) !important;
	border-color: rgb(16, 92, 56) !important;
	color: rgb(255, 255, 255) !important;
}

.btn--cart.lead-cta-active .icon-cart,
.btn--cart.lead-cta-active svg.icon-cart {
	display: none !important;
}

a.btn.lead-cta-engineer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgb(11, 148, 110) !important;
	border-color: rgb(11, 148, 110) !important;
	color: rgb(255, 255, 255) !important;
	white-space: nowrap;
	text-decoration: none !important;
}

a.btn.lead-cta-engineer:hover,
a.btn.lead-cta-engineer:focus {
	background: rgb(8, 120, 90) !important;
	border-color: rgb(8, 120, 90) !important;
	color: rgb(255, 255, 255) !important;
}

/* Mini-cart + basket page: B2B */
body.lead-cta-cart #cart .cart__item-action .ui-number,
body.lead-cta-cart #cart .cart__item-action .jq-number,
body.lead-cta-cart #cartcontent .basket__table-counter,
body.lead-cta-cart #cartcontent .jq-number {
	display: none !important;
}

body.lead-cta-cart #cart .cart__total,
body.lead-cta-cart #cart .cart__item-price,
body.lead-cta-cart .basket__total,
body.lead-cta-cart #cartcontent .basket__table-price,
body.lead-cta-cart #cartcontent .basket__table-cost,
body.lead-cta-cart #cart .js-fancy-popup-cart,
body.lead-cta-cart #popup-buy-click-cc,
body.lead-cta-cart #popup-buy-click,
body.lead-cta-cart a.js-fancy-popup-cart[href="#popup-buy-click"],
body.lead-cta-cart a.js-fancy-popup-cart[href="#popup-buy-click-cc"] {
	display: none !important;
}

/* Listing: CTA + eye in one row; notice full-width BELOW the row (canon). */
body.lead-cta-listing .products__item-action.lead-cta-action {
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	height: auto !important;
	white-space: normal;
}

.lead-cta-action-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0.8rem;
	width: 100%;
	min-width: 0;
}

.lead-cta-action-row .btn {
	margin: 0 !important;
}

.lead-cta-action-row .btn--cart.lead-cta-active {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	max-width: 100%;
	height: 4.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 0 !important;
}

.products__item-action .btn--preview {
	flex: 0 0 4.6rem;
	flex-shrink: 0 !important;
	box-sizing: border-box;
	width: 4.6rem !important;
	min-width: 4.6rem !important;
	max-width: 4.6rem !important;
	height: 4.6rem !important;
	padding: 0 !important;
	border-radius: 6px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-indent: 0 !important;
}

.products__item-action .btn--preview .icon-preview {
	flex-shrink: 0;
	position: static;
	margin: 0;
	width: 1.8rem;
	height: 1.2rem;
}

.products__item-action .btn--preview:hover,
.products__item-action .btn--preview:focus {
	color: #157347;
	border-color: #d1d5db;
}

.products__item.lead-cta-notice-open {
	overflow: visible !important;
	z-index: 20;
}

/* Hide theme's icon-only cart button on narrow grids — keep full CTA label. */
@media (max-width: 479px) {
	.products__item-action .btn--cart.lead-cta-active {
		width: auto !important;
		text-indent: 0 !important;
		padding: 1rem 1.2rem !important;
	}

	.products__item-action .btn--cart.lead-cta-active [class^="icon-"] {
		display: none !important;
	}
}

body.lead-cta-listing .products__grid--grid_2 .btn--cart.lead-cta-active {
	width: auto !important;
	text-indent: 0 !important;
	padding: 1rem 1.2rem !important;
}

/* Product page / quick view: notice under the action buttons row. */
.sku__action-buttons {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.sku__action-buttons .btn--cart.lead-cta-active {
	height: 4.6rem;
}

@keyframes lead-cta-notice-in {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Duplicate-request notice near CTA (product / listing / quick view) */
.lead-cta-notice {
	display: flex;
	align-items: flex-start;
	gap: 0.8rem;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	flex: 0 0 auto;
	margin: 1.2rem 0 0;
	padding: 1.2rem 1.4rem;
	font-size: 1.5rem;
	line-height: 1.35;
	font-weight: 600;
	color: #14261c;
	background: #e8f6ee;
	border: 1px solid #15a34a;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: normal;
	animation: lead-cta-notice-in 200ms ease-out forwards;
}

.lead-cta-notice__icon {
	flex-shrink: 0;
	display: inline-flex;
	margin-top: 0.15rem;
	color: #15a34a;
}

.lead-cta-notice__icon svg {
	display: block;
	width: 2rem;
	height: 2rem;
}

.lead-cta-notice__text {
	flex: 1 1 auto;
	min-width: 0;
}

.lead-cta-notice__link {
	color: #157347;
	text-decoration: underline;
	font-weight: 600;
}

.lead-cta-notice__link:hover,
.lead-cta-notice__link:focus {
	color: #105c38;
}

.products__item-action .lead-cta-notice {
	margin-top: 1.2rem;
}

.sku__action-buttons .lead-cta-notice {
	margin-top: 1.2rem;
}

@media (max-width: 767px) {
	.lead-cta-notice {
		font-size: 1.7rem;
		padding: 1.4rem 1.5rem;
	}

	.lead-cta-notice__icon svg {
		width: 2.2rem;
		height: 2.2rem;
	}

	body.lead-cta-listing .products__item {
		overflow: visible;
	}
}

