/**
 * Posts Metadata Box Styles
 *
 * Shared chrome lives in AdminEaseNativeBox.css; only what is specific to the
 * post metadata table is kept here.
 */

#adminease-metadata-table-container > .adminease-table-wrap {
	height: 500px;
	max-height: 500px;
	overflow: auto;
}

.adminease-metadata-table .adminease-meta-image-size code {
	background: var(--wpds-color-background-surface-info-weak, #f3f9ff);
	border: 1px solid var(--wpds-color-stroke-surface-info, #a9c6e7);
	color: var(--wpds-color-foreground-content-info, #001b4f);
}

.adminease-metadata-table .adminease-meta-image-size .ae-icon {
	margin-left: 4px;
	vertical-align: middle;
}

.adminease-metadata-table .adminease-meta-image-url a {
	display: inline-flex;
	align-items: center;
	gap: var(--wpds-dimension-gap-xs, 4px);
	text-decoration: none;
}

.adminease-metadata-table .adminease-meta-image-url a:hover {
	text-decoration: underline;
}


/* ──────────────────────────────────────────────────────────────────────────
   RTL
   ──────────────────────────────────────────────────────────────────────── */
[dir="rtl"] .adminease-metadata-table .adminease-meta-image-size .ae-icon {
	margin-right: 4px;
	margin-left: 0;
}