/* Bricks Craft — RTL adjustments.
 *
 * The base stylesheets use logical properties, so LTR and RTL share one
 * identical look that simply flips direction. This file only handles the
 * few things logical properties can't express (arrow glyphs, the dropdown
 * caret position, the resize grip). All rules are scoped to html[dir="rtl"]
 * so they are a no-op on LTR sites.
 */

/* Flip directional arrow glyphs so "state → value" reads "state ← value". */
.bc-state-panel, .bc-dp-list, .bc-dp-section-title, .bc-dp-log, .bc-dp-item  {
	direction: ltr;
}
html[dir="rtl"] .bc-state-panel-sep,
html[dir="rtl"] .bc-state-panel-arrow,
html[dir="rtl"] .bc-builder-monitor-arrow,
html[dir="rtl"] .bc-builder-monitor-warrow {
	display: inline-block;
	transform: scaleX(-1);
}

/* Export <details> marker points toward the text (right in RTL). */
html[dir="rtl"] .bc-state-panel-export > summary::before {
	transform: rotate(90deg);
}

/* Dropdown caret moves to the inline-start side. */
html[dir="rtl"] .bc-acc-body select {
	background-position: left 12px center;
}

/* Resize grip mirrors to the bottom-inline-end corner. */
html[dir="rtl"] .bc-dp-resizer {
	background: linear-gradient(225deg, transparent 0 50%, #64748b 50% 60%, transparent 60% 72%, #64748b 72% 82%, transparent 82%);
}
html[dir="rtl"] .bc-dp-resizer:hover {
	background: linear-gradient(225deg, transparent 0 50%, #94a3b8 50% 60%, transparent 60% 72%, #94a3b8 72% 82%, transparent 82%);
}

.bc-dp-states {
	direction: ltr;
}