/* EDD: the Upgrade purchase form, checkout, receipts and the client area (licences, sites, upgrades, subscriptions,
   profile, purchase history). This is EDD's own markup, not blocks, so its look is CSS. Loaded on those pages only
   (functions.php). Form labels, fieldsets and legends are shared with Contact Form 7 in site.css. */


/* ---------- Buttons ----------
   EDD's buttons (.edd-submit) look like the theme's button (theme.json "button" element). */

.edd-submit,
a.owp-edd-paylink-button.edd-submit, /* Paddle's "Pay for Order Now" (unpaid orders); outranks EDD's .edd-submit.plain */
.edd_purchase_537 .edd-add-to-cart,
.edd_purchase_537 .edd_go_to_checkout,
#edd-purchase-button,
#edd_profile_editor_submit,
.edd-blocks-receipt__items a.edd_download_file_link {
	position: relative; /* EDD's loading spinner is placed inside it */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 10px 18px;
	background: var(--wp--preset--color--blue);
	color: #fff;
	border: 1px solid var(--wp--preset--color--blue);
	border-radius: var(--wp--custom--radius--md);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	box-shadow: var(--wp--preset--shadow--blue);
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}
.edd-submit:hover,
a.owp-edd-paylink-button.edd-submit:hover,
.edd_purchase_537 .edd-add-to-cart:hover,
.edd_purchase_537 .edd_go_to_checkout:hover,
#edd-purchase-button:hover,
#edd_profile_editor_submit:hover,
.edd-blocks-receipt__items a.edd_download_file_link:hover { background: var(--wp--preset--color--blue-dark); border-color: var(--wp--preset--color--blue-dark); color: #fff; text-decoration: none; }
.edd-submit:focus { outline: none; }
/* The Upgrade and checkout buttons: full width and larger */
.edd_purchase_537 .edd-add-to-cart,
.edd_purchase_537 .edd_go_to_checkout,
#edd-purchase-button { width: 100%; padding: 12px 24px; font-size: var(--wp--preset--font-size--body); }
#edd_purchase_submit .edd-loading { display: none !important; }

/* "Go back" on the licence pages: the theme's Outline button (selectors as specific as EDD's .edd-submit.button.blue) */
a.edd-manage-license-back.edd-submit.button {
	gap: 6px;
	background: #fff;
	color: var(--wp--preset--color--blue);
	border-color: var(--wp--preset--color--line-strong);
	white-space: nowrap;
	box-shadow: none;
}
a.edd-manage-license-back.edd-submit.button:hover { background: var(--wp--preset--color--blue-tint); border-color: var(--wp--preset--color--blue); color: var(--wp--preset--color--blue); }
.edd-manage-license-back::before { content: "←"; }


/* ---------- Fields ---------- */

#edd_purchase_form .edd-input,
#edd_profile_editor_form .edd-input,
#edd_profile_editor_form .edd-select {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	background-color: #fff;
	border: 1px solid var(--wp--preset--color--line-strong);
	border-radius: var(--wp--custom--radius--md);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
}
#edd_purchase_form .edd-input:focus,
#edd_profile_editor_form .edd-input:focus,
#edd_profile_editor_form .edd-select:focus { border-color: var(--wp--preset--color--blue); box-shadow: 0 0 0 4px rgb(20 118 215 / .15); outline: none; }
#edd_checkout_form_wrap span.edd-description { color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); }
#edd_checkout_form_wrap span.edd-required-indicator { color: var(--wp--preset--color--blue); font-weight: 700; }


/* ---------- Upgrade: the licence picker (EDD buy button for Max Mega Menu Pro, download 537) ---------- */

/* The ticks after the licence checklist items (Material Symbols icons in the content) */
.wp-block-list.is-style-plain .mm-icon { margin-left: 6px; color: var(--wp--preset--color--green); }

