/* =========================================================
   Internal endpoint design system
   ========================================================= */

.cma-ui {
	--cma-inner-radius: 16px;
	--cma-field-radius: 14px;
	--cma-button-radius: 12px;
	--cma-status-radius: 999px;
	--cma-section-gap: 18px;
	--cma-inner-surface: var(--cma-surface);
	--cma-inner-surface-alt: var(--cma-elev);
	--cma-field-bg: #ffffff;
	--cma-field-border: var(--cma-border);
}

.cma-content-shell {
	position: relative;
	background: var(--cma-surface);
	border: var(--cma-content-border-w) solid var(--cma-border);
	border-radius: var(--cma-content-radius);
	box-shadow: var(--cma-shadow);
	min-height: 200px;
}

.cma-endpoint-intro {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 0 0 18px;
	margin: 0 0 var(--cma-section-gap);
	border-bottom: var(--cma-inner-border-w) solid color-mix(in srgb, var(--cma-border) 80%, white);
}

.cma-endpoint-intro__icon {
	width: 48px;
	height: 48px;
	border-radius: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, color-mix(in srgb, var(--cma-primary) 14%, white), color-mix(in srgb, var(--cma-primary-2) 10%, white));
	color: var(--cma-primary);
	box-shadow: var(--cma-shadow-sm);
}

.cma-endpoint-intro__icon svg {
	width: 20px;
	height: 20px;
}

.cma-endpoint-intro__copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.cma-endpoint-intro__title {
	margin: 0;
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 800;
}

.cma-endpoint-intro__description {
	margin: 0;
	color: var(--cma-text-dim);
	font-size: 14px;
	line-height: 1.55;
}

.cma-content-shell--wishlist {
	display: grid;
	gap: var(--cma-section-gap);
}

.cma-wishlist-endpoint--blocksy {
	display: block;
	width: 100%;
}

.cma-wishlist-endpoint--blocksy .ct-woocommerce-wishlist-table {
	width: 100%;
	max-width: 100%;
}

.cma-ui .woocommerce .woocommerce-info,
.cma-ui .woocommerce .woocommerce-message,
.cma-ui .woocommerce .woocommerce-error,
.cma-ui .woocommerce .woocommerce-notices-wrapper > * {
	margin: 0 0 var(--cma-section-gap);
	padding: 14px 16px;
	border-radius: var(--cma-inner-radius);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	background: var(--cma-inner-surface-alt);
	box-shadow: var(--cma-shadow-sm);
}

.cma-ui .woocommerce form,
.cma-ui .woocommerce .woocommerce-Addresses,
.cma-ui .woocommerce .woocommerce-PaymentMethods,
.cma-ui .woocommerce .woocommerce-order-downloads,
.cma-ui .woocommerce .woocommerce-table--order-downloads,
.cma-ui .woocommerce .woocommerce-address-fields,
.cma-ui .woocommerce .woocommerce-MyAccount-paymentMethods,
.cma-ui .woocommerce .shop_table_responsive,
.cma-ui .woocommerce .addresses {
	width: 100%;
}

.cma-ui .woocommerce .form-row,
.cma-ui .woocommerce form .form-row {
	margin: 0 0 16px;
}

.cma-ui .woocommerce label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: var(--cma-text);
}

