/* Store screens, store pages only. */

/* Page heading printed by LmTheme\store_heading(). */
.lmt-page-head {
	display: grid;
	gap: 0.5rem;
	margin-block-end: var(--sp-50);
}

.lmt-page-head :is(h1, p) {
	margin: 0;
}

.lmt-page-head h1 {
	font-size: var(--wp--preset--font-size--xx-large);
	letter-spacing: -0.025em;
}

.lmt-reset h1 {
	font-size: var(--wp--preset--font-size--xxx-large);
}

.lmt-page-head>.lmt-badge {
	justify-self: start;
}

.lmt-page-head:has(> a) {
	grid-template-columns: 1fr auto;
	align-items: end;
}

.lmt-page-head>a {
	grid-area: 1 / 2 / 3;
	align-self: center;
}

/* Phones: the button drops under the lede. */
@media (max-width: 480px) {
	.lmt-page-head:has(> a) {
		grid-template-columns: 1fr;
	}

	.lmt-page-head>a {
		grid-area: auto;
		justify-self: start;
	}
}

/* New ticket: arrow in a dark chip. */
.lmt-page-head>a>svg {
	box-sizing: content-box;
	padding: 0.25rem;
	margin-inline-end: -0.375rem;
	border-radius: 6px;
	background: var(--c-contrast);
	color: var(--wp--preset--color--accent);
	font-size: 0.75rem;
}

/* Panel: head, body, foot. */
.lmt-panel {
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.lmt-panel__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid var(--c-line);
}

.lmt-panel h2 {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 600;
}

.lmt-panel__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.875rem;
	padding: 1.25rem;
}

.lmt-panel__body>*,
.woocommerce .lmt-panel__body>.form-row {
	width: 100%;
	margin: 0;
}

.lmt-panel__body>.lmt-badge {
	width: auto;
}

.lmt-panel__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.625rem 0.75rem;
	padding: 0.75rem 1.25rem;
	border-top: 1px solid var(--c-line);
	background: var(--c-base);
	font-size: var(--fs-small);
}

.lmt-push {
	margin-inline-start: auto;
	font-size: var(--fs-small);
}

.lmt-crumbs {
	display: flex;
	gap: 0.5rem;
	margin-block-end: 0.625rem;
	color: var(--c-muted);
	font: 0.75rem / 1.5rem var(--ff-mono);
}

.lmt-crumbs a {
	color: inherit;
	text-decoration-color: transparent;
}

.lmt-panel__foot .lmt-auth__hint {
	margin: 0;
}

.lmt-panel__title {
	font-size: var(--fs-large) !important;
	font-weight: 700 !important;
}

.lmt-panel__head .lmt-sub {
	display: block;
}

/* Facts: label over value, as many columns as fit. */
.lmt-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
	gap: 1rem 1.5rem;
	margin: 0;
	font-size: var(--fs-small);
}

.lmt-facts dt {
	color: var(--c-muted);
	font: 0.75rem / 1rem var(--ff-mono);
}

.lmt-facts dd {
	margin: 0.25rem 0 0;
}

.lmt-framed {
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
}

.lmt-after {
	margin: -0.5rem 0.25rem 0;
}

/* Empty state: dashed box, icon tile, short text, actions. */
.lmt-empty {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.625rem;
	padding: var(--pad-l);
	border: 1px dashed var(--c-line-strong);
	border-radius: var(--r-lg);
}

.lmt-empty :is(h2, p) {
	margin: 0;
}

.lmt-empty>p {
	max-width: 32.5rem;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.lmt-empty__ic {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--r-md);
	background: var(--c-sunken);
	color: var(--c-muted);
	font-size: 1.25rem;
}

/* One order: lines and total, billing address beside. */
.lmt-order-view {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.25rem 2.5rem;
}

.lmt-order-view> :first-child {
	display: grid;
	flex: 2 1 320px;
	gap: 0.875rem;
	width: auto;
}

.lmt-order-view> :last-child:not(:first-child) {
	flex: 1 1 200px;
	width: auto;
	font-size: var(--fs-small);
}

.lmt-order-view .lmt-lines {
	padding: 0;
	border: 0;
}

.lmt-order-view address {
	margin-top: 0.375rem;
	font-style: normal;
}

.lmt-notes {
	margin: 0;
	list-style: none;
	font-size: var(--fs-small);
}

.lmt-notes p {
	margin: 0.25rem 0 0;
}

/* Downloads. */
.lmt-latest {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem 1.5rem;
}

.lmt-latest>div {
	flex: 1 1 280px;
}

.lmt-latest>a {
	width: auto;
}

.lmt-latest h2 {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-block-end: 0.375rem;
	font-size: var(--fs-large);
}

.lmt-halves {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}

.lmt-halves>*+* {
	border-inline-start: 1px solid var(--c-line);
}

.lmt-halves .lmt-panel__body {
	gap: 0.5rem;
	padding: 1.25rem;
}

.lmt-halves h3 {
	margin: 0;
}

.lmt-halves code {
	padding: 1px 0.375rem;
	border-radius: var(--r-sm);
	background: var(--c-sunken);
	color: var(--c-contrast);
	font: 0.7812rem var(--ff-mono);
}

.woocommerce .lmt-panel .shop_table td:last-child:has(a) {
	text-align: end;
}

/* Lost password: heading left, panel right. */
.lmt-reset {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.5rem 3rem;
	max-width: 69rem;
}

.lmt-reset__head {
	flex: 1 1 320px;
	max-width: 27.5rem;
	padding-top: 0.5rem;
}

.lmt-reset__body {
	display: grid;
	flex: 1 1 420px;
	max-width: 32.5rem;
	gap: 0.875rem;
}

.lmt-reset__body>p {
	margin: 0 0.25rem;
}

/* Theme-built account blocks. */
.woocommerce-MyAccount-content h2 {
	margin: 0;
	font-size: var(--fs-medium);
}

.woocommerce-MyAccount-content .lmt-card :is(p, ul) {
	margin: 0.25rem 0 0;
	padding: 0;
	list-style: none;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

/* Profile: fields two to a row; billing form as a panel. */
.lmt-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 1rem;
}

.woocommerce .lmt-fields .form-row,
.lmt-fields fieldset {
	grid-column: 1 / -1;
	width: auto;
	margin: 0;
}

.woocommerce .lmt-fields :is(.form-row-first, .form-row-last) {
	grid-column: auto;
}

.lmt-fields fieldset {
	display: grid;
	grid-template-columns: inherit;
	gap: 1rem;
}

.lmt-fields .lmt-auth__hint {
	margin: 0;
}

.lmt-billing form {
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.lmt-billing h2 {
	margin: 0;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--c-line);
	font-size: 1.0625rem;
}

.lmt-billing .woocommerce-address-fields {
	padding: 1.25rem 1.25rem 0;
}

.lmt-billing .woocommerce-address-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
	gap: 0 1rem;
}

.lmt-billing .woocommerce-address-fields .form-row {
	width: auto;
}

.lmt-billing .woocommerce-address-fields>p:last-child {
	margin: 0.625rem -1.25rem 0;
	padding: 0.875rem 1.25rem;
	border-top: 1px solid var(--c-line);
	background: var(--c-base);
}

.lmt-billing .button {
	padding: 0.3125rem 0.75rem;
	border: 1px solid var(--c-line-strong);
	background: var(--c-surface);
	box-shadow: none;
}