/* Each licence option is a bordered row with its price on the right. ".page-id-558" is a CSS class on the Group block
   around the picker in the Upgrade page's content (the old site's page ID, kept as the hook for these rules). */
.page-id-558 .edd_download_purchase_form .edd_price_options ul li { margin-bottom: 10px; border: 2px solid #ddd; border-radius: 3px; transition: background .2s linear, border .2s linear; }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li.selected,
.page-id-558 .edd_download_purchase_form .edd_price_options ul li:hover { border-color: var(--wp--preset--color--blue); }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li label { position: relative; display: inline-block; width: 100%; padding: 6px 10px 6px 42px; cursor: pointer; } /* 42px: the radio column */
.page-id-558 .edd_download_purchase_form .edd_price_options span { margin: 0; font-weight: 400; }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li label .edd_price_option_name { display: inline-block; max-width: calc(100% - 4.5em); vertical-align: top; }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li label .edd_price_option_price { position: absolute; top: 6px; right: 12px; width: auto; margin: 0; font-size: 1.5em; font-weight: 700; }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li label .edd_price_option_price::first-letter { margin-right: 2px; font-size: .6em; font-weight: 400; }
.page-id-558 .edd_download_purchase_form .edd_price_options ul li label .details { font-size: .8em; }
/* Phones (columns stacked): the licence picker first, above the page content */
@media (max-width: 781px) {
	.page-id-558 .wp-block-column:has(.edd_price_options) { order: -1; }
}
@media (min-width: 782px) and (max-width: 1100px) {
	.page-id-558 .wp-block-column:has(.edd_price_options) { flex-basis: 340px !important; flex-shrink: 0; }
}
.edd_purchase_537 li label { border-radius: var(--wp--custom--radius--md); transition: border-color .15s, background-color .15s, box-shadow .15s; }
.edd_purchase_537 li.selected label { background: var(--wp--preset--color--blue-tint); box-shadow: 0 0 0 3px rgb(20 118 215 / .15); }
.edd_purchase_537 .edd_price_option_price { white-space: nowrap; flex: none; }
/* Radio buttons drawn as Material Symbols: an empty circle, then a blue tick when chosen */
#edd_purchase_537 input[type="radio"] { display: none; }
#edd_purchase_537 input[type="radio"] + .mm-radio { position: absolute; top: 6px; left: 10px; }
#edd_purchase_537 input[type="radio"] + .mm-radio::before { content: "radio_button_unchecked"; display: block; font-family: var(--wp--preset--font-family--material-symbols); font-size: 24px; font-weight: 400; line-height: 1; letter-spacing: normal; color: var(--wp--preset--color--line-strong); }
#edd_purchase_537 input[type="radio"]:checked + .mm-radio::before { content: "check_circle"; color: var(--wp--preset--color--blue); }
/* "Most popular" on Business */
.edd_purchase_537 li:nth-child(2) .edd_price_option_name::after {
	content: "Most popular";
	display: inline-block;
	margin-left: 8px;
	padding: 2px 10px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--blue);
	color: #fff;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.6;
	vertical-align: 2px;
}


/* ---------- Checkout ---------- */

.edd-checkout .banner { background: var(--wp--preset--color--page); }
.checkout-trust h5 .mm-icon { margin-right: 8px; }
.edd-checkout .main { padding: 0; }
/* Not used: logging in or registering at checkout, the total under the form (the cart shows it), the renewal box */
.edd-checkout #edd_checkout_login_register,
.edd-checkout #edd_final_total_wrap,
#edd_checkout_form_wrap .edd-payment-icons,
#edd_checkout_form_wrap #edd_sl_renewal_form,
.edd-sl-license-renewal-block,
#edd_discount_code { display: none; }
#edd_checkout_wrap, #edd_checkout_wrap input, #edd_checkout_wrap button, #edd_checkout_wrap legend { font-family: inherit; }