.cma-ui .woocommerce .input-text,
.cma-ui .woocommerce input[type="text"],
.cma-ui .woocommerce input[type="email"],
.cma-ui .woocommerce input[type="password"],
.cma-ui .woocommerce input[type="tel"],
.cma-ui .woocommerce input[type="number"],
.cma-ui .woocommerce textarea,
.cma-ui .woocommerce select,
.cma-ui .woocommerce .select2-container--default .select2-selection--single,
.cma-ui .woocommerce .select2-container--default .select2-selection--multiple {
	width: 100%;
	background: var(--cma-field-bg);
	color: var(--cma-text);
	border: var(--cma-inner-border-w) solid var(--cma-field-border);
	border-radius: var(--cma-field-radius);
	box-shadow: none;
	min-height: 48px;
	padding: 12px 14px;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.cma-ui .woocommerce textarea {
	min-height: 120px;
	resize: vertical;
}

.cma-ui .woocommerce .input-text:focus,
.cma-ui .woocommerce input[type="text"]:focus,
.cma-ui .woocommerce input[type="email"]:focus,
.cma-ui .woocommerce input[type="password"]:focus,
.cma-ui .woocommerce input[type="tel"]:focus,
.cma-ui .woocommerce input[type="number"]:focus,
.cma-ui .woocommerce textarea:focus,
.cma-ui .woocommerce select:focus,
.cma-ui .woocommerce .select2-container--focus .select2-selection,
.cma-ui .woocommerce .select2-container--default.select2-container--open .select2-selection--single,
.cma-ui .woocommerce .select2-container--default.select2-container--open .select2-selection--multiple {
	border-color: var(--cma-primary);
	box-shadow: 0 0 0 4px var(--cma-active-10);
	outline: none;
}

.cma-ui .woocommerce fieldset {
	margin-top: 24px;
	padding: 18px;
	border-radius: var(--cma-inner-radius);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	background: var(--cma-inner-surface-alt);
}

.cma-ui .woocommerce legend {
	padding: 0 8px;
	font-weight: 800;
	color: var(--cma-text);
}

.cma-ui .woocommerce .button,
.cma-ui .woocommerce button.button,
.cma-ui .woocommerce a.button,
.cma-ui .woocommerce input.button,
.cma-ui .woocommerce .woocommerce-Button {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 16px;
	min-height: 44px;
	border-radius: var(--cma-button-radius);
	border: var(--cma-button-border-w) solid var(--cma-border);
	background: #ffffff;
	color: var(--cma-text);
	font-weight: 700;
	line-height: 1;
	box-shadow: none;
	text-decoration: none;
	transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}

.cma-ui .woocommerce .button:hover,
.cma-ui .woocommerce button.button:hover,
.cma-ui .woocommerce a.button:hover,
.cma-ui .woocommerce input.button:hover,
.cma-ui .woocommerce .woocommerce-Button:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--cma-primary) 25%, var(--cma-border));
	background: var(--cma-inner-surface-alt);
	color: var(--cma-text);
}

.cma-ui .woocommerce .button.alt,
.cma-ui .woocommerce button.button.alt,
.cma-ui .woocommerce a.button.alt,
.cma-ui .woocommerce input.button.alt,
.cma-ui .woocommerce .woocommerce-Button.button.alt,
.cma-btn--primary,
.cma-btn--action.view {
	background: linear-gradient(135deg, var(--cma-primary), var(--cma-primary-2));
	border-color: var(--cma-primary);
	color: #ffffff;
	box-shadow: var(--cma-shadow-sm);
}

.cma-ui .woocommerce .button.alt:hover,
.cma-ui .woocommerce button.button.alt:hover,
.cma-ui .woocommerce a.button.alt:hover,
.cma-ui .woocommerce input.button.alt:hover,
.cma-ui .woocommerce .woocommerce-Button.button.alt:hover,
.cma-btn--primary:hover,
.cma-btn--action.view:hover {
	color: #ffffff;
	border-color: var(--cma-primary-2);
	filter: brightness(1.02);
}

.cma-ui .woocommerce .woocommerce-form-login-toggle,
.cma-ui .woocommerce .woocommerce-form-coupon-toggle {
	margin-bottom: var(--cma-section-gap);
}

.cma-ui .woocommerce .addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--cma-section-gap);
}

.cma-ui .woocommerce .woocommerce-Address,
.cma-ui .woocommerce .woocommerce-column--billing-address,
.cma-ui .woocommerce .woocommerce-column--shipping-address,
.cma-ui .woocommerce .col-1.address,
.cma-ui .woocommerce .col-2.address,
.cma-ui .woocommerce .woocommerce-address-fields__field-wrapper,
.cma-ui .woocommerce .payment_methods,
.cma-ui .woocommerce .wc_payment_methods {
	background: var(--cma-inner-surface);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	border-radius: var(--cma-inner-radius);
	box-shadow: var(--cma-shadow-sm);
}