/* License Monks: map its tokens onto the theme's. */
.license-monks {
	--lm-primary: var(--c-contrast);
	--lm-primary-light: var(--c-sunken);
	--lm-success: var(--c-good);
	--lm-active: var(--c-good);
	--lm-warning: var(--c-critical);
	--lm-text: var(--c-contrast);
	--lm-text-light: var(--c-muted);
	--lm-border: var(--c-line);
	--lm-background: var(--c-surface);
	--lm-background-light: var(--c-sunken);
	--lm-font-family: var(--wp--preset--font-family--sans);
	--lm-font-family-mono: var(--ff-mono);
	--lm-font-size-s: var(--fs-x-small);
	--lm-font-size-base: var(--fs-small);
	--lm-font-size-l: var(--wp--preset--font-size--base);
	--lm-font-size-xl: var(--fs-medium);
	--lm-font-size-2xl: var(--fs-large);
	--lm-radius-s: var(--r-sm);
	--lm-radius-base: var(--r-md);
	--lm-shadow-s: none;
}

/* Account: menu left, content right. */
.woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: minmax(200px, 228px) minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	align-items: start;
	gap: 0 1.5rem;
}

main.lmt-store .woocommerce {
	max-width: var(--wp--style--global--wide-size);
}

.woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	grid-column: 1;
	width: auto;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	grid-column: 2;
	grid-row: 1 / span 2;
	width: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.woocommerce-MyAccount-content> :is(p, .lmt-page-head) {
	margin: 0;
}

/* Account menu: user card, groups, lime bar on current. */
.woocommerce-account .woocommerce-MyAccount-navigation {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	align-self: start;
	/* Full height for the sticky menu. */
	grid-row: 1 / span 2;
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 6rem);
	padding: 0.5rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.lmt-anav-user {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-block-end: 0.25rem;
	padding: 0.5rem 0.5rem 0.75rem;
	border-bottom: 1px solid var(--c-line);
	font-size: var(--fs-small);
	line-height: 1.3;
}

.lmt-anav-user>span:last-child {
	min-width: 0;
}

.lmt-anav-user strong,
.lmt-anav-user .lmt-label {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lmt-anav-user .lmt-account__avatar {
	flex: none;
	inline-size: 2rem;
	block-size: 2rem;
}

.lmt-anav-group+.lmt-anav-group {
	margin-block-start: 0.375rem;
}

.lmt-anav-glabel {
	display: block;
	padding: 0.375rem 0.625rem 2px;
	color: var(--c-muted);
	font: 0.75rem / 1rem var(--ff-mono);
}

.lmt-anav-group.is-out {
	margin-block-start: 0.5rem;
	padding-block-start: 0.25rem;
	border-top: 1px solid var(--c-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:is(*, .is-active) a {
	text-decoration: none;
}

.woocommerce-MyAccount-navigation a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 2.375rem;
	padding: 0.5rem 0.625rem;
	border-radius: 8px;
	color: var(--c-soft);
	font-size: 0.90625rem;
	text-decoration: none;
	transition: background-color 150ms ease;
}

.woocommerce-MyAccount-navigation .lmt-icon {
	flex: none;
	font-size: 1.125rem;
	color: var(--c-muted);
}

.lmt-anav-count {
	min-width: 1.375rem;
	margin-inline-start: auto;
	padding: 0 0.375rem;
	border-radius: var(--r-pill);
	background: var(--c-sunken);
	color: var(--c-muted);
	text-align: center;
	font: 400 0.75rem / 1.125rem var(--ff-mono);
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
	background: var(--c-sunken);
	color: var(--c-contrast);
}

.woocommerce-MyAccount-navigation .is-active a {
	font-weight: 600;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background: var(--wp--preset--color--critical-soft);
	color: var(--c-critical);
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover .lmt-icon {
	color: inherit;
}

.woocommerce-MyAccount-navigation .is-active a::before {
	content: "";
	position: absolute;
	inset: 0.625rem auto 0.625rem -0.5rem;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: var(--wp--preset--color--accent);
}

.woocommerce-MyAccount-navigation .is-active :is(.lmt-icon, .lmt-anav-count) {
	color: var(--c-contrast);
}

.woocommerce-MyAccount-navigation .is-active .lmt-anav-count {
	background: var(--c-surface);
}

/* Dashboard shortcuts: wrapping hairline grid. */
.lmt-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-line);
}

.lmt-stats a {
	display: grid;
	gap: 0.375rem;
	padding: 1.125rem 1.25rem;
	background: var(--c-surface);
	text-decoration: none;
}

.lmt-stats a:hover {
	background: var(--c-base);
}

.lmt-stats strong {
	font: 600 1.625rem / 1.23 var(--ff-display);
	letter-spacing: -0.02em;
}

.lmt-stat-top {
	display: flex;
	justify-content: space-between;
	color: var(--c-muted);
}

.lmt-stat-top .lmt-icon {
	transition: transform 200ms var(--wp--custom--ease-out);
}

.lmt-stats a:hover .lmt-icon {
	transform: translateX(2px);
	color: var(--c-contrast);
}

.lmt-sub {
	color: var(--c-muted);
	font-size: var(--fs-small);
}

/* Tables inside a panel lose their own frame. */
.lmt-table-box {
	position: relative;
	overflow-x: auto;
}

.woocommerce .lmt-panel table.shop_table {
	min-width: 37.5rem;
	border: 0;
	border-radius: 0;
}

/* Edge columns match the panel head inset. */
.woocommerce .lmt-panel table.shop_table :is(th, td):first-child {
	padding-inline-start: 1.25rem;
}

.woocommerce .lmt-panel table.shop_table :is(th, td):last-child {
	padding-inline-end: 1.25rem;
}

.lmt-meter.is-full i {
	background: var(--wp--preset--color--warning);
}

.lmt-callout h2 {
	margin: 0;
	font-size: 0.9375rem;
}

.lmt-callout>div {
	flex: 1 1 260px;
}

.lmt-callout>div p {
	color: var(--c-muted);
}

section.lmt-ink {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.25rem;
}

.lmt-ink>div {
	display: grid;
	gap: 0.375rem;
	max-width: 35rem;
}

.lmt-ink :is(h2, p) {
	margin: 0;
}

.lmt-ink p {
	font-size: var(--fs-small);
}

.lmt-ink h2 {
	font-size: var(--fs-large);
}

/* Dashboard links. */
.lmt-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lmt-links li+li {
	border-top: 1px solid var(--c-line);
}

.lmt-links a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.875rem;
	padding: 0.875rem 1.25rem;
	text-decoration: none;
}

.lmt-links a:hover {
	background: var(--c-base);
}

.lmt-links a>span:nth-child(2) {
	display: grid;
	flex: 1 1 15rem;
}

/* Cards. */
.woocommerce .col2-set::before,
.woocommerce .col2-set::after {
	display: none;
}

.woocommerce .col2-set {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
	align-items: start;
	gap: 1rem;
}

.woocommerce .col2-set :is(.col-1, .col-2) {
	float: none;
	width: auto;
}

.woocommerce-account .woocommerce>.woocommerce-message,
.license-monks .license-card,
.license-monks__download-card {
	padding: var(--pad);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
	box-shadow: none;
}

.woocommerce form.login,
.woocommerce form.register {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Form rows. */
.woocommerce form .form-row {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	margin: 0 0 0.875rem;
	padding: 0;
}

.woocommerce form .form-row label {
	line-height: 1.43;
}

.woocommerce form .form-row .required {
	color: var(--c-critical);
}

/* Read by Woo fields and select2. */
:root {
	--wc-form-border-color: var(--c-line-strong);
	--wc-form-border-radius: var(--r-sm);
	--wc-form-color-background: var(--c-surface);
}

.woocommerce form .form-row :is(input.input-text, textarea, select),
.woocommerce form :is(.input-text, select),
.woocommerce-page form .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0.5rem 0.75rem;
	font-size: var(--fs-ctl);
	line-height: 1.43;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	width: calc(50% - 0.375rem);
}

