.oit-order-info-list-desc{
   flex-wrap: wrap;
}

.oit-order-info-list-desc p{
   width: 100%;
}

/* ── Order item license meta ──────────────────────────────────────────────── */

/*
 * One soft key/value panel per purchase code under the product name. The
 * divider is kept in the markup for themes that style it, but the panel's
 * own border already separates it from the product name.
 */
hr.ordainit-license-divider {
	display: none;
}

.ordainit-license-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 14px 0 4px;
	padding: 16px 18px;
	background: #f8fafc;
	border: 1px solid #e5e9f0;
	border-radius: 10px;
}

.ordainit-license-meta + .ordainit-license-meta {
	margin-top: 10px;
}

.ordainit-license-meta p {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 0;
	padding: 0;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.5;
	color: #1e293b;
}

.ordainit-license-meta p strong {
	flex: 0 0 120px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #94a3b8;
}

/* Purchase code — monospace, wraps safely on narrow screens. */
.ordainit-license-meta p:first-child {
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 12.5px;
	word-break: break-all;
}

/* Keep the label in the body font, not the code's monospace. */
.ordainit-license-meta p:first-child strong {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media ( max-width: 575px ) {
	.ordainit-license-meta p {
		flex-direction: column;
		gap: 2px;
	}
	.ordainit-license-meta p strong {
		flex: none;
	}
}

/* ── My Account: OrdainIT Licenses ───────────────────────────────────────────── */

.ordainit-my-licenses {
	padding: 4px 0 16px;
}

.ordainit-licenses-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

/* ── License card ─────────────────────────────────────────────────────────── */

.ordainit-lc-card {
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

.ordainit-lc-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px 14px;
	border-bottom: 1px solid #f3f4f6;
	gap: 12px;
}

.ordainit-lc-product-info {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	min-width: 0;
}

.ordainit-lc-product-name {
	font-size: 15px;
	font-weight: 600;
	color: #111827;
	text-decoration: none;
}

.ordainit-lc-product-name:hover { color: #2563eb; }

.ordainit-lc-plan-badge {
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 20px;
	background: #eff6ff;
	color: #2563eb;
	white-space: nowrap;
}

.ordainit-lc-status {
	font-size: 12px;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 20px;
	white-space: nowrap;
	flex-shrink: 0;
}

.ordainit-lc-status--active      { background: #dcfce7; color: #16a34a; }
.ordainit-lc-status--expired     { background: #fee2e2; color: #dc2626; }
.ordainit-lc-status--deactivated { background: #f3f4f6; color: #6b7280; }
.ordainit-lc-status--revoked     { background: #fef3c7; color: #b45309; }

/* ── Purchase code row ────────────────────────────────────────────────────── */

.ordainit-lc-code-row {
	padding: 12px 20px;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.ordainit-lc-field-label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #9ca3af;
	white-space: nowrap;
}

.ordainit-lc-code-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
}

.ordainit-lc-code {
	font-family: 'Courier New', Courier, monospace;
	font-size: 13px;
	color: #374151;
	background: #f9fafb;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid #e5e7eb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.ordainit-copy-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 5px;
	padding: 4px 10px;
	cursor: pointer;
	transition: background .15s, color .15s;
	white-space: nowrap;
	flex-shrink: 0;
}

.ordainit-copy-btn:hover  { background: #e5e7eb; color: #374151; }
.ordainit-copy-btn--done  { background: #dcfce7; color: #16a34a; border-color: #bbf7d0; }

/* ── Meta grid ────────────────────────────────────────────────────────────── */

.ordainit-lc-meta-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-bottom: 1px solid #f3f4f6;
}

.ordainit-lc-meta-item {
	padding: 12px 20px;
	border-right: 1px solid #f3f4f6;
}

.ordainit-lc-meta-item:last-child { border-right: none; }

.ordainit-lc-field-value {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #111827;
	margin-top: 3px;
}

/* ── Package features ─────────────────────────────────────────────────────── */

.ordainit-lc-features {
	padding: 12px 20px;
	border-bottom: 1px solid #f3f4f6;
}

.ordainit-lc-feature-list {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 16px;
}

.ordainit-lc-feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #374151;
}

.ordainit-lc-feature-list svg {
	flex: none;
	margin-top: 3px;
	color: #16a34a;
}

/* Bundle license card's "Includes" list reuses this same list style, but its
   items are links to each covered product instead of plain feature text. */
.ordainit-lc-feature-list li a {
	color: inherit;
	text-decoration: none;
}

.ordainit-lc-feature-list li a:hover {
	color: #16a34a;
	text-decoration: underline;
}

@media (max-width: 575px) {
	.ordainit-lc-feature-list { grid-template-columns: 1fr; }
}

/* ── Activation actions ───────────────────────────────────────────────────── */

.ordainit-act-action { white-space: nowrap; }

.ordainit-deactivate-btn {
	cursor: pointer;
	font-family: inherit;
}

.ordainit-deactivate-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

/* ── Card footer ──────────────────────────────────────────────────────────── */

.ordainit-lc-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	gap: 12px;
	flex-wrap: wrap;
}

.ordainit-lc-purchase-date {
	font-size: 12px;
	color: #9ca3af;
}

.ordainit-lc-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.ordainit-lc-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 500;
	padding: 6px 14px;
	border-radius: 6px;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
	white-space: nowrap;
}

.ordainit-lc-btn--primary {
	background: #2563eb;
	color: #fff;
	border: 1px solid #2563eb;
}

.ordainit-lc-btn--primary:hover { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }

.ordainit-lc-btn--ghost {
	background: transparent;
	color: #374151;
	border: 1px solid #e5e7eb;
}

.ordainit-lc-btn--ghost:hover { background: #f9fafb; color: #111827; }

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
	.ordainit-lc-meta-grid  { grid-template-columns: repeat(2, 1fr); }
	.ordainit-lc-meta-item:nth-child(2) { border-right: none; }
}

@media (max-width: 420px) {
	.ordainit-lc-meta-grid   { grid-template-columns: 1fr; }
	.ordainit-lc-meta-item   { border-right: none; border-bottom: 1px solid #f3f4f6; }
	.ordainit-lc-meta-item:last-child { border-bottom: none; }
	.ordainit-lc-header      { flex-direction: column; align-items: flex-start; }
	.ordainit-lc-footer      { flex-direction: column; align-items: flex-start; }
}

/* ── Product Services ─────────────────────────────────────────────────────── */

.ordainit-product-services {
	margin: 16px 0;
	padding: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	background: #fafafa;
}

/* No services for the selected variation. */
.ordainit-product-services.ordainit-services-empty {
	display: none !important;
}

.ordainit-services-heading {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 600;
}

.ordainit-services-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ordainit-service-item {
	padding: 6px 0;
	border-bottom: 1px solid #ebebeb;
}

.ordainit-service-item:last-child {
	border-bottom: none;
}

.ordainit-service-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin: 0;
}

.ordainit-service-item input[type="checkbox"] {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	cursor: pointer;
}

.ordainit-svc-name {
	flex: 1;
	font-size: 14px;
}

.ordainit-svc-price {
	font-size: 13px;
	color: #555;
}

.ordainit-svc-free {
	color: #2e7d32;
}

.ordainit-services-extra {
	margin: 12px 0 0;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
	font-size: 14px;
	color: #333;
}

/* Shortcode list layout */
.ordainit-services-shortcode .ordainit-service-item {
	display: flex;
	justify-content: space-between;
	padding: 6px 0;
}

.ordainit-services-shortcode .ordainit-svc-price {
	font-weight: 600;
}

/* ── My Account: Tab navigation ─────────────────────────────────────────── */

.ordainit-tabs-nav {
	display: flex;
	gap: 0;
	border-bottom: 2px solid #e5e7eb;
	margin-bottom: 24px;
	overflow-x: auto;
}

.ordainit-tab-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 20px;
	font-size: 13px;
	font-weight: 600;
	color: #6b7280;
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	cursor: pointer;
	transition: color .15s, border-color .15s;
	white-space: nowrap;
}

.ordainit-tab-btn:hover { color: #374151; }

.ordainit-tab-btn.ordainit-tab-active {
	color: #2563eb;
	border-bottom-color: #2563eb;
}

.ordainit-tab-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	font-size: 11px;
	font-weight: 700;
	background: #f3f4f6;
	color: #6b7280;
}

.ordainit-tab-btn.ordainit-tab-active .ordainit-tab-count {
	background: #eff6ff;
	color: #2563eb;
}

.ordainit-tab-pane         { display: none; }
.ordainit-tab-pane.ordainit-tab-active { display: block; }

.ordainit-tab-empty {
	padding: 40px 0;
	text-align: center;
	color: #9ca3af;
	font-size: 14px;
}

/* ── Data tables ─────────────────────────────────────────────────────────── */

.ordainit-table-wrap {
	overflow-x: auto;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
}

.ordainit-data-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	background: #fff;
}

.ordainit-data-table th {
	text-align: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #9ca3af;
	padding: 10px 14px;
	background: #f9fafb;
	border-bottom: 1px solid #e5e7eb;
	white-space: nowrap;
}

.ordainit-data-table td {
	padding: 12px 14px;
	border-bottom: 1px solid #f3f4f6;
	vertical-align: middle;
	color: #374151;
}

.ordainit-data-table tbody tr:last-child td { border-bottom: none; }
.ordainit-data-table tbody tr:hover td { background: #f9fafb; }

.ordainit-tbl-product-link {
	font-weight: 600;
	color: #111827;
	text-decoration: none;
}
.ordainit-tbl-product-link:hover { color: #2563eb; }

.ordainit-days-left {
	display: block;
	font-size: 11px;
	color: #16a34a;
	margin-top: 2px;
}

.ordainit-tbl-email { font-size: 12px; color: #6b7280; }
.ordainit-tbl-muted { color: #d1d5db; }

.ordainit-btn-sm { padding: 4px 10px; font-size: 12px; }

/* ── Payment method badge ────────────────────────────────────────────────── */

.ordainit-method-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	background: #f3f4f6;
	color: #374151;
	white-space: nowrap;
}

.ordainit-method-badge[data-method="stripe"]                         { background: #f0effe; color: #635bff; }
.ordainit-method-badge[data-method="paypal"]                         { background: #e8f0fb; color: #003087; }
.ordainit-method-badge[data-method="paddle"],
.ordainit-method-badge[data-method="paddle_v2"],
.ordainit-method-badge[data-method="woo-paddle-gateway"]             { background: #e8f8f0; color: #1a8754; }

/* ── Activations tab ─────────────────────────────────────────────────────── */

.ordainit-act-domain {
	display: block;
	min-width: 130px;
	font-weight: 600;
	color: #111827;
	/* break-all shredded domains into single characters in a narrow column;
	   anywhere only breaks when a word genuinely cannot fit. */
	overflow-wrap: anywhere;
	word-break: normal;
}

.ordainit-act-sitename {
	display: block;
	font-size: 11px;
	color: #6b7280;
	margin-top: 2px;
}

.ordainit-act-usage {
	font-size: 12px;
	font-weight: 600;
	color: #374151;
	white-space: nowrap;
}

/* ── Transaction ID ──────────────────────────────────────────────────────── */

.ordainit-txn-id {
	font-family: 'Courier New', Courier, monospace;
	font-size: 11px;
	color: #6b7280;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

/* ── Order status badge ──────────────────────────────────────────────────── */

.ordainit-order-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.ordainit-order-status--completed  { background: #dcfce7; color: #16a34a; }
.ordainit-order-status--processing { background: #dbeafe; color: #2563eb; }
.ordainit-order-status--pending    { background: #fef9c3; color: #ca8a04; }
.ordainit-order-status--on-hold    { background: #ffedd5; color: #c2410c; }
.ordainit-order-status--cancelled,
.ordainit-order-status--failed     { background: #fee2e2; color: #dc2626; }
.ordainit-order-status--refunded   { background: #f3f4f6; color: #6b7280; }