.cma-ui .woocommerce .payment_methods,
.cma-ui .woocommerce .wc_payment_methods {
	padding: 12px;
}

.cma-ui .woocommerce .payment_methods li,
.cma-ui .woocommerce .wc_payment_methods li {
	padding: 14px;
	border-radius: calc(var(--cma-inner-radius) - 4px);
	background: var(--cma-inner-surface-alt);
	margin-bottom: 10px;
}

.cma-ui .woocommerce .payment_methods li:last-child,
.cma-ui .woocommerce .wc_payment_methods li:last-child {
	margin-bottom: 0;
}

.cma-ui .woocommerce .woocommerce-Address .title,
.cma-ui .woocommerce .woocommerce-address-fields > h3,
.cma-ui .woocommerce .woocommerce-address-fields > p:first-child,
.cma-ui .woocommerce .woocommerce-Address-title {
	padding: 18px 18px 0;
}

.cma-ui .woocommerce address,
.cma-ui .woocommerce .woocommerce-address-fields__field-wrapper {
	padding: 0 18px 18px;
	font-style: normal;
	line-height: 1.7;
}

.cma-ui .woocommerce .woocommerce-Address .edit,
.cma-ui .woocommerce .woocommerce-Address-title .edit {
	margin-left: auto;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table,
.cma-ui .woocommerce table.woocommerce-orders-table,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads,
.cma-ui .woocommerce table.my_account_orders,
.cma-ui .woocommerce table.account-payment-methods-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
	border: none;
	display: block;
	overflow: visible;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table thead,
.cma-ui .woocommerce table.woocommerce-orders-table thead,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads thead,
.cma-ui .woocommerce table.account-payment-methods-table thead {
	display: none;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody,
.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody tr,
.cma-ui .woocommerce table.woocommerce-orders-table tbody,
.cma-ui .woocommerce table.woocommerce-orders-table tbody tr,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads tbody,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads tbody tr,
.cma-ui .woocommerce table.account-payment-methods-table tbody,
.cma-ui .woocommerce table.account-payment-methods-table tbody tr {
	display: block;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody tr,
.cma-ui .woocommerce table.woocommerce-orders-table tbody tr,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads tbody tr,
.cma-ui .woocommerce table.account-payment-methods-table tbody tr {
	margin-bottom: var(--cma-section-gap);
	padding: 16px;
	background: var(--cma-inner-surface);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	border-radius: var(--cma-inner-radius);
	box-shadow: var(--cma-shadow-sm);
	position: relative;
	background-clip: padding-box;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td,
.cma-ui .woocommerce table.woocommerce-orders-table td,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td,
.cma-ui .woocommerce table.account-payment-methods-table td {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding: 0 0 12px;
	border: none;
	white-space: normal;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td:last-child,
.cma-ui .woocommerce table.woocommerce-orders-table td:last-child,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.cma-ui .woocommerce table.account-payment-methods-table td:last-child {
	padding-bottom: 0;
}

.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td::before,
.cma-ui .woocommerce table.woocommerce-orders-table td::before,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td::before,
.cma-ui .woocommerce table.account-payment-methods-table td::before {
	content: attr(data-title);
	flex: 0 0 120px;
	max-width: 44%;
	font-size: 12px;
	font-weight: 700;
	color: var(--cma-text-dim);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.cma-ui .woocommerce .woocommerce-pagination,
.cma-orders-pagination {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: var(--cma-section-gap);
}

.cma-orders-list {
	display: grid;
	gap: var(--cma-section-gap);
}

.cma-order-card {
	position: relative;
	background: var(--cma-inner-surface);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	border-radius: var(--cma-inner-radius);
	box-shadow: var(--cma-shadow-sm);
	padding: 16px;
	display: grid;
	gap: 16px;
}

.cma-order-card__head,
.cma-order-card__summary,
.cma-order-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.cma-order-card__number a {
	color: var(--cma-text);
	font-size: 18px;
	font-weight: 800;
}

.cma-order-card__number a:hover {
	color: var(--cma-primary);
}

.cma-order-card__date {
	margin-top: 4px;
	color: var(--cma-text-dim);
	font-size: 13px;
}

.cma-order-status,
.cma-ui .woocommerce .order-status {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: var(--cma-status-radius);
	border: var(--cma-button-border-w) solid color-mix(in srgb, var(--cma-primary) 22%, var(--cma-border));
	background: color-mix(in srgb, var(--cma-primary) 10%, white);
	color: var(--cma-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.cma-order-card__summary {
	position: relative;
	padding: 14px;
	background: var(--cma-inner-surface-alt);
	border: var(--cma-inner-border-w) solid color-mix(in srgb, var(--cma-border) 85%, white);
	border-radius: calc(var(--cma-inner-radius) - 2px);
}

.cma-order-stat {
	display: grid;
	gap: 4px;
	min-width: 120px;
}

.cma-order-stat__label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--cma-text-dim);
}

.cma-order-stat__value {
	font-size: 15px;
	font-weight: 800;
	color: var(--cma-text);
}

.cma-order-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cma-order-chip {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: calc(var(--cma-inner-radius) - 4px);
	border: var(--cma-inner-border-w) solid color-mix(in srgb, var(--cma-border) 85%, white);
	background: var(--cma-inner-surface-alt);
	font-size: 13px;
}

.cma-order-chip__label {
	font-weight: 700;
	color: var(--cma-text-dim);
}

.cma-order-chip__value {
	color: var(--cma-text);
}

.cma-order-card__actions {
	justify-content: flex-start;
}

.cma-btn--action {
	text-decoration: none;
}

.cma-btn--action.cancel,
.cma-ui .woocommerce .button.cancel {
	background: #fff;
	color: var(--cma-text);
}

.cma-btn--action.pay,
.cma-ui .woocommerce .button.pay {
	background: color-mix(in srgb, var(--cma-primary) 14%, white);
	border-color: color-mix(in srgb, var(--cma-primary) 30%, var(--cma-border));
	color: var(--cma-primary);
}

.cma-empty-state {
	position: relative;
	display: grid;
	justify-items: center;
	text-align: center;
	gap: 12px;
	padding: 36px 18px;
	border-radius: var(--cma-inner-radius);
	border: var(--cma-inner-border-w) dashed color-mix(in srgb, var(--cma-border) 90%, white);
	background: var(--cma-inner-surface-alt);
}

.cma-empty-state__icon {
	width: 56px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--cma-primary) 15%, white), color-mix(in srgb, var(--cma-primary-2) 12%, white));
	color: var(--cma-primary);
}

.cma-empty-state__icon svg {
	width: 24px;
	height: 24px;
}

.cma-empty-state__title {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
}

.cma-empty-state__description {
	margin: 0;
	max-width: 520px;
	color: var(--cma-text-dim);
}


/* ---------- Hairline surfaces for internal endpoints ---------- */
.cma-endpoint-intro,
.cma-ui .woocommerce .woocommerce-info,
.cma-ui .woocommerce .woocommerce-message,
.cma-ui .woocommerce .woocommerce-error,
.cma-ui .woocommerce .woocommerce-notices-wrapper > *,
.cma-ui .woocommerce fieldset,
.cma-ui .woocommerce .woocommerce-Address,
.cma-ui .woocommerce .woocommerce-column--billing-address,
.cma-ui .woocommerce .woocommerce-column--shipping-address,
.cma-ui .woocommerce .col-1.address,
.cma-ui .woocommerce .col-2.address,
.cma-ui .woocommerce .woocommerce-address-fields__field-wrapper,
.cma-ui .woocommerce .payment_methods,
.cma-ui .woocommerce .wc_payment_methods,
.cma-ui .woocommerce .payment_methods li,
.cma-ui .woocommerce .wc_payment_methods li,
.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody tr,
.cma-ui .woocommerce table.woocommerce-orders-table tbody tr,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads tbody tr,
.cma-ui .woocommerce table.account-payment-methods-table tbody tr,
.cma-order-card,
.cma-order-card__summary,
.cma-order-chip,
.cma-empty-state {
	position: relative;
	background-clip: padding-box;
}

.cma-ui--hairline-inner .cma-endpoint-intro,
.cma-ui--hairline-inner .woocommerce .woocommerce-info,
.cma-ui--hairline-inner .woocommerce .woocommerce-message,
.cma-ui--hairline-inner .woocommerce .woocommerce-error,
.cma-ui--hairline-inner .woocommerce .woocommerce-notices-wrapper > *,
.cma-ui--hairline-inner .woocommerce fieldset,
.cma-ui--hairline-inner .woocommerce .woocommerce-Address,
.cma-ui--hairline-inner .woocommerce .woocommerce-column--billing-address,
.cma-ui--hairline-inner .woocommerce .woocommerce-column--shipping-address,
.cma-ui--hairline-inner .woocommerce .col-1.address,
.cma-ui--hairline-inner .woocommerce .col-2.address,
.cma-ui--hairline-inner .woocommerce .woocommerce-address-fields__field-wrapper,
.cma-ui--hairline-inner .woocommerce .payment_methods,
.cma-ui--hairline-inner .woocommerce .wc_payment_methods,
.cma-ui--hairline-inner .woocommerce .payment_methods li,
.cma-ui--hairline-inner .woocommerce .wc_payment_methods li,
.cma-ui--hairline-inner .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody tr,
.cma-ui--hairline-inner .woocommerce table.woocommerce-orders-table tbody tr,
.cma-ui--hairline-inner .woocommerce table.woocommerce-MyAccount-downloads tbody tr,
.cma-ui--hairline-inner .woocommerce table.account-payment-methods-table tbody tr,
.cma-ui--hairline-inner .cma-order-card,
.cma-ui--hairline-inner .cma-order-card__summary,
.cma-ui--hairline-inner .cma-order-chip,
.cma-ui--hairline-inner .cma-empty-state {
	border-color: transparent !important;
}

.cma-ui--hairline-inner .cma-endpoint-intro::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-info::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-message::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-error::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-notices-wrapper > *::after,
.cma-ui--hairline-inner .woocommerce fieldset::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-Address::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-column--billing-address::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-column--shipping-address::after,
.cma-ui--hairline-inner .woocommerce .col-1.address::after,
.cma-ui--hairline-inner .woocommerce .col-2.address::after,
.cma-ui--hairline-inner .woocommerce .woocommerce-address-fields__field-wrapper::after,
.cma-ui--hairline-inner .woocommerce .payment_methods::after,
.cma-ui--hairline-inner .woocommerce .wc_payment_methods::after,
.cma-ui--hairline-inner .woocommerce .payment_methods li::after,
.cma-ui--hairline-inner .woocommerce .wc_payment_methods li::after,
.cma-ui--hairline-inner .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table tbody tr::after,
.cma-ui--hairline-inner .woocommerce table.woocommerce-orders-table tbody tr::after,
.cma-ui--hairline-inner .woocommerce table.woocommerce-MyAccount-downloads tbody tr::after,
.cma-ui--hairline-inner .woocommerce table.account-payment-methods-table tbody tr::after,
.cma-ui--hairline-inner .cma-order-card::after,
.cma-ui--hairline-inner .cma-order-card__summary::after,
.cma-ui--hairline-inner .cma-order-chip::after,
.cma-ui--hairline-inner .cma-empty-state::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	transform: scale(0.5);
	transform-origin: top left;
	box-sizing: border-box;
	pointer-events: none;
	border: var(--cma-inner-border-w-double) solid var(--cma-border);
	border-radius: var(--cma-inner-radius-hairline);
}

.cma-ui--hairline-button .woocommerce .button:not(input),
.cma-ui--hairline-button .woocommerce button.button,
.cma-ui--hairline-button .woocommerce a.button,
.cma-ui--hairline-button .woocommerce .woocommerce-Button,
.cma-ui--hairline-button .cma-btn,
.cma-ui--hairline-button .cma-order-status,
.cma-ui--hairline-button .woocommerce .order-status {
	border-color: transparent !important;
}

.cma-ui--hairline-button .woocommerce .button:not(input)::after,
.cma-ui--hairline-button .woocommerce button.button::after,
.cma-ui--hairline-button .woocommerce a.button::after,
.cma-ui--hairline-button .woocommerce .woocommerce-Button::after,
.cma-ui--hairline-button .cma-btn::after,
.cma-ui--hairline-button .cma-order-status::after,
.cma-ui--hairline-button .woocommerce .order-status::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	transform: scale(0.5);
	transform-origin: top left;
	box-sizing: border-box;
	pointer-events: none;
	border: var(--cma-button-border-w-double) solid currentColor;
	border-radius: var(--cma-button-radius-hairline);
}

.cma-ui--hairline-button .cma-order-status::after,
.cma-ui--hairline-button .woocommerce .order-status::after {
	border-color: color-mix(in srgb, var(--cma-primary) 22%, var(--cma-border));
	border-radius: var(--cma-status-radius-hairline);
}

.cma-ui--hairline-button .woocommerce .button.alt::after,
.cma-ui--hairline-button .woocommerce button.button.alt::after,
.cma-ui--hairline-button .woocommerce a.button.alt::after,
.cma-ui--hairline-button .woocommerce .woocommerce-Button.button.alt::after,
.cma-ui--hairline-button .cma-btn--primary::after,
.cma-ui--hairline-button .cma-btn--action.view::after {
	border-color: var(--cma-primary);
}

@media (max-width: 767px) {
	.cma-endpoint-intro {
		grid-template-columns: 1fr;
		justify-items: start;
	}

	.cma-order-card__summary,
	.cma-order-card__head {
		align-items: flex-start;
	}

	.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td,
	.cma-ui .woocommerce table.woocommerce-orders-table td,
	.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td,
	.cma-ui .woocommerce table.account-payment-methods-table td {
		flex-direction: column;
		gap: 6px;
	}

	.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td::before,
	.cma-ui .woocommerce table.woocommerce-orders-table td::before,
	.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td::before,
	.cma-ui .woocommerce table.account-payment-methods-table td::before {
		max-width: 100%;
	}

	.cma-orders-pagination,
	.cma-ui .woocommerce .woocommerce-pagination {
		justify-content: stretch;
		flex-direction: column;
	}

	.cma-orders-pagination .cma-btn,
	.cma-ui .woocommerce .woocommerce-pagination .button {
		width: 100%;
	}
}


/* =========================================================
   Stage 5 — smart border fix / editable gradients / typography
   ========================================================= */
.cma-endpoint-intro__icon,
.cma-empty-state__icon {
	background: var(--cma-accent-gradient-soft);
}

.cma-endpoint-intro__title,
.cma-empty-state__title,
.cma-order-card__title,
.cma-summary__value {
	font-weight: var(--cma-font-heading-weight);
}

.cma-endpoint-intro__title {
	font-size: clamp(18px, calc(var(--cma-font-heading-size) - 2px), 40px);
}

.cma-endpoint-intro__description,
.cma-order-chip,
.cma-order-card__summary,
.cma-ui .woocommerce table.woocommerce-orders-table td,
.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td,
.cma-ui .woocommerce table.account-payment-methods-table td {
	font-size: var(--cma-font-body-size);
}

.cma-order-stat__label,
.cma-order-chip__label,
.cma-ui .woocommerce table.woocommerce-orders-table td::before,
.cma-ui .cma-content-shell:not(.cma-content-shell--wishlist) table.shop_table td::before,
.cma-ui .woocommerce table.woocommerce-MyAccount-downloads td::before,
.cma-ui .woocommerce table.account-payment-methods-table td::before,
.cma-ui .woocommerce legend {
	font-size: var(--cma-font-small-size);
}

.cma-order-status,
.cma-badge,
.cma-ui .woocommerce .order-status {
	font-size: var(--cma-font-badge-size);
	font-weight: var(--cma-font-badge-weight);
}

.cma-ui .woocommerce .button,
.cma-ui .woocommerce button.button,
.cma-ui .woocommerce a.button,
.cma-ui .woocommerce input.button,
.cma-ui .woocommerce .woocommerce-Button,
.cma-btn,
.cma-btn--action {
	font-size: var(--cma-font-button-size);
	font-weight: var(--cma-font-button-weight);
}

.cma-ui .woocommerce .button.alt,
.cma-ui .woocommerce button.button.alt,
.cma-ui .woocommerce a.button.alt,
.cma-ui .woocommerce input.button.alt,
.cma-ui .woocommerce .woocommerce-Button.button.alt,
.cma-btn--primary,
.cma-btn--action.view {
	background: var(--cma-button-gradient);
}

.cma-ui--hairline-inner .cma-endpoint-intro {
	border-color: transparent !important;
	border-bottom-color: transparent !important;
}

.cma-ui--hairline-inner .cma-endpoint-intro::after {
	content: none !important;
}

.cma-ui--hairline-inner .cma-endpoint-intro::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200%;
	height: 0;
	transform: scale(0.5);
	transform-origin: left bottom;
	box-sizing: border-box;
	pointer-events: none;
	border-bottom: var(--cma-inner-border-w-double) solid color-mix(in srgb, var(--cma-border) 80%, white);
}