.woocommerce form fieldset {
	margin: 0.5rem 0 0;
	padding: 1rem 0 0;
	border: 0;
	border-top: 1px solid var(--c-line);
}

.woocommerce form legend {
	padding: 0 0 0.75rem;
	font-family: var(--ff-display);
	font-weight: 600;
}

.woocommerce form .form-row .button {
	align-self: flex-start;
}

.woocommerce-form__label-for-checkbox,
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	font-weight: 400;
}

.woocommerce-privacy-policy-text {
	margin: 0 0 0.875rem;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.checkout_coupon .button,
.woocommerce-orders-table .button,
.woocommerce-MyAccount-downloads .button,
.woocommerce .woocommerce-Button--previous,
.woocommerce .woocommerce-Button--next {
	border: 1px solid var(--c-line-strong);
	background: var(--c-surface);
	box-shadow: none;
}

.woocommerce-orders-table .button {
	margin: 0 0.25rem 0 0;
	padding: 0.25rem 0.75rem;
}

.woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error),
.wc-block-components-notice-banner,
.wc-block-components-notice-banner.is-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin: 0 0 1rem;
	padding: 0.75rem 1rem;
	border: 0;
	border-radius: var(--r-md);
	background: var(--wp--preset--color--info-soft);
	color: var(--c-contrast);
	font-size: var(--fs-small);
	list-style: none;
}

.woocommerce .woocommerce-message,
.wc-block-components-notice-banner.is-success {
	background: var(--wp--preset--color--good-soft);
}

.woocommerce .woocommerce-error,
.wc-block-components-notice-banner.is-error {
	background: var(--wp--preset--color--critical-soft);
}

.wc-block-components-notice-banner.is-warning {
	background: var(--wp--preset--color--warning-soft);
}

.wc-block-components-notice-banner>svg,
.woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	display: none;
}

.woocommerce :is(.woocommerce-message, .woocommerce-info) .button {
	order: 2;
	margin-inline-start: auto;
	padding: 0.3125rem 0.75rem;
}

/* Tables. */
.woocommerce table.shop_table {
	width: 100%;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--r-lg);
	background: var(--c-surface);
	font-size: var(--fs-small);
}

.woocommerce table.shop_table :is(th, td) {
	padding: 0.625rem 0.875rem;
	border: 0;
	border-top: 1px solid var(--c-line);
	text-align: start;
	vertical-align: middle;
}

.woocommerce table.shop_table thead th,
.license-monks .lmt-site-head {
	border-top: 0;
	background: var(--c-base);
	color: var(--c-muted);
	font-family: var(--ff-mono);
	font-size: var(--fs-x-small);
	font-weight: 400;
	white-space: nowrap;
}

.woocommerce table.shop_table tfoot :is(th, td) {
	font-weight: 600;
}

.woocommerce .amount {
	font-family: var(--ff-mono);
	font-variant-numeric: tabular-nums;
}

/* Licence card (inc/setup.php licence_card). */
.license-monks .license-card {
	margin: 0 0 1.25rem;
	padding: 0;
	overflow: hidden;
}

.license-monks .license-card__header {
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin: 0;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--c-line);
}

.lmt-title {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.license-monks .license-card__title {
	margin: 0;
	font: 700 var(--fs-large) / 1.3 var(--ff-display);
	letter-spacing: -0.015em;
}

.license-card__label,
.site-list__detail-label {
	min-width: 0;
	color: var(--c-muted);
	font-family: var(--ff-mono);
	font-size: var(--fs-x-small);
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.license-monks .license-card__content {
	gap: 1rem;
	padding: var(--pad);
}

.license-monks .license-card__field {
	flex-direction: column;
	gap: 0.5rem;
	padding: 0;
	border: 0;
}

.license-card [hidden],
.license-card__upgrade-header> :not(input, div, .lmt-pay),
.license-card__upgrade-header-left> :not(h5, .lmt-sub),
.license-card__upgrade-option:not(:has(:checked)) :is(.license-card__upgrade-price, .license-card__upgrade-actions),
.license-card [aria-expanded=false]>span+span,
.license-card [aria-expanded=true]>span:first-child {
	display: none;
}

.lmt-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.25rem 0.75rem;
}

.license-card .lmt-sub {
	font-size: 0.8125rem;
}

/* Key box: the key is the copy button; the chip is decor. */
.license-monks .license-card__key-wrapper {
	position: relative;
	flex-wrap: wrap;
	gap: 0.75rem;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-surface);
}

.license-card__key-wrapper:has(:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent-ink);
	outline-offset: 2px;
}

.license-monks .license-card__key {
	padding: 0;
	border: 0;
	background: none;
	color: var(--c-contrast);
	min-width: 0;
	font: clamp(0.875rem, 0.75rem + 0.6vw, 1rem) / 1.5rem var(--ff-mono);
	letter-spacing: 0.08em;
	overflow-wrap: anywhere;
	outline: 0;
	cursor: copy;
}

.license-monks .license-card__key::after {
	content: "";
	position: absolute;
	inset: 0;
}

.license-card__key-wrapper:hover .lmt-copy {
	border-color: var(--c-contrast);
}

.lmt-copy>span+span,
.copying+.lmt-copy>span {
	display: none;
}

.copying+.lmt-copy>span+span {
	display: inline;
}

/* Facts: three cells sharing hairlines. */
.lmt-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-line);
}

.lmt-strip>div {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 0.875rem 1rem;
	background: var(--c-base);
}

.lmt-strip strong {
	font-size: 1rem;
}

.lmt-strip .lmt-meter {
	margin: 0.375rem 0 2px;
}

.lmt-callout.is-info .lmt-icon {
	color: var(--wp--preset--color--info);
}

@media (max-width: 640px) {
	.lmt-strip {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Upgrade well: radio tiles, plan lines, button. */
.license-monks .license-card__field--upgrade {
	gap: 0.875rem;
	margin: 0;
	padding: 1rem;
	border-radius: var(--r-md);
	background: var(--c-sunken);
}

.license-card__field--upgrade .license-card__label {
	color: var(--c-contrast);
	font: 600 1rem / 1.5rem var(--ff-display);
}

.license-monks .license-card__upgrade-options {
	flex-wrap: wrap;
	gap: 0.5rem;
	overflow: visible;
}

.license-monks :is(.license-card__upgrade-option, .license-card__upgrade-info) {
	display: contents;
}

.license-monks :is(.license-card__upgrade-price, .license-card__upgrade-actions) {
	order: 1;
	flex: 1 0 100%;
	margin-top: 0.375rem;
}

.license-monks .license-card__upgrade-header {
	position: relative;
	flex: 1 1 200px;
	display: grid;
	grid-template-columns: 1.125rem 1fr;
	gap: 0.25rem 0.75rem;
	margin: 0;
	padding: 0.75rem 0.875rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-surface);
}

.license-card__upgrade-header::before {
	content: "";
	grid-row: span 2;
	height: 1.125rem;
	margin-top: 2px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1.5px var(--c-line-strong);
}

.license-card__upgrade-header:has(:checked) {
	border-color: var(--c-contrast);
	box-shadow: inset 0 0 0 1px var(--c-contrast);
}

.license-card__upgrade-header:has(:checked)::before {
	box-shadow: inset 0 0 0 1.5px var(--c-contrast), inset 0 0 0 4px var(--c-surface), inset 0 0 0 9px var(--c-contrast);
}

.lmt-radio {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: inherit;
	appearance: none;
	cursor: pointer;
}

.license-monks .license-card__upgrade-name {
	margin: 0;
	font-size: 0.9375rem;
}

.lmt-pay {
	font: 0.8125rem / 1.25rem var(--ff-mono);
}

.license-monks .license-card__upgrade-price {
	padding: 0.875rem 1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-surface);
	color: var(--c-contrast);
	font: 400 var(--fs-small) / 1.25rem var(--wp--preset--font-family--sans);
}

