/**
 * Print pack builder — additions only.
 *
 * The existing .pack, .packmod, .packsec and .packbar rules live in the child
 * theme and are deliberately not touched here. Everything below is a new class,
 * so this file can be added or removed without disturbing the current design.
 */

.packtools {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 22px;
}

.packtools__btn {
	background: #772d61;
	border: 2px solid #772d61;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	min-height: 44px;
	padding: 11px 20px;
}

.packtools__btn:hover,
.packtools__btn:focus-visible {
	background: #531f42;
	border-color: #531f42;
}

.packtools__btn--quiet {
	background: transparent;
	color: #772d61;
}

.packtools__btn--quiet:hover,
.packtools__btn--quiet:focus-visible {
	background: #772d61;
	color: #fff;
}

.packmod__all {
	background: none;
	border: 0;
	border-bottom: 2px solid currentColor;
	color: var( --c, #772d61 );
	cursor: pointer;
	font: inherit;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0 0 10px;
	padding: 6px 2px;
}

.packmod__all:hover,
.packmod__all:focus-visible {
	color: #2e1b29;
}

/* The bounce-back message. Not a floating toast: it sits in the flow above the
   list so it cannot cover a control, and so it is still readable at 200% zoom
   or on a narrow screen. */
.packtoast {
	align-items: flex-start;
	background: #fdf3e2;
	border-left: 5px solid #df8d22;
	border-radius: 4px;
	color: #2e1b29;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	margin: 0 0 24px;
	padding: 16px 18px;
}

.packtoast--warn {
	background: #fbeceb;
	border-left-color: #a8412f;
}

.packtoast p {
	margin: 0;
	line-height: 1.55;
}

.packtoast__close {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	flex: 0 0 auto;
	font-size: 24px;
	line-height: 1;
	min-height: 44px;
	min-width: 44px;
}

.packtoast__close:hover,
.packtoast__close:focus-visible {
	color: #772d61;
}

/* Focus has to stay visible on the purple, so it is drawn as an outline with
   an offset rather than a colour change. */
.packtools__btn:focus-visible,
.packmod__all:focus-visible,
.packtoast__close:focus-visible {
	outline: 3px solid #2e1b29;
	outline-offset: 2px;
}