/**
 * Prix libre — s'accorde à la palette du thème.
 */

.amry-fp {
	--fp-or: var( --theme-palette-color-1, #a8977b );
	--fp-noir: var( --theme-palette-color-4, #111518 );
	--fp-gris: var( --theme-palette-color-6, #f4f4f5 );
	--fp-trait: #e3ded4;
	margin: 0 0 1.5rem;
}

.amry-fp__title {
	margin: 0 0 .7rem;
	font-family: "Roboto Slab", Georgia, serif;
	font-size: 1rem;
	font-weight: 500;
	color: var( --fp-noir );
}

.amry-fp__tiers {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-bottom: .8rem;
}

.amry-fp__tier {
	appearance: none;
	cursor: pointer;
	padding: .6rem 1.1rem;
	border: 1px solid var( --fp-trait );
	background: #fff;
	color: var( --fp-noir );
	font-family: "Roboto Slab", Georgia, serif;
	font-size: 1rem;
	line-height: 1.2;
	transition: border-color .15s, background .15s, color .15s;
}

.amry-fp__tier:hover {
	border-color: var( --fp-or );
}

.amry-fp__tier.is-active {
	background: var( --fp-noir );
	border-color: var( --fp-noir );
	color: #fff;
}

.amry-fp__tier--other {
	font-family: inherit;
	font-size: .95rem;
	font-style: italic;
}

.amry-fp__custom[hidden] {
	display: none;
}

.amry-fp__custom {
	margin: 0 0 .8rem;
}

.amry-fp__custom label {
	display: block;
	margin-bottom: .35rem;
	font-size: .9rem;
	color: var( --fp-noir );
}

.amry-fp__inputwrap {
	position: relative;
	display: inline-block;
}

.amry-fp__inputwrap input {
	width: 140px;
	padding: .6rem 2rem .6rem .8rem;
	border: 1px solid var( --fp-trait );
	font-size: 1.05rem;
	font-family: "Roboto Slab", Georgia, serif;
}

.amry-fp__cur {
	position: absolute;
	right: .8rem;
	top: 50%;
	transform: translateY( -50% );
	color: var( --fp-or );
	font-family: "Roboto Slab", Georgia, serif;
}

.amry-fp__note {
	margin: 0;
	padding: .7rem .9rem;
	background: var( --fp-gris );
	border-left: 3px solid var( --fp-or );
	font-size: .88rem;
	line-height: 1.6;
	color: var( --fp-noir );
}

.amry-fp__note .amount,
.amry-fp__note bdi {
	font-weight: 500;
}

/* ---------------------------------------------------------- Emballage prestige */

.amry-premium {
	margin: 0 0 1.5rem;
}

.amry-premium__row {
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	padding: 1rem 1.1rem;
	border: 1px solid var( --fp-trait, #e3ded4 );
	cursor: pointer;
	transition: border-color .15s, background .15s;
}

.amry-premium__row:hover {
	border-color: var( --fp-or, #a8977b );
}

.amry-premium input:checked + .amry-premium__body {
	color: var( --fp-noir, #111518 );
}

.amry-premium__row:has( input:checked ) {
	border-color: var( --fp-or, #a8977b );
	background: var( --fp-gris, #f4f4f5 );
}

.amry-premium input {
	margin-top: .25rem;
	flex: none;
}

.amry-premium__body {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}

.amry-premium__head {
	font-family: "Roboto Slab", Georgia, serif;
	font-size: 1rem;
	font-weight: 500;
	color: var( --fp-noir, #111518 );
}

.amry-premium__price {
	color: var( --fp-or, #a8977b );
	margin-left: .3rem;
}

.amry-premium__desc {
	font-size: .9rem;
	line-height: 1.55;
	opacity: .85;
}