.license-monks .license-card__upgrade-prorate {
	margin: 0;
	color: inherit;
}

.license-monks .license-card__prorate-grid {
	gap: 0.625rem 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.license-monks :is(.license-card__prorate-value, .license-card__prorate-total) {
	color: var(--c-contrast);
	font: 0.8438rem / 1.25rem var(--ff-mono);
}

.license-card__prorate-row:nth-child(2)>* {
	color: var(--c-muted);
}

.license-card__prorate-row:nth-child(2)>*+* {
	color: var(--c-good);
}

.license-card__prorate-row--total>* {
	padding-top: 0.875rem;
	border-top: 1px solid var(--c-line);
	font-weight: 600;
}

.license-monks .license-card__prorate-total {
	font: 500 1.25rem / 1.625rem var(--ff-mono);
}

.license-card__upgrade-price-note {
	margin: 0.625rem 0 0;
	color: var(--c-muted);
	font-size: 0.8125rem;
}

.license-monks :is(.license-card__prorate-label, .license-card__upgrade-link--purchase) {
	font-size: var(--fs-small);
}

.license-card__upgrade-link--purchase::after {
	content: "";
	display: inline-block;
	width: 0.875rem;
	height: 0.875rem;
	margin-inline-start: 0.5rem;
	vertical-align: -2px;
	background: currentColor;
	mask: url(../icons/arrow-right.svg) 0 / contain no-repeat;
}

.license-card [aria-expanded=true] .lmt-icon {
	rotate: 180deg;
}

.license-monks__download-card>* {
	align-self: flex-start;
}

.license-monks .license-monks__download-btn--primary {
	width: auto;
	padding: 0.5rem 1rem;
	font-size: var(--fs-small);
	text-transform: none;
	letter-spacing: 0;
}

.license-monks :is(.license-card__upgrade-link--purchase, .license-monks__download-btn--primary) {
	border: 0;
	border-radius: var(--r-md);
	background: var(--wp--preset--color--accent);
	box-shadow: var(--wp--preset--shadow--cta);
	color: var(--c-contrast);
	font-weight: 600;
	text-decoration: none;
}

.license-monks :is(.license-card__upgrade-link--purchase, .license-monks__download-btn--primary):hover {
	background: var(--wp--preset--color--accent-hover);
	color: var(--c-contrast);
}

/* License Monks: sites list and filter. */
.lmt-filter,
.license-monks__counts {
	display: inline-flex;
	gap: 0.25rem;
	padding: 0.25rem;
	border-radius: var(--r-lg);
	background: var(--c-sunken);
}

.lmt-filter a,
.license-monks .license-monks__filter-btn {
	display: inline-flex;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--c-muted);
	font-size: var(--fs-small);
	font-weight: 600;
	text-transform: none;
}

.lmt-filter [aria-current],
.license-monks .license-monks__filter-btn--active,
.license-monks .license-monks__filter-btn--active:hover {
	background: var(--c-surface);
	box-shadow: 0 1px 2px rgb(14 14 16 / 0.08), 0 0 0 1px var(--c-line);
	color: var(--c-contrast);
}

.license-monks .site-list {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) auto;
	gap: 0 1rem;
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.license-monks .site-list__item {
	margin: 0;
	border: 0;
	border-top: 1px solid var(--c-line);
	border-radius: 0;
	box-shadow: none;
}

.license-monks .site-list__item:first-child {
	border-top: 0;
}

/* Spam: two panels, add form in the foot. */
.license-monks .license-monks__url-restrictions {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

.license-monks .license-monks__url-sections {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
	align-items: start;
	gap: 1rem;
}

.license-monks .license-monks__url-section {
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.license-monks .license-monks__url-section-title {
	margin: 0;
	padding: 1rem 1.25rem 2px;
	font-size: 1.0625rem;
}

.license-monks .license-monks__url-description {
	margin: 0;
	padding: 0 1.25rem 1rem;
	border-bottom: 1px solid var(--c-line);
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.license-monks .license-monks__url-list-container {
	border: 0;
	border-radius: 0;
}

.license-monks .license-monks__url-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.license-monks .license-monks__url-item {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.625rem 1.25rem;
	border-bottom: 1px solid var(--c-line);
	font: 0.8438rem var(--ff-mono);
}

.license-monks .license-monks__url-empty {
	margin: 1.25rem;
	padding: var(--pad-l);
	border: 1px dashed var(--c-line-strong);
	border-radius: var(--r-lg);
	color: var(--c-muted);
	font-size: var(--fs-small);
	font-style: normal;
	text-align: center;
}

.license-monks .license-monks__url-add {
	display: flex;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	border-top: 1px solid var(--c-line);
	background: var(--c-base);
}

.license-monks .license-monks__url-input {
	height: 2.375rem;
	border-color: var(--c-line-strong);
	--lm-font-size-s: var(--fs-ctl);
}

.license-monks .license-monks__url-add-btn {
	height: 2.375rem;
	padding: 0 0.875rem;
	border: 1px solid var(--c-line-strong);
	border-radius: var(--r-md);
	background: var(--c-surface);
	color: var(--c-contrast);
	font-size: var(--fs-small);
	font-weight: 600;
}

.license-monks .license-monks__url-add-btn:hover {
	border-color: var(--c-contrast);
}

/* Site rows. */
.license-monks :is(.site-list__item, .lmt-site-head) {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: subgrid;
	padding: 0.5rem 1.25rem;
}

.license-monks .site-list__item {
	grid-template-areas: "site prod act exp acts";
	align-items: center;
	gap: 2px 1rem;
	padding: 0.75rem 1.25rem;
	font-size: var(--fs-small);
}

.license-monks .site-list__item :is(.site-list__url, .site-list__data, .site-list__details) {
	display: contents;
}

.license-monks .site-list__link {
	grid-area: site;
	text-decoration: none;
	padding-inline-start: 1.3125rem;
	background: radial-gradient(circle at 7px, var(--lmt-dot, var(--c-good)) 4px, var(--lmt-ring, var(--wp--preset--color--good-soft)) 4.5px 7px, transparent 7.5px) no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.license-monks .site-list__link:hover {
	text-decoration: underline;
}

.license-monks .site-list__actions {
	grid-area: acts;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 0;
}

.license-monks .site-list__detail {
	padding: 0;
}

.license-monks .site-list__detail:nth-child(2) {
	grid-area: prod;
}

.license-monks .site-list__detail:nth-child(3) {
	grid-area: act;
}

.license-monks .site-list__detail:nth-child(4) {
	grid-area: exp;
}

/* Environment is the dot; text kept for screen readers. */
.license-monks .site-list__detail:nth-child(1),
.license-monks .site-list__detail-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.license-monks .site-list__detail-value {
	font: inherit;
	color: inherit;
}

.license-monks .site-list__expiry-select {
	padding: 0.25rem 1.625rem 0.25rem 0.625rem;
	background-size: 5px 5px;
	background-repeat: no-repeat;
	background-position: calc(100% - 14px) 55%, calc(100% - 10px) 55%;
	border-color: var(--c-line);
	font-size: var(--fs-small);
	font-weight: 600;
}

/* Count pills; All first, as in the design. */
.license-monks__counts .lmt-badge {
	padding: 0 0.5rem;
	box-shadow: inset 0 0 0 1px;
	font: 600 0.75rem / 1.25rem var(--ff-mono);
}

.license-monks__count--all {
	order: -1;
}

.lmt-site-head :last-child {
	text-align: end;
}

/* Dot: green production, amber staging and local. */
[data-environment=local] {
	--lmt-dot: var(--wp--preset--color--warning);
	--lmt-ring: var(--wp--preset--color--warning-soft);
}

.license-monks__sites-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin: 0;
	padding: 0.875rem 1.25rem;
	border: 1px solid var(--c-line);
	border-bottom: 0;
	border-radius: var(--r-lg) var(--r-lg) 0 0;
	background: var(--c-surface);
}

/* No sites, no filter match, blacklist icon. */
.license-monks__section:not(:has(> .site-list)) .license-monks__sites-header,
.license-monks__section:has(> .license-monks__filter-empty-message)>.site-list,
.site-list__blacklist-btn svg {
	display: none;
}

.license-monks__section {
	background: none;
}

.license-monks__section>.license-monks__empty-message {
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
}

.license-monks__sites-header~:is(.site-list, .license-monks__empty-message),
div#order_review {
	margin: 0;
	border-radius: 0 0 var(--r-lg) var(--r-lg);
}

@media (max-width: 720px) {
	.license-monks .site-list__item {
		grid-template: "site site" "prod act" "exp exp" "acts acts" / minmax(0, 1fr) auto;
	}

	.license-monks .lmt-site-head {
		display: none;
	}
}

.site-list__link {
	font-family: var(--ff-mono);
	font-size: 0.84375rem;
}

.license-monks :is(.site-list__delete-btn, .site-list__blacklist-btn, .license-monks__url-remove) {
	border: 0;
	border-radius: var(--r-md);
	background: transparent;
	color: var(--c-muted);
	font-size: var(--fs-small);
	font-weight: 600;
}

.license-monks :is(.site-list__delete-btn, .site-list__blacklist-btn, .license-monks__url-remove):hover {
	background: var(--c-sunken);
	color: var(--c-contrast);
}

@media (max-width: 720px) {
	.woocommerce:has(> .woocommerce-MyAccount-navigation) {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--sp-50);
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		grid-column: 1;
		grid-row: auto;
	}

	.lmt-anav-user,
	.lmt-anav-glabel,
	.lmt-anav-group.is-out {
		display: none;
	}

	/* Menu becomes a sideways-scrolling row of tabs. */
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex-direction: row;
		grid-row: auto;
		position: static;
		padding: 0.375rem;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.lmt-anav-group {
		display: contents;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		flex-direction: row;
	}

	.woocommerce-MyAccount-navigation .is-active a::before {
		display: none;
	}

	.woocommerce-MyAccount-navigation li {
		flex: none;
	}

	.woocommerce-MyAccount-navigation a {
		white-space: nowrap;
	}

	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last {
		width: 100%;
	}
}

.lmt-login-foot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin: 1.25rem 0.25rem 0;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.lmt-login-foot a {
	color: var(--c-contrast);
}

.lmt-login-foot a+a {
	margin-inline-start: 1rem;
}

/* Log in: forms left, account contents right. */
.lmt-auth {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--wp--custom--radius--xl);
	background: var(--c-surface);
}

