/**
 * Pending-answer markers.
 *
 * Build-time queries rendered as deliberate editorial notes rather than
 * literal bracket text. Warm amber, so it reads as a question to the
 * client and never as an error state or a brand colour.
 *
 * Remove with inc/pending.php before launch.
 */

.pb-pending {
	position: relative;
	opacity: 0.72;
	cursor: not-allowed;
	border-style: dashed !important;
	filter: grayscale(0.35);
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.pb-pending__flag {
	display: inline-block;
	padding: 0.15em 0.5em;
	border: 1px solid #c8a14a;
	border-radius: 2em;
	background: #fff8e6;
	color: #7a5300;
	font-size: 0.72em;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.02em;
	text-transform: none;
	white-space: nowrap;
	vertical-align: middle;
}

.pb-query {
	display: block;
	margin: 0.5em 0;
	padding: 0.75em 1em;
	border-left: 3px solid #c8a14a;
	background: #fff8e6;
	color: #4a3a12;
	font-size: 0.9rem;
	line-height: 1.55;
}

.pb-query__label {
	display: block;
	margin-bottom: 0.2em;
	color: #7a5300;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.pb-query__text {
	display: block;
}

/* Inside a heading or a button label, keep it on the line. */
h1 .pb-query,
h2 .pb-query,
h3 .pb-query,
h4 .pb-query,
.wp-block-button .pb-query {
	display: inline;
	margin: 0;
	padding: 0.1em 0.5em;
	border-left: 0;
	border-radius: 3px;
	font-size: 0.8em;
}

h1 .pb-query__label,
h2 .pb-query__label,
h3 .pb-query__label,
h4 .pb-query__label,
.wp-block-button .pb-query__label {
	display: inline;
	margin: 0 0.4em 0 0;
}

@media print {
	.pb-pending__flag,
	.pb-query {
		border-color: #999;
		background: transparent;
	}
}