/*
 * Policy notices inside the purchase journey: the return restriction and
 * international shipping/customs note under Add to Cart, and the same
 * points repeated in the cart and at checkout.
 *
 * Rendered by inc/store-legal-integration.php. Sized to sit between the
 * delivery estimate and the trust bar on the product page without
 * competing with either.
 */

/* ---------- Product page ---------- */

.ff-purchase-notes {
	margin: var(--space-md) 0;
	padding: var(--space-md);
	border-radius: var(--radius-md);
	background-color: var(--color-grey-light);
	font-size: var(--text-sm);
	line-height: 1.55;
}

.ff-purchase-notes__item {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2xs);
	margin: 0 0 var(--space-sm);
}

.ff-purchase-notes__item:last-of-type {
	margin-bottom: var(--space-2xs);
}

.ff-purchase-notes__item svg {
	flex: 0 0 auto;
	margin-top: 0.1875rem;
}

.ff-purchase-notes__item strong {
	display: block;
}

/* The return restriction is the one the customer must not miss. */
.ff-purchase-notes__item--restriction {
	padding-bottom: var(--space-sm);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.ff-purchase-notes__item--restriction svg {
	color: #b32d00;
}

.ff-purchase-notes__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2xs);
	margin: 0;
	font-weight: 600;
}

.ff-purchase-notes__links a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.ff-purchase-notes__links a:focus-visible,
.ff-order-notes__links a:focus-visible {
	outline: 2px solid var(--color-black);
	outline-offset: 2px;
}

/* ---------- Cart and checkout ---------- */

.ff-order-notes {
	margin: var(--space-lg) 0;
	padding: var(--space-md);
	border-radius: var(--radius-md);
	border-left: 4px solid var(--color-gold);
	background-color: var(--color-grey-light);
	font-size: var(--text-sm);
	line-height: 1.6;
}

.ff-order-notes__heading {
	margin-bottom: var(--space-2xs);
	font-family: var(--font-body);
	font-size: var(--text-xs);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ff-order-notes__item {
	margin: 0 0 var(--space-2xs);
}

.ff-order-notes__item strong {
	display: block;
}

.ff-order-notes .ff-purchase-notes__links {
	margin-top: var(--space-2xs);
}

/* Checkout renders this above the payment box, which is already a grey
   panel — drop the fill there so the two don't stack into a grey slab. */
.ff-order-notes--checkout {
	background-color: transparent;
	padding-left: var(--space-md);
	padding-right: 0;
}

/* ---------- Operator identification at checkout ---------- */

.ff-checkout-operator {
	margin: var(--space-md) 0 var(--space-2xs);
	font-size: var(--text-xs);
	line-height: 1.5;
	color: #4a4a4a;
}

/* WooCommerce's own terms wrapper, restyled to match the form controls
   rather than left with plugin defaults. */
.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: var(--space-md);
	font-size: var(--text-sm);
}

.woocommerce-terms-and-conditions-wrapper a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
	font-weight: 600;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2xs);
	line-height: 1.5;
	cursor: pointer;
}

.woocommerce-terms-and-conditions-wrapper input[type='checkbox'] {
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.125rem;
	accent-color: var(--color-black);
}

.woocommerce-terms-and-conditions-wrapper input[type='checkbox']:focus-visible {
	outline: 2px solid var(--color-black);
	outline-offset: 2px;
}