.lmt-auth>* {
	display: flex;
	flex-direction: column;
	gap: 1.125rem;
	padding: clamp(1.25rem, 0.5rem + 3.2vw, 2.5rem);
}

.lmt-auth__side {
	gap: 1.25rem;
	border-inline-start: 1px solid var(--c-line);
	background: var(--wp--preset--color--mist);
}

.lmt-auth .lmt-page-head {
	margin: 0;
}

.lmt-auth h2 {
	margin: 0;
	font-size: var(--fs-large);
}

.lmt-auth__hint {
	margin: 2px 0 0.875rem;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.lmt-auth__row {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	font-size: var(--fs-small);
}

.lmt-auth .button {
	width: 100%;
}

.lmt-auth:has(#lmt-auth-pw:checked) .lmt-auth__code,
.lmt-auth:not(:has(#lmt-auth-pw:checked)) .lmt-auth__pw {
	display: none;
}

#lmt-code {
	font: 1.25rem var(--ff-mono);
	letter-spacing: 0.5em;
}

.lmt-auth__demo {
	display: grid;
	gap: 0.625rem;
	padding: 0.875rem 1rem;
}

.lmt-auth__demo ul {
	padding-inline-start: 1.1em;
}

.lmt-toggle {
	display: inline-flex;
	align-self: flex-start;
	gap: 0.25rem;
	padding: 0.25rem;
	border-radius: var(--r-lg);
	background: var(--c-sunken);
}

.lmt-toggle label {
	padding: 0.25rem 0.75rem;
	border-radius: 8px;
	color: var(--c-muted);
	cursor: pointer;
	margin-bottom: 0;
}

.lmt-toggle input {
	position: absolute;
	opacity: 0;
}

.lmt-toggle label:has(:checked) {
	background: var(--c-surface);
	box-shadow: 0 1px 2px rgb(14 14 16 / 0.08), 0 0 0 1px var(--c-line);
	color: var(--c-contrast);
}

.lmt-toggle label:has(:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent-ink);
}

.lmt-trust {
	display: grid;
	gap: 0.875rem;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.lmt-trust li {
	display: flex;
	gap: 0.75rem;
}

.lmt-trust li:has(> a) {
	align-items: center;
}

.lmt-trust .lmt-icon {
	font-size: 1.125rem;
	color: var(--c-contrast);
}

.lmt-trust strong {
	display: block;
	color: var(--c-contrast);
}

.lmt-chip {
	padding: 0.25rem 0.625rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-pill);
	background: var(--c-surface);
	font: 0.75rem / 1.125rem var(--ff-mono);
}

@media (max-width: 800px) {
	.lmt-auth {
		grid-template-columns: minmax(0, 1fr);
	}

	.lmt-auth__side {
		border: 0;
		border-top: 1px solid var(--c-line);
	}
}

/* form.checkout is display: contents. */
.woocommerce:has(> form.checkout) {
	display: grid;
	grid-template: "note note" "main head" "main review" "main perks" "main ." 1fr / minmax(0, 1fr) minmax(300px, 420px);
	gap: 0 1.75rem;
	align-items: start;
	counter-reset: step;
}

form.checkout {
	display: contents;
}

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
	grid-area: note;
}

.lmt-co-main {
	display: grid;
	gap: 1.25rem;
	grid-area: main;
}

.lmt-co-main .col2-set {
	display: block;
}

#order_review_heading {
	grid-area: head;
	margin: 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--c-line);
	border-bottom: 0;
	border-radius: var(--r-lg) var(--r-lg) 0 0;
	background: var(--c-surface);
	font-size: 1.0625rem;
}

#order_review {
	grid-area: review;
	padding: 1.25rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.woocommerce-checkout strong.product-quantity {
	display: none;
}

.woocommerce:not(:has(.cart-discount)) form.checkout_coupon {
	display: flex !important;
	/* Always shown, as in the design. */
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 0.875rem;
	padding: 0;
	border: 0;
}

.woocommerce .checkout_coupon .form-row {
	margin: 0;
	width: auto;
}

.checkout_coupon .form-row-first {
	flex: 1;
}

:is(#coupon_code, .checkout_coupon .button) {
	height: 2.375rem;
	min-height: 0;
	padding-block: 0;
}

#order_review>[role=alert] {
	margin: 0 0 0.875rem;
	padding: 0.625rem 0.875rem !important;
}

.woocommerce-remove-coupon {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: -3px;
	background: currentColor;
	mask: url(../icons/bin.svg) 0 / contain no-repeat;
}