/* =========================================================
   Senyaus Social Login integration
   ========================================================= */

.cma-ui .cma-content-shell--social-accounts .sssl-account__header {
	padding-bottom: 18px;
	border-bottom: var(--cma-inner-border-w) solid var(--cma-border);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__header h2 {
	margin: 0;
	font-size: clamp(20px, calc(var(--cma-font-heading-size) - 2px), 36px);
	font-weight: var(--cma-font-heading-weight);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__header p,
.cma-ui .cma-content-shell--social-accounts .sssl-account__copy small,
.cma-ui .cma-content-shell--social-accounts .sssl-account__unavailable,
.cma-ui .cma-content-shell--social-accounts .sssl-account__ready,
.cma-ui .cma-content-shell--social-accounts .sssl-account__footnote {
	color: var(--cma-text-dim);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__security-mark,
.cma-ui .cma-content-shell--social-accounts .sssl-account__status {
	font-size: var(--cma-font-badge-size);
	font-weight: var(--cma-font-badge-weight);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__security-mark {
	background: color-mix(in srgb, #22c55e 12%, var(--cma-surface));
	color: #166534;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__row {
	position: relative;
	background: var(--cma-inner-surface);
	border: var(--cma-inner-border-w) solid var(--cma-border);
	border-radius: var(--cma-inner-radius);
	box-shadow: var(--cma-shadow-sm);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__mark {
	border-radius: calc(var(--cma-inner-radius) - 4px);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__mark--email {
	background: color-mix(in srgb, var(--cma-primary) 13%, var(--cma-surface));
	color: var(--cma-primary);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__copy strong {
	color: var(--cma-text);
	font-size: 15px;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__status {
	background: var(--cma-inner-surface-alt);
	color: var(--cma-text-dim);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__status.is-connected {
	background: color-mix(in srgb, #22c55e 12%, var(--cma-surface));
	color: #166534;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__status.is-action-needed {
	background: color-mix(in srgb, #f59e0b 13%, var(--cma-surface));
	color: #92400e;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__action .button {
	min-width: 132px;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__row--vk .sssl-link-form .button {
	border-color: #1877d2;
	color: #0f5fa8;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__row--yandex .sssl-link-form .button {
	border-color: #fc3f1d;
	color: #b42318;
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__hint {
	border: var(--cma-inner-border-w) solid color-mix(in srgb, #f59e0b 35%, var(--cma-border));
	border-left-width: 3px;
	border-radius: var(--cma-field-radius);
	background: color-mix(in srgb, #f59e0b 8%, var(--cma-surface));
	color: var(--cma-text);
}

.cma-ui .cma-content-shell--social-accounts .sssl-account__hint a,
.cma-ui .cma-content-shell--social-accounts .sssl-account__footnote a {
	color: var(--cma-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 640px) {
	.cma-ui .cma-content-shell--social-accounts .sssl-account__action .button {
		width: 100%;
		min-width: 0;
	}
}