/*
 * LLMS Generator: the few rules its screens need on top of the CultDevOps design language (assets/css/cdo-ui.css).
 * Logical properties keep right-to-left screens correct.
 */

/* "What is this?" under the name of each setting, on its own line whether the name is short or long. */
.cdo-ui .cdo-form-table th > .cultdevops-llms-whatis {
	display: flex;
	width: fit-content;
}

/* Addresses of the generated files and the Markdown example (premium): long, may break anywhere. */
.cdo-ui .cultdevops-file-info p {
	margin: 0 0 var(--cdo-space-3);
}

.cdo-ui .cultdevops-file-info a,
.cdo-ui .cultdevops-llms-md-status a {
	overflow-wrap: anywhere;
}

/* Statistics: label and number on one line, split by hairlines. */
.cdo-ui .cultdevops-stats p {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--cdo-space-1) var(--cdo-space-4);
	margin: 0;
	padding-block: var(--cdo-space-2);
	font-variant-numeric: tabular-nums;
}

.cdo-ui .cultdevops-stats p + p {
	border-block-start: 1px solid var(--cdo-border);
}

.cdo-ui .cultdevops-stats strong {
	color: var(--cdo-text-muted);
	font-weight: 400;
}

/* Warning under the content limit when a large limit is chosen. */
.cdo-ui .cultdevops-limit-warning {
	color: var(--cdo-error-text);
	font-weight: var(--cdo-weight-strong);
}

/* Premium: category and tag pickers. */
.cdo-ui .cultdevops-categories-container {
	max-height: 200px;
	overflow-y: auto;
	padding: var(--cdo-space-2) var(--cdo-space-3);
	border: 1px solid var(--cdo-border);
	border-radius: var(--cdo-radius-m);
	background: var(--cdo-surface-muted);
}

.cdo-ui .cultdevops-category-item {
	display: block;
	margin: 0;
	padding-block: var(--cdo-space-1);
}

.cdo-ui .cultdevops-post-count {
	color: var(--cdo-text-muted);
}

.cdo-ui .cultdevops-categories-container input[type="checkbox"],
.cdo-ui .cultdevops-select-all input[type="checkbox"] {
	margin-inline-end: var(--cdo-space-2);
}

/* Premium: AI Crawler Report. */
.cdo-ui .cultdevops-llms-report-scroll {
	overflow-x: auto;
}

.cdo-ui .cultdevops-llms-report .num {
	text-align: end;
	font-variant-numeric: tabular-nums;
}

/* Premium: Organize llms.txt, sortable lists with a handle, a menu, a position field and two buttons. */
.cdo-ui .cultdevops-llms-items {
	min-height: 36px;
	margin: var(--cdo-space-2) 0;
	padding: 0;
	list-style: none;
}

.cdo-ui .cultdevops-llms-item {
	display: flex;
	flex-wrap: wrap;
	gap: 6px var(--cdo-space-3);
	align-items: center;
	margin: 0 0 6px;
	padding: var(--cdo-space-2) 10px;
	border: 1px solid var(--cdo-border-strong);
	border-radius: var(--cdo-radius-m);
	background: var(--cdo-surface);
}

.cdo-ui .cultdevops-llms-item-text {
	flex: 1 1 240px;
	min-width: 0;
	overflow-wrap: anywhere;
}

.cdo-ui .cultdevops-llms-item-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}

.cdo-ui .cultdevops-llms-handle {
	cursor: move;
	color: var(--cdo-text-muted);
}

.cdo-ui .cultdevops-llms-handle::before {
	content: "\f333";
	font: normal 20px/1 dashicons;
}

.cdo-ui .cultdevops-llms-placeholder {
	height: 40px;
	margin: 0 0 6px;
	border: 1px dashed var(--cdo-action);
	border-radius: var(--cdo-radius-m);
}

.cdo-ui .cultdevops-llms-item-removed {
	opacity: 0.6;
}

.cdo-ui .cultdevops-llms-languages {
	margin: 0 0 var(--cdo-space-4);
}

.cdo-ui .cultdevops-llms-languages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--cdo-space-2) var(--cdo-space-3);
}

.cdo-ui .cultdevops-llms-languages a.current {
	font-weight: var(--cdo-weight-strong);
}