.woocommerce #order_review :is(th, td):last-child {
	text-align: end;
}

.woocommerce-form-coupon-toggle,
#order_review thead,
.woocommerce-checkout .cart-subtotal {
	display: none;
}

.lmt-perks {
	grid-area: perks;
	margin-top: 1.25rem;
	padding: 0 0.25rem;
}

.lmt-co-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem 2rem;
	margin-block-end: var(--pad-l);
}

.lmt-co-head .lmt-page-head {
	flex: 1 1 420px;
	margin: 0;
}

/* Progress pills: current lime, failed red. */
.lmt-progress {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8125rem;
	font-weight: 600;
}

.lmt-progress li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem 0.25rem 0.25rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-pill);
	background: var(--c-surface);
	color: var(--c-muted);
}

.lmt-progress span {
	display: grid;
	place-items: center;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: var(--r-pill);
	background: var(--c-sunken);
	font: 500 0.75rem / 1 var(--ff-mono);
}

.lmt-progress .is-done {
	color: var(--c-contrast);
}

.lmt-progress .is-done span {
	background: var(--c-contrast);
	color: var(--c-base);
}

.lmt-progress .is-now {
	border-color: var(--c-contrast);
	background: var(--wp--preset--color--accent-wash);
	color: var(--c-contrast);
}

.lmt-progress .is-now span {
	background: var(--wp--preset--color--accent);
}

.lmt-progress .is-bad {
	border-color: var(--c-critical);
	background: var(--wp--preset--color--critical-soft);
	color: var(--c-critical);
}

.lmt-progress .is-bad span {
	background: var(--c-critical);
	color: #fff;
}

.lmt-co-main .lmt-panel__body {
	align-items: stretch;
	padding: var(--pad-l);
}

.lmt-co-main .lmt-panel__body h3,
#order_review_heading {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	font-size: 1.125rem;
}

/* Nested in Woo's wrapper, outside the panel gap. */
.lmt-co-main .woocommerce-billing-fields h3 {
	margin-bottom: 0.875rem;
}

.lmt-co-main h3::before,
#order_review_heading::before {
	content: counter(step);
	counter-increment: step;
	min-width: 1.5rem;
	border-radius: var(--r-pill);
	background: var(--c-contrast);
	color: var(--c-base);
	font: 500 var(--fs-x-small) / 1.5rem var(--ff-mono);
	text-align: center;
}

.lmt-co-main .lmt-well {
	margin: 0;
	font-size: var(--fs-small);
}

.lmt-co-main .lmt-well a {
	margin-inline-start: auto;
}

/* Plan switcher: links as radio cards. */
.lmt-plans {
	display: grid;
	gap: 0.5rem;
	margin: 0 0 0.875rem;
	padding: 0;
	list-style: none;
}

.lmt-plans a {
	display: grid;
	grid-template-columns: 1.125rem 1fr auto;
	gap: 0 0.75rem;
	padding: 0.75rem 0.875rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	color: inherit;
	text-decoration: none;
}

.lmt-plans a:hover,
.lmt-plans [aria-current] {
	border-color: var(--c-contrast);
	box-shadow: inset 0 0 0 1px var(--c-contrast);
}

.lmt-plans a::before {
	content: "";
	grid-row: span 2;
	align-self: center;
	height: 1.125rem;
	border-radius: var(--r-pill);
	box-shadow: inset 0 0 0 1.5px var(--c-line-strong);
}

.lmt-plans [aria-current]::before {
	background: radial-gradient(var(--c-contrast) 5px, transparent 5.5px);
	box-shadow: inset 0 0 0 1.5px var(--c-contrast);
}

.lmt-plans a> :last-child {
	grid-area: 1 / 3 / 3;
	align-self: center;
}

.lmt-plans .lmt-label {
	grid-column: 2;
}

/* Order lines: coupon as a badge, total in a well. */
.woocommerce #order_review table.shop_table {
	border: 0;
	border-radius: 0;
}

.woocommerce #order_review table.shop_table :is(th, td) {
	padding-inline: 0;
	border: 0;
	background: none;
}

.woocommerce .cart-discount td {
	color: var(--c-good);
}

.woocommerce #order_review table .order-total :is(th, td) {
	padding: 0.875rem 1rem;
	background: var(--c-sunken);
	font-size: var(--fs-medium);
}

#order_review .order-total th {
	border-radius: var(--r-md) 0 0 var(--r-md);
}

#order_review .order-total td {
	border-radius: 0 var(--r-md) var(--r-md) 0;
}

.woocommerce #order_review .lmt-tax-note td {
	padding: 0.5rem 0 0.25rem;
	color: var(--c-muted);
	font-size: var(--fs-x-small);
}

#order_review :is(.lmt-tax-note td, .lmt-pay-row .lmt-label) {
	font-weight: 400;
}

.woocommerce-checkout #payment {
	border-radius: 0;
	background: none;
}

.woocommerce-checkout #payment :is(ul.payment_methods, div.form-row) {
	padding: 0;
	border: 0;
}

/* Gateways as radio cards, like the plan switcher. */
.woocommerce-checkout #payment ul.payment_methods {
	display: grid;
	gap: 0.5rem;
}

/* One fieldless gateway: hidden, its radio stays checked. */
.woocommerce-checkout #payment ul.payment_methods:has(> li.wc_payment_method:only-child):not(:has(.payment_box :is(input, select, textarea, iframe, fieldset))) {
	display: none;
}

#payment .payment_methods li.wc_payment_method {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem 0.75rem;
	margin: 0;
	padding: 0.875rem 1rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	line-height: 1.4;
}

#payment .payment_methods li:has(> input:checked) {
	border-color: var(--c-contrast);
	box-shadow: inset 0 0 0 1px var(--c-contrast);
}

.woocommerce-checkout #payment ul.payment_methods li>input {
	margin: 0;
	accent-color: var(--c-contrast);
}

#payment li:has(> input:not([style*="none"]))>.payment_box {
	padding-inline-start: 1.875rem;
}

.woocommerce-checkout #payment ul.payment_methods li>label {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 0.625rem;
	margin: 0;
	padding: 0;
	font-weight: 600;
	cursor: pointer;
}

.woocommerce-checkout #payment ul.payment_methods li label img {
	max-height: 1.75rem;
	width: auto;
	margin: 0 0 0 auto;
	border-radius: var(--r-sm);
}

.woocommerce-checkout #payment div.payment_box {
	flex-basis: 100%;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--c-muted);
	font-size: var(--fs-small);
}

.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

#payment div.payment_box> :last-child {
	margin-bottom: 0;
}

/* One fieldless gateway: no Payment step. Its radio still posts. */
.lmt-co-pay:has(li.wc_payment_method:only-child):not(:has(.payment_box :is(input, select, textarea, iframe, fieldset))) {
	display: none;
}

.woocommerce #place_order {
	width: 100%;
	float: none;
	padding-block: 0.75rem;
	font-size: 1rem;
}

.lmt-pay-row .lmt-label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	margin-top: 0.625rem;
}

@media (max-width: 880px) {
	.woocommerce:has(> form.checkout) {
		grid-template: "note" "main" "head" "review" "perks" / minmax(0, 1fr);
	}

	#order_review_heading {
		margin-top: 1.5rem;
	}
}

@media (max-width: 600px) {
	.lmt-co-main .lmt-well {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 2px 0.625rem;
		overflow-wrap: anywhere;
	}

	.lmt-co-main .lmt-well a {
		grid-column: 2;
		justify-self: start;
		margin: 0;
	}

	.lmt-progress {
		flex-wrap: nowrap;
	}

	.lmt-progress li:not([aria-current]) {
		gap: 0;
		padding: 0.25rem;
		font-size: 0;
	}

	.woocommerce-checkout form :is(.form-row-first, .form-row-last) {
		width: calc(50% - 0.375rem);
	}
}

