/*
 * Fast Index: 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.
 */

/* IndexNow key file address: long, may break anywhere. */
.cdo-ui .fi-indexnow-key a {
	overflow-wrap: anywhere;
}

/* "Index Status" with its Premium badge, next to the History filter. */
.cdo-ui .fi-index-status-hint {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--cdo-space-2);
	flex-basis: 100%;
}

.cdo-ui .fi-index-status-hint .cdo-hint {
	margin: 0;
}

.cdo-ui .fi-channel-filter {
	margin: 0;
}

/* History: the title of a removed post is its address, which has no space to break at on a phone. */
.cdo-ui .fi-history .column-title strong {
	overflow-wrap: anywhere;
}

.cdo-ui .fi-history .fi-eligible {
	margin-block-start: var(--cdo-space-1);
}

.cdo-ui .fi-history .fi-history-note,
.cdo-ui .fi-history .fi-history-retry {
	display: inline-block;
	margin-block-start: var(--cdo-space-1);
}

/* Index status column (premium): the check button sits under the result. */
.cdo-ui .fi-index-check {
	margin-block-start: var(--cdo-space-2);
}

.cdo-ui .fi-index-card .cdo-description {
	margin-block-start: var(--cdo-space-3);
}

@media screen and (max-width: 782px) {

	/* History: WordPress hides every column but the title; the toggle-row button opens a row. */
	.cdo-ui .fi-history .column-primary .toggle-row {
		top: 6px;
	}

	/* Core writes each cell's column name in front of it on a phone; the title cell is a td here (core uses a th),
	   so its "Title" label would sit on top of the title. Specific enough to win over the core rule. */
	.cdo-ui .fi-history tr:not(.no-items) td.column-primary:not(.check-column)::before {
		content: none;
	}
}