/**
 * PC Shop — Share buttons styles.
 *
 * .pc-share-btn — наследует pc-btn стили, добавляет иконку + spacing.
 * .pc-share-toast — нижний toast-уведомление (фиксированный bottom-center).
 */

.pc-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.1s ease;
}

.pc-share-btn:active {
	transform: scale( 0.97 );
}

.pc-share-btn:disabled,
.pc-share-btn.is-loading {
	opacity: 0.6;
	cursor: wait;
}

.pc-share-btn.is-error,
.pc-share-btn.is-error:hover {
	border-color: rgba(200, 30, 30, 0.7);
	color: rgba(200, 30, 30, 1);
	background: rgba(200, 30, 30, 0.08);
}

.pc-share-btn.is-loading::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: pcShareSpin 0.6s linear infinite;
}

@keyframes pcShareSpin {
	to { transform: rotate( 360deg ); }
}

.pc-share-btn svg {
	flex-shrink: 0;
}

/* Toast — внизу по центру, без блокировки UI */
.pc-share-toast {
	position: fixed;
	left: 50%;
	bottom: 32px;
	transform: translateX( -50% ) translateY( 20px );
	padding: 12px 20px;
	background: rgba( 20, 20, 24, 0.95 );
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.4 );
	opacity: 0;
	pointer-events: none;
	z-index: 99999;
	transition: opacity 0.25s ease, transform 0.25s ease;
	max-width: calc( 100vw - 32px );
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pc-share-toast.is-visible {
	opacity: 1;
	transform: translateX( -50% ) translateY( 0 );
}

.pc-share-toast.is-error {
	background: rgba( 200, 30, 30, 0.95 );
}

/* На мобиле toast чуть выше bottom — над cookie-баннером если он есть */
@media (max-width: 600px) {
	.pc-share-toast {
		bottom: 80px;
		font-size: 13px;
		padding: 10px 16px;
	}
}

/* ============================================================
 *  Контекстные стили для конкретных мест расположения кнопки.
 *  Принцип: визуально подравнивать под СОСЕДНЮЮ кнопку в том же UI-блоке.
 * ============================================================ */

/* --- /cart/ — стили .pc-cart-share-btn определены в woo-cart-checkout.css
 * в одном правиле с button[name="update_cart"] для гарантированно идентичной
 * геометрии. См. секцию «Кнопка Обновить корзину + Поделиться корзиной». */

/* --- /configurator/ — рядом с «Запросить сборку» (primary, full-width) ---
 * Геометрия идентична .pc-summary__submit. Outline вместо filled.
 * Border ярче (--pc-accent с .4 alpha) чтобы НЕ сливалась с фоном карты. */
.pc-summary__share {
	margin-top: 10px;
}
.pc-summary__share-btn.pc-share-btn {
	width: 100%;
	background: transparent !important;
	color: var(--pc-text) !important;
	border: 1.5px solid rgba(229, 30, 30, 0.55) !important; /* accent с прозрачностью */
	border-radius: var(--pc-radius-md) !important;
	padding: 16px 24px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	line-height: 1 !important;
	height: auto !important;
	min-height: 0 !important;
	transition: color 0.15s, border-color 0.15s, background 0.15s !important;
	box-shadow: none !important;
}
.pc-summary__share-btn.pc-share-btn:hover {
	background: rgba(229, 30, 30, 0.08) !important;
	border-color: var(--pc-accent) !important;
	color: var(--pc-accent) !important;
}
.pc-summary__share-btn.pc-share-btn svg {
	width: 16px;
	height: 16px;
}