/* The cart */
#edd_checkout_cart_wrap { margin-bottom: 40px; }
#edd_checkout_cart {
	width: 100%;
	margin: 0;
	background: #fff;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--wp--custom--radius--lg);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	box-shadow: var(--wp--preset--shadow--md);
	font-size: var(--wp--preset--font-size--small);
}
#edd_checkout_cart th, #edd_checkout_cart td { border: 0 !important; padding: 14px 16px; vertical-align: middle; }
#edd_checkout_cart .edd_cart_header_row th {
	padding: 14px 20px;
	background: var(--wp--preset--color--page);
	border-bottom: 1px solid var(--wp--preset--color--line) !important;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}
#edd_checkout_cart thead th.edd_cart_actions { font-size: 0; }
#edd_checkout_cart .edd_cart_item_name { color: var(--wp--preset--color--ink); font-weight: 600; }
/* Remove: an X icon (the word stays for screen readers, at font-size 0) */
#edd_checkout_cart a.edd_cart_remove_item_btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; font-size: 0; color: var(--wp--preset--color--muted); text-decoration: none; }
#edd_checkout_cart a.edd_cart_remove_item_btn::before { content: "close"; font-family: var(--wp--preset--font-family--material-symbols); font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: normal; }
#edd_checkout_cart a.edd_cart_remove_item_btn:hover { background: var(--wp--preset--color--subtle); color: var(--wp--preset--color--ink); }
#edd_checkout_cart td.edd_cart_actions { text-align: right; }
#edd_checkout_cart tfoot th, #edd_checkout_cart .edd_cart_total { border-top: 1px solid var(--wp--preset--color--line) !important; font-size: var(--wp--preset--font-size--heading-3); font-weight: 700; color: var(--wp--preset--color--ink); }

/* The form: personal info with first and last name side by side, then terms and the purchase button */
#edd_checkout_form_wrap fieldset { padding: 0; border: 0; }
fieldset#edd_checkout_user_info { margin: 0; }
#edd_purchase_form legend { font-size: var(--wp--preset--font-size--heading-3); font-weight: 600; line-height: 24px; color: var(--wp--preset--color--ink); margin-bottom: 16px; }
#edd_checkout_form_wrap #edd_checkout_user_info legend { float: left; }
#edd_checkout_form_wrap label { clear: both; }
#edd_checkout_form_wrap #edd_checkout_user_info #edd-first-name-wrap { float: left; width: 48%; margin-right: 4%; }
#edd_checkout_form_wrap #edd_checkout_user_info #edd-last-name-wrap { float: left; width: 48%; }
#edd_purchase_form #edd_checkout_user_info #edd-first-description,
#edd_purchase_form #edd_checkout_user_info #edd-last-description { display: none; }
#edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password] { width: 100%; margin-bottom: 20px; padding: 11px 20px; }
/* Terms: "Terms and Conditions" in the checkbox label opens them in a dialog (site.js), instead of Show/Hide Terms */
#edd_show_terms { display: none; }
.mm-terms-dialog { width: min(680px, calc(100% - 32px)); max-height: min(80vh, 760px); padding: 0; border: 0; border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--preset--shadow--md); color: var(--wp--preset--color--body); }
.mm-terms-dialog::backdrop { background: rgb(15 23 42 / .5); }
.mm-terms-dialog__head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; background: #fff; border-bottom: 1px solid var(--wp--preset--color--line); }
.mm-terms-dialog__head h2 { margin: 0; font-size: var(--wp--preset--font-size--heading-3); }
.mm-terms-dialog__close { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--wp--preset--color--muted); cursor: pointer; }
.mm-terms-dialog__close::before { content: "close"; font-family: var(--wp--preset--font-family--material-symbols); font-size: 22px; line-height: 1; }
.mm-terms-dialog__close:hover { background: var(--wp--preset--color--subtle); color: var(--wp--preset--color--ink); }
.mm-terms-dialog__body { padding: 8px 24px 24px; font-size: 15px; outline: none; }
.mm-terms-dialog__body p { margin: 0 0 12px; }
#edd_purchase_form .edd_terms_links { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--body); }
#edd_purchase_submit label { font-weight: 400; }
#edd_terms_agreement, #edd-privacy-policy-agreement { margin: 6px 0; }
.edd-terms-agreement, #edd-privacy-policy-agreement { font-size: var(--wp--preset--font-size--small); }
#edd_checkout_form_wrap #edd_terms_agreement label,
#edd_checkout_form_wrap #edd-privacy-policy-agreement label { display: inline; vertical-align: middle; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--body); }
#edd_terms_agreement input, #edd-privacy-policy-agreement input { width: 18px; height: 18px; margin-right: 6px; vertical-align: middle; accent-color: var(--wp--preset--color--blue); }