/* Order received: steps left, order card right. */
.lmt-order {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.25rem;
}

.lmt-order__main {
	flex: 999 1 600px;
	min-width: 0;
}

.lmt-order__side {
	flex: 1 1 320px;
	max-width: 26.25rem;
}

:is(.lmt-order__main, .lmt-order__side, .lmt-steps, .lmt-order .lmt-card)>*+* {
	margin-block-start: 0.875rem;
}

.lmt-order :is(p, h2, h3, ol, ul) {
	margin-block: 0;
}

.lmt-steps__list {
	padding: 0;
	list-style: none;
	counter-reset: step;
	gap: 0.75rem;
}

.lmt-steps__list>li {
	counter-increment: step;
}

.lmt-steps__list>li::before {
	content: counter(step);
	display: inline-block;
	min-width: 1.75rem;
	margin-block-end: 0.75rem;
	padding: 0 0.625rem;
	border-radius: var(--r-pill);
	background: var(--c-contrast);
	color: var(--c-base);
	font: 600 var(--fs-small) / 1.75rem var(--ff-mono);
	text-align: center;
}

.lmt-steps code,
.lmt-lines code {
	padding: 1px 0.375rem;
	border-radius: var(--r-sm);
	background: var(--c-sunken);
	color: var(--c-contrast);
	font: 0.7812rem var(--ff-mono);
	white-space: nowrap;
}

.lmt-order,
.lmt-order>* {
	margin-block: 0;
}

.lmt-order__main>.lmt-steps {
	margin-block-start: 2rem;
}

.lmt-steps code {
	white-space: normal;
}

.lmt-order__side>.wp-element-button {
	display: flex;
}

/* Licence ticket: dark card, big key. */
.lmt-ticket {
	overflow: hidden;
	border-radius: var(--wp--custom--radius--xl);
	background: var(--c-contrast);
	color: var(--wp--preset--color--on-ink);
}

.lmt-ticket__body {
	display: grid;
	gap: 1.25rem;
	padding: var(--pad-l);
}

.lmt-ticket h2 {
	font-size: var(--fs-large);
}

.lmt-ticket .lmt-label {
	color: var(--wp--preset--color--on-ink-muted);
}

.lmt-ticket__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	padding: 1rem var(--pad-l);
	border-top: 1px solid var(--wp--preset--color--ink-line);
	background: var(--wp--preset--color--ink-surface);
}

.lmt-key {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.625rem 0.625rem 0.625rem 1.125rem;
	border: 1px solid var(--wp--preset--color--ink-line);
	border-radius: var(--r-md);
	background: #000;
}

.lmt-key code {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	font: clamp(1rem, 0.8rem + 0.9vw, 1.25rem) / 1.4 var(--ff-mono);
	letter-spacing: 0.06em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lmt-panel__body h3 {
	margin: 0.25rem 0 0;
	font-size: 1rem;
}

.lmt-fixes {
	display: grid;
	gap: 0.75rem;
	padding: 0;
	list-style: none;
	counter-reset: fix;
	font-size: var(--fs-small);
}

.lmt-fixes li {
	display: flex;
	gap: 0.75rem;
	counter-increment: fix;
}

.lmt-fixes li::before {
	content: counter(fix);
	flex: none;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: var(--r-pill);
	background: var(--c-contrast);
	color: var(--c-base);
	font: 500 0.75rem / 1.375rem var(--ff-mono);
	text-align: center;
}

.lmt-dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.625rem 1.5rem;
	margin: 0;
	font-size: var(--fs-small);
}

.lmt-dl dt {
	color: var(--c-muted);
}

.lmt-dl dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.lmt-lines {
	display: grid;
	gap: 0.625rem;
	padding-top: 0.875rem;
	border-top: 1px solid var(--c-line);
	font-size: var(--fs-small);
}

.lmt-lines p,
.lmt-total {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
}

.lmt-lines .is-good> :last-child {
	color: var(--c-good);
}

.lmt-total {
	align-items: baseline;
	padding-top: 0.875rem;
	border-top: 1px solid var(--c-line);
	font-weight: 600;
}

.lmt-total> :last-child {
	font: 500 clamp(1.375rem, 1.1rem + 1.2vw, 1.625rem) / 1.25 var(--ff-mono);
	letter-spacing: -0.02em;
}

/* Shop: plans in a mist band. */
.lmt-band {
	border-block: 1px solid var(--c-line);
	background: var(--wp--preset--color--mist);
}

.lmt-shop-head {
	align-items: flex-end;
	gap: 1rem 2rem;
}

.lmt-shop-head .lmt-page-head {
	flex: 1 1 420px;
	max-width: 47.5rem;
	margin: 0;
}

.lmt-shop-head .lmt-callout {
	max-width: 23.75rem;
	border: 1px solid var(--c-line);
	background: var(--c-surface);
}

.lmt-shop-terms {
	grid-template-columns: minmax(200px, 1fr) repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;
	gap: 0.75rem 1.5rem;
}

.lmt-shop-terms> :first-child {
	grid-row: span 2;
}

.lmt-shop-terms h2,
.lmt-shop-terms p {
	margin: 0;
}

.lmt-shop-terms .lmt-icon {
	margin-top: 3px;
}

.lmt-shop-terms .wp-block-lm-theme-icon {
	font-size: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

/* Intro plus a 240px term column no longer fit: stack. */
@media (max-width: 600px) {
	.lmt-shop-terms {
		grid-template-columns: 1fr !important;
	}

	.lmt-shop-terms> :first-child {
		grid-row: auto;
		margin-block-end: 0.25rem;
	}
}

.lmt-card-lg {
	padding: var(--pad);
}

/* Callout: icon plus text, tinted by state. */
.lmt-callout {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.625rem 0.875rem;
	padding: 0.75rem 0.875rem;
	border-radius: var(--r-md);
	background: var(--c-sunken);
	font-size: var(--fs-small);
}

.lmt-callout p {
	flex: 1 1 240px;
	margin: 0;
}

.lmt-callout .lmt-icon {
	margin-top: 1px;
	font-size: 1.125rem;
}

.lmt-callout.is-warning .lmt-icon {
	color: var(--wp--preset--color--warning);
}

.lmt-callout.is-info {
	background: var(--wp--preset--color--info-soft);
}

.lmt-callout.is-good {
	background: var(--wp--preset--color--good-soft);
}

.lmt-callout.is-warning {
	background: var(--wp--preset--color--warning-soft);
}

.lmt-callout.is-critical {
	background: var(--wp--preset--color--critical-soft);
}

/* Support tickets (inc/tickets.php). */
.lmt-sp-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
	gap: 1rem;
	margin-block-start: 0.5rem;
}

.lmt-sp-cards .lmt-panel {
	display: flex;
	flex-direction: column;
}

