/**
 * Mi Selección — Product Sheet toggle (external mount).
 *
 * @package PasionGift_App
 */

.pg-selection-sheet-toggle-wrap {
	display: flex;
	width: 100%;
	min-width: 0;
	margin-top: var(--pg-space-sm);
}

.pg-product-sheet-layout__summary .pg-selection-sheet-toggle-wrap {
	padding-top: var(--pg-space-xs, 0.25rem);
}

.pg-selection-sheet-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--pg-space-xs, 0.25rem);
	width: 100%;
	min-height: 2.5rem;
	padding: 0.5rem 0.875rem;
	border: 1px solid var(--pg-color-border-subtle);
	border-radius: var(--pg-radius-lg, 0.75rem);
	background-color: var(--pg-color-surface);
	color: var(--pg-color-text);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm, 0.875rem);
	font-weight: var(--pg-font-weight-medium);
	line-height: var(--pg-line-height-normal);
	cursor: pointer;
}

.pg-selection-sheet-toggle:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine, var(--pg-color-accent));
	outline-offset: 2px;
}

.pg-selection-sheet-toggle.is-selected,
.pg-selection-sheet-toggle[aria-pressed="true"] {
	color: var(--pg-color-brand-wine, var(--pg-color-accent));
	border-color: color-mix(in srgb, var(--pg-color-brand-wine, var(--pg-color-accent)) 40%, var(--pg-color-border-subtle));
	background-color: color-mix(in srgb, var(--pg-color-brand-wine, var(--pg-color-accent)) 8%, var(--pg-color-surface));
}

.pg-selection-sheet-toggle::before {
	content: "♡";
	font-size: 1rem;
	line-height: 1;
}

.pg-selection-sheet-toggle.is-selected::before,
.pg-selection-sheet-toggle[aria-pressed="true"]::before {
	content: "❤️";
}