/* While Paddle's payment window is open: hide the page behind it */
body:has(iframe.paddle-frame-overlay) { overflow: hidden; height: auto; }
body:has(iframe.paddle-frame-overlay)::after { content: ""; display: block; position: absolute; top: 0; right: 0; z-index: 9999; width: 100%; height: 100vh; background: #000; }
body:has(iframe.paddle-frame-overlay) #wpadminbar { display: none; }


/* ---------- Receipt (EDD Receipt block; the confirmation page uses the Client Area template) ---------- */

.edd-success h3 { margin: 40px 0; }
.page-template-client-area .edd-blocks-receipt__totals,
.page-template-client-area .edd-blocks-receipt__items { padding: 6px 20px; background: #fff; border: 1px solid var(--wp--preset--color--line) !important; border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--preset--shadow--sm); }
.page-template-client-area .edd-blocks__row { border-color: var(--wp--preset--color--subtle) !important; padding: 12px 0; font-size: 15px; }
.page-template-client-area .edd-blocks__row-label { color: var(--wp--preset--color--muted); font-weight: 600; }
.page-template-client-area .edd-blocks__row-value { color: var(--wp--preset--color--ink); }
.page-template-client-area .edd-blocks-receipt__totals .edd-blocks__row-value { font-variant-numeric: tabular-nums; }
.page-template-client-area .edd-blocks-receipt__item-details > .edd-blocks__row-label { color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); }
.page-template-client-area .edd-blocks-receipt__item-price { display: none; }
.page-template-client-area .edd_purchase_receipt_product_notes { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--body); }
.page-template-client-area .edd-blocks-receipt__row-item--license-key .edd-blocks__row-value { justify-self: end; align-self: center; }
/* The download link(s): a button, lined up with the text above */
ul.edd_purchase_receipt_files { margin: 0; padding: 0; list-style: none; }
li.edd_download_file { float: left; margin: 8px 0 0; }
.edd_download_file > a::before { content: "Download: "; }
/* Subscription details repeat the Subscriptions page */
#edd_subscription_receipt,
h3:has(+ #edd_subscription_receipt) { display: none; }


/* ---------- Client area tables: licences, sites, upgrades, subscriptions, purchase history ---------- */

.edd_sl_table,
.edd-table,
#edd_user_history,
.edd-recurring-subscription-transactions {
	width: 100%;
	background: #fff;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--wp--custom--radius--lg);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	box-shadow: var(--wp--preset--shadow--sm);
	font-size: var(--wp--preset--font-size--small);
}
.edd_sl_table :is(th, td),
.edd-table :is(th, td),
#edd_user_history :is(th, td),
.edd-recurring-subscription-transactions :is(th, td) { border: 0 !important; padding: 14px 16px; text-align: left; vertical-align: middle; }
.edd_sl_table thead th,
.edd-table thead th,
#edd_user_history thead th,
.edd-recurring-subscription-transactions thead th {
	background: var(--wp--preset--color--page);
	border-bottom: 1px solid var(--wp--preset--color--line) !important;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}
.edd_sl_table tbody tr + tr td,
.edd-table tbody tr + tr td,
#edd_user_history tbody tr + tr td,
.edd-recurring-subscription-transactions tbody tr + tr td { border-top: 1px solid var(--wp--preset--color--subtle) !important; }
.edd_sl_table td:first-child { color: var(--wp--preset--color--ink); font-weight: 600; }
.edd_sl_table td a { white-space: nowrap; font-weight: 600; } /* as the dashboard's licence links (.mm-link) */
.edd_purchase_id { display: none; }

/* Licences: status in colour; the key, revealed by its icon */
td.edd_sl_license_status { white-space: nowrap; }
td.edd_sl_license_status.edd-sl-active { color: var(--wp--preset--color--green); font-weight: 600; }
td.edd_sl_license_status.edd-sl-expired { color: var(--wp--preset--color--amber); font-weight: 600; }
td.edd_sl_license_status.edd-sl-inactive,
td.edd_sl_license_status.edd-sl-disabled { color: var(--wp--preset--color--muted); }
.edd_sl_license_row input.edd_sl_license_key { position: absolute; width: 300px; padding: 5px 10px; border: 1px solid var(--wp--preset--color--blue); }

/* One licence: its key, then its sites */
.edd-sl-manage-license-header { font-size: var(--wp--preset--font-size--heading-3); font-weight: 600; color: var(--wp--preset--color--ink); margin: 24px 0 8px; }
.edd-sl-manage-license-details { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.edd-sl-manage-license-key,
.edd-blocks-receipt__row-item--license-key .edd-blocks__row-value { padding: 2px 8px; background: var(--wp--preset--color--subtle); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--sm); color: var(--wp--preset--color--ink); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.edd-sl-manage-license-key { margin-right: 8px; }
/* Sites are added from the plugin, not here */
#edd_sl_license_add_site_form { display: none !important; }
#edd_sl_license_sites::after {
	content: "To register a new Site URL, log in to your WordPress admin and go to Mega Menu > Licence, then activate your licence key.";
	display: table-caption;
	caption-side: bottom;
	padding-top: 12px;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
	text-align: left;
}
/* Deactivate: a small outline button (the theme's Outline style), in red because it removes the site */
#edd_sl_license_sites td a { display: inline-block; padding: 5px 12px; color: var(--wp--preset--color--red); background: #fff; border: 1px solid var(--wp--preset--color--line-strong); border-radius: var(--wp--custom--radius--md); font-size: var(--wp--preset--font-size--xs); font-weight: 600; line-height: 1.3; text-decoration: none; }
#edd_sl_license_sites td a:hover { border-color: var(--wp--preset--color--red); background: #fef2f2; }

/* Subscriptions: the plan name in ink, its price and cycle under it; the other columns don't wrap mid-word.
   Initial amount (4th column) repeats the price under the name, so it goes, to fit the content column. */
#edd_user_history .edd_subscription_name { color: var(--wp--preset--color--ink); font-weight: 600; }
#edd_user_history .edd_subscription_billing_cycle { color: var(--wp--preset--color--muted); }
.page-template-client-area #edd_user_history td:not(:first-child, :last-child) { white-space: nowrap; }
.page-template-client-area #edd_user_history td:first-child { min-width: 190px; }
.page-template-client-area #edd_user_history :is(th, td):nth-child(4) { display: none; }

.edd-no-purchases { padding: 28px; background: var(--wp--preset--color--page); border: 1px dashed var(--wp--preset--color--line-strong); border-radius: var(--wp--custom--radius--lg); color: var(--wp--preset--color--muted); text-align: center; }


/* ---------- Edit profile ---------- */

#edd_profile_editor_form legend,
#edd_profile_address_fieldset { display: none; }
.edd-profile-emails { display: block; width: auto; margin: 6px 0 16px !important; padding: 0 !important; list-style: none; }
.edd-profile-email { display: inline-flex; align-items: center; gap: 8px; margin: 0 6px 6px 0; padding: 4px 12px; background: var(--wp--preset--color--subtle); border-radius: var(--wp--custom--radius--pill); font-size: 13px; color: var(--wp--preset--color--body); }


/* ---------- Client area dashboard: licence cards and recent orders ([mm_account_licences], [mm_account_orders]
   in megamenu-site.php) ---------- */

.mm-licences { display: grid; gap: 24px; }
/* A stripe down the left edge in the licence's status colour */
.mm-licence { padding: 24px; background: #fff; border: 1px solid var(--wp--preset--color--line); border-left: 4px solid var(--wp--preset--color--green); border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--preset--shadow--sm); }
.mm-licence--expired, .mm-licence--disabled { border-left-color: var(--wp--preset--color--amber); }
.mm-licence__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: -24px -24px 20px; padding: 16px 24px; background: var(--wp--preset--color--page); border-bottom: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--lg) var(--wp--custom--radius--lg) 0 0; }
.mm-licence__name { margin: 0; font-size: var(--wp--preset--font-size--heading-3); }
.mm-licence__name span { font-weight: 400; color: var(--wp--preset--color--muted); }
.mm-licence__key { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 14px; background: var(--wp--preset--color--page); border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--md); }
.mm-licence__key code { flex: 1; min-width: 0; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ink); }
.mm-copy { flex: none; padding: 6px 12px; font: inherit; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--blue); background: #fff; border: 1px solid var(--wp--preset--color--line-strong); border-radius: var(--wp--custom--radius--sm); cursor: pointer; }
.mm-copy:hover { border-color: var(--wp--preset--color--blue); background: var(--wp--preset--color--blue-tint); }
.mm-licence__facts { display: flex; flex-wrap: wrap; gap: 8px 40px; margin: 16px 0 0; }
.mm-licence__facts dt { font-size: var(--wp--preset--font-size--xs); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--muted); }
.mm-licence__facts dd { margin: 2px 0 0; font-weight: 600; color: var(--wp--preset--color--ink); }
.mm-licence__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--wp--preset--color--line); }
.mm-link { font-size: var(--wp--preset--font-size--small); font-weight: 600; }
/* The licence's orders, collapsed above the buttons */
.mm-licence__payments { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--wp--preset--color--line); }
.mm-licence__payments summary { font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--muted); }
.mm-licence__payments summary:hover { color: var(--wp--preset--color--ink); }
.mm-licence__payments .mm-orders { margin-top: 12px; }
.mm-licence__payments td:first-child { font-weight: 600; color: var(--wp--preset--color--ink); }

.mm-badge { display: inline-block; padding: 2px 10px; border-radius: var(--wp--custom--radius--pill); font-size: var(--wp--preset--font-size--xs); font-weight: 600; background: var(--wp--preset--color--subtle); color: var(--wp--preset--color--muted); }
.mm-badge--active { background: var(--wp--preset--color--green-tint); color: var(--wp--preset--color--green); }
.mm-badge--expired, .mm-badge--disabled, .mm-badge--failed, .mm-badge--refunded { background: var(--wp--preset--color--amber-tint); color: var(--wp--preset--color--amber); }

.mm-orders { overflow-x: auto; background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: var(--wp--custom--radius--lg); }
.mm-orders table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--small); }
.mm-orders th { padding: 12px 16px; text-align: left; font-size: var(--wp--preset--font-size--xs); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--wp--preset--color--muted); background: var(--wp--preset--color--page); border-bottom: 1px solid var(--wp--preset--color--line); }
.mm-orders td { padding: 14px 16px; border-bottom: 1px solid var(--wp--preset--color--line); white-space: nowrap; }
.mm-orders tr:last-child td { border-bottom: 0; }
.mm-orders__link { text-align: right; }
.mm-account-empty { color: var(--wp--preset--color--muted); }