/* The existing theme alternates even rows. Saved preferences override that rule.
   Reverse flow makes DATA -> IMAGE display IMAGE on the left, as requested. */
.persona-ct.op-persona-managed > .persona-flex {
    flex-direction: row-reverse !important;
}
.persona-ct.op-persona-managed.op-image-left > .persona-flex > .persona-data,
.persona-ct.op-persona-managed.op-image-right > .persona-flex > .persona-image {
    order: 1 !important;
}
.persona-ct.op-persona-managed.op-image-left > .persona-flex > .persona-image,
.persona-ct.op-persona-managed.op-image-right > .persona-flex > .persona-data {
    order: 2 !important;
}
/* Match the current theme's breakpoint and keep image first on mobile. */
@media (max-width: 580px) {
    .persona-ct.op-persona-managed > .persona-flex { flex-direction: column !important; }
    .persona-ct.op-persona-managed.op-image-left > .persona-flex > .persona-image,
    .persona-ct.op-persona-managed.op-image-right > .persona-flex > .persona-image { order: 1 !important; }
    .persona-ct.op-persona-managed.op-image-left > .persona-flex > .persona-data,
    .persona-ct.op-persona-managed.op-image-right > .persona-flex > .persona-data { order: 2 !important; }
}