/**
 * Editor styling for the theme's hsw_repeater field.
 *
 * Deliberately quiet: it should read as part of ACF, not as a bolt-on. Colours
 * follow the WordPress admin palette rather than the site's design system.
 */

.hsw-rep__rows {
	border: 1px solid #d0d5dd;
	border-radius: 4px;
	background: #fff;
}

.hsw-rep__rows:empty {
	display: none;
}

.hsw-rep__row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 10px 10px 4px;
	border-bottom: 1px solid #e6e8eb;
}

.hsw-rep__row:last-child {
	border-bottom: 0;
}

.hsw-rep__gutter {
	flex: 0 0 auto;
	padding-top: 12px;
	min-width: 1.5em;
	text-align: right;
}

.hsw-rep__num {
	color: #6b7280;
	font-size: 12px;
	line-height: 1;
}

.hsw-rep__fields {
	flex: 1 1 auto;
	min-width: 0;
}

/* ACF draws its own field borders; inside a row they double up. */
.hsw-rep__fields > .acf-field {
	border-top: 0;
	padding: 6px 8px;
}

.hsw-rep__tools {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 8px;
}

.hsw-rep__btn {
	width: 26px;
	height: 24px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 3px;
	background: none;
	color: #6b7280;
	cursor: pointer;
	font-size: 13px;
	line-height: 1;
}

.hsw-rep__btn:hover,
.hsw-rep__btn:focus {
	border-color: #c3c7cb;
	background: #f6f7f7;
	color: #1d2327;
}

.hsw-rep__btn:focus {
	outline: 2px solid #2271b1;
	outline-offset: 0;
}

.hsw-rep__remove:hover,
.hsw-rep__remove:focus {
	border-color: #d63638;
	color: #d63638;
}

.hsw-rep__empty {
	margin: 8px 0 0;
	color: #6b7280;
	font-style: italic;
}

.hsw-rep__foot {
	margin: 10px 0 0;
}

/* Table layout: labels once at the top would need a header row; until then the
   per-row labels stay, but the rows tighten up. */
.hsw-rep--table .hsw-rep__row {
	padding: 4px 10px;
}

.hsw-rep--table .hsw-rep__fields {
	display: flex;
	flex-wrap: wrap;
}