.lmt-tk-layout aside {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.lmt-sp-cards .lmt-panel__body {
	flex: 1;
	gap: 0.875rem;
	padding: 1.25rem;
}

.lmt-sp-cards .lmt-panel__head {
	padding-block: 0.875rem;
}

.lmt-filter {
	flex-wrap: wrap;
}

.lmt-filter a {
	text-decoration: none;
}

.lmt-filter a:hover {
	color: var(--c-contrast);
}

.lmt-search {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0 0.625rem;
	border: 1px solid var(--c-line-strong);
	border-radius: var(--r-md);
	color: var(--c-muted);
}

.lmt-search:focus-within {
	outline: 2px solid var(--wp--preset--color--accent-ink);
}

.lmt-search input {
	width: 15rem;
	padding: 0.5rem 0;
	border: 0;
	outline: 0;
	background: none;
	font: inherit;
	font-size: var(--fs-ctl);
}

/* Subject link covers the row. */
.lmt-tickets tbody tr {
	position: relative;
	transition: background-color 150ms ease;
}

.lmt-tickets tbody tr:hover {
	background: var(--c-base);
}

.lmt-tickets .lmt-tk-subj a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.lmt-tickets .lmt-tk-subj a:focus-visible {
	outline: 0;
}

.lmt-tickets .lmt-tk-subj a:focus-visible::after {
	outline: 2px solid var(--wp--preset--color--accent-ink);
	outline-offset: -2px;
}

.lmt-tickets .lmt-tk-subj a {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	line-height: 1.25rem;
	text-decoration: none;
}

/* One line each: max-width 0 lets the text ellipse. */
.lmt-tickets :is(.lmt-tk-subj, td:nth-child(2)) {
	width: 30%;
	max-width: 0;
}

.lmt-tickets td:nth-child(2) {
	width: 14%;
	font-size: 0.8125rem;
}

.lmt-tickets :is(.lmt-tk-subj span, td:nth-child(2)) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lmt-tickets td:last-child {
	padding-inline-start: 0;
}

.lmt-tickets thead td {
	background: var(--c-base);
}

.lmt-tickets td:nth-child(6) {
	white-space: nowrap;
}

.lmt-tickets .lmt-label {
	display: block;
}

.lmt-dot {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--c-contrast);
}

.lmt-panel__body.lmt-trust {
	padding: 1rem 1.25rem;
}

.lmt-tk-none {
	display: grid;
	text-align: center;
	justify-items: center;
	gap: 0.5rem;
	padding-block: var(--gap-l);
}

.lmt-tk-none :is(h3, p) {
	margin: 0;
}

.lmt-tk-none .wp-element-button {
	justify-self: center;
	width: auto;
	margin-block-start: 0.5rem;
}

.lmt-page-head.is-rule,
.lmt-page-head:has(~ .lmt-sp-cards) {
	padding-block-end: var(--sp-50);
	border-bottom: 1px solid var(--c-line);
}

.lmt-page-head.is-rule h1 {
	font-size: var(--wp--preset--font-size--x-large);
}

.lmt-page-head:has(> .lmt-head-action) {
	grid-template-columns: 1fr auto;
}

.lmt-head-action {
	grid-area: 1 / 2 / 4;
	align-self: center;
}

.lmt-page-head>p.cluster {
	margin: 0;
}

.lmt-tk-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
	gap: var(--pad);
	align-items: start;
}

.lmt-tk-layout fieldset {
	display: grid;
	gap: 0.75rem;
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
}

.lmt-tk-layout legend {
	margin-block-end: 0.75rem;
	font-weight: 600;
}

.lmt-tk-layout :is(select, textarea, input:not([type=radio], [type=checkbox], [type=file])) {
	width: 100%;
}

.lmt-topics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
	gap: 0.5rem;
}

.lmt-topics label {
	display: flex;
	font-weight: 400;
	gap: 0.625rem;
	padding: 0.75rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	cursor: pointer;
	font-size: var(--fs-small);
}

.lmt-topics label:has(:checked) {
	border-color: var(--c-contrast);
	box-shadow: inset 0 0 0 1px var(--c-contrast);
	background: var(--c-sunken);
}

.lmt-topics label:has(:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent-ink);
}

.lmt-topics input {
	margin-top: 3px;
	accent-color: var(--c-contrast);
}

.lmt-topics strong,
.lmt-topics .lmt-sub {
	display: block;
}

.lmt-if-billing,
.lmt-guides {
	display: none;
}

.lmt-tk-new:has(#lmt-topic-billing:checked) .lmt-if-billing,
.lmt-tk-new:has(#lmt-topic-agent:checked) [data-topic=agent],
.lmt-tk-new:has(#lmt-topic-setup:checked) [data-topic=setup],
.lmt-tk-new:has(#lmt-topic-seo:checked) [data-topic=seo],
.lmt-tk-new:has(#lmt-topic-licence:checked) [data-topic=licence],
.lmt-tk-new:has(#lmt-topic-billing:checked) [data-topic=billing],
.lmt-tk-new:has(#lmt-topic-other:checked) [data-topic=other] {
	display: grid;
	gap: 0.75rem;
}

.lmt-if-billing {
	margin: 0 0 1.5rem;
}

.lmt-next {
	display: grid;
	gap: 0.625rem;
	margin: 0;
	padding-inline-start: 2.25rem;
	font-size: var(--fs-small);
	color: var(--c-soft);
}

.lmt-drop {
	grid-column: 1 / -1;
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem;
	border: 1px dashed var(--c-line-strong);
	border-radius: var(--r-md);
	background: var(--c-base);
	color: var(--c-muted);
	font-size: var(--fs-small);
	font-weight: 400;
	cursor: pointer;
}

.lmt-drop:has(:focus-visible) {
	outline: 2px solid var(--wp--preset--color--accent-ink);
}

.lmt-drop strong {
	color: var(--c-contrast);
}

.lmt-drop input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.lmt-file {
	display: inline-flex;
	gap: 0.5rem;
	padding: 0.375rem 0.625rem;
	border: 1px solid var(--c-line);
	border-radius: var(--r-md);
	background: var(--c-surface);
	font: 0.7812rem / 1.125rem var(--ff-mono);
	text-decoration: none;
}

.lmt-file span {
	color: var(--c-muted);
}

.lmt-thread {
	display: grid;
	gap: 0.875rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Chat: customer on the right, support on the left. */
.lmt-msg {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	justify-self: start;
	max-width: 85%;
}

.lmt-msg:not(.is-team) {
	flex-direction: row-reverse;
	justify-self: end;
}

.lmt-msg__av {
	flex: none;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--c-contrast);
	color: var(--c-base);
	font-size: 0.75rem;
	font-weight: 600;
}

.lmt-msg article {
	overflow: hidden;
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	background: var(--c-surface);
}

.lmt-msg.is-team :is(.lmt-msg__av, .lmt-badge) {
	border: 1px solid var(--c-line);
	background: var(--wp--preset--color--accent);
	color: var(--c-contrast);
}

.lmt-msg.is-team article {
	border-color: color-mix(in srgb, var(--wp--preset--color--accent) 45%, var(--c-line));
	background: var(--wp--preset--color--accent-wash);
}

.lmt-msg header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.625rem;
	padding: 0.75rem 1rem 0;
	font-size: var(--fs-small);
}

.lmt-msg__body {
	display: grid;
	gap: 0.625rem;
	padding: 0.5rem 1rem 0.875rem;
	color: var(--c-soft);
	font-size: 0.90625rem;
	overflow-wrap: anywhere;
}

.lmt-msg__body p {
	margin: 0;
}

.lmt-event {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--c-muted);
	font: 0.75rem / 1rem var(--ff-mono);
}

.lmt-event::before,
.lmt-event::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--c-line);
}

@media (max-width: 800px) {
	.lmt-tk-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.lmt-tickets :is(th, td):nth-child(n+2):not(:nth-child(4)) {
		display: none;
	}

	.woocommerce .lmt-panel table.lmt-tickets {
		min-width: 0;
	}

	.lmt-tickets td.lmt-tk-subj {
		width: 100%;
	}

	.lmt-search {
		flex: 1 1 100%;
	}

	.lmt-search input {
		width: 100%;
	}

	.lmt-event {
		padding-inline-start: 0;
	}
}

/* 28px tap target. */
.woocommerce form .show-password-input {
	padding: 3px;
}