/**
 * Estilos mínimos, en la paleta rosa/plum de Juppo, pensados para heredar del
 * tema Salient en vez de pelearse con él.
 */

.juppo-pack {
	margin: 1.5em 0;
	padding: 1.25em 1.5em;
	border: 1px solid #f0dbe6;
	border-radius: 10px;
	background: linear-gradient(135deg, #fdf6f9 0%, #faeef4 100%);
}

.juppo-pack__title {
	margin: 0 0 .75em;
	font-size: 1em;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #7a2450;
}

.juppo-pack__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.juppo-pack__list li {
	display: flex;
	gap: .5em;
	align-items: baseline;
	padding: .4em 0;
	border-bottom: 1px dashed #f0dbe6;
}

.juppo-pack__list li:last-child {
	border-bottom: 0;
}

.juppo-pack__qty {
	font-weight: 700;
	color: #7a2450;
	min-width: 2em;
}

.juppo-pack__price {
	margin-left: auto;
	opacity: .7;
	font-size: .9em;
}

.juppo-pack__save {
	margin: .9em 0 0;
	padding-top: .75em;
	border-top: 1px solid #f0dbe6;
	color: #7a2450;
}

/* --- Monta tu pack ------------------------------------------------------ */

.juppo-pack__from {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .7;
}

.juppo-picker {
	margin: 1.5em 0;
	padding: 1.25em 1.5em;
	border: 1px solid #f0dbe6;
	border-radius: 10px;
	background: #fdf6f9;
}

.juppo-picker__title {
	margin: 0 0 .9em;
	font-size: 1em;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #7a2450;
}

.juppo-picker__list {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 320px;
	overflow-y: auto;
}

.juppo-picker__item label {
	display: flex;
	gap: .75em;
	align-items: center;
	padding: .5em 0;
	border-bottom: 1px dashed #f0dbe6;
	cursor: pointer;
	margin: 0;
}

.juppo-picker__item.is-selected label {
	color: #7a2450;
	font-weight: 600;
}

.juppo-picker__qty {
	width: 4em;
	flex: 0 0 auto;
	text-align: center;
}

.juppo-picker__price {
	margin-left: auto;
	opacity: .7;
	font-size: .9em;
	white-space: nowrap;
}

.juppo-picker__summary {
	margin-top: 1em;
	padding-top: .85em;
	border-top: 1px solid #f0dbe6;
}

.juppo-picker__summary p {
	margin: 0 0 .35em;
}

.juppo-picker__count {
	font-size: .95em;
	opacity: .8;
}

.juppo-picker.is-valid .juppo-picker__count {
	color: #2f7d46;
	opacity: 1;
}

.juppo-picker__total {
	font-size: 1.1em;
	color: #7a2450;
}

.juppo-points-box {
	margin: 0 0 1.5em;
	padding: 1em 1.25em;
	border-left: 3px solid #c94f8c;
	border-radius: 6px;
	background: #fdf6f9;
}

.juppo-points-box p {
	margin: 0 0 .5em;
}

.juppo-points-box form p {
	margin-bottom: .75em;
}

.juppo-points-earn {
	margin: .5em 0 1em;
	font-size: .95em;
	color: #7a2450;
}

.juppo-points-balance {
	font-size: 1.15em;
}

.juppo-points-history th,
.juppo-points-history td {
	padding: .6em .8em;
}