/* Editor-only additions for rw-editor.js (kit modal classes do the rest). */
body.zk-editing img[data-editable-img] { cursor: pointer; outline: 2px dashed transparent; outline-offset: 2px; }
body.zk-editing img[data-editable-img]:hover { outline-color: #f4b73a; }
.rw-ed-help { display: block; font-size: 0.78rem; opacity: 0.7; margin: 0.1rem 0 0.35rem; font-weight: 400; }
.rw-ed-lbl { display: block; font-size: 0.85rem; font-weight: 600; }
.rw-ed-shared { display: flex; flex-direction: column; gap: 0.5rem; margin: 0 0 1rem; }
.rw-ed-sharedbtn { text-align: left; }
.rw-ed-modal .zk-section-form { display: flex; flex-direction: column; gap: 0.85rem; }
.rw-ed-modal .zk-section-fieldset { min-width: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.rw-ed-modal select.zk-section-input { width: 100%; }
.rw-ed-item { padding-right: 0; border: 1px solid color-mix(in srgb, var(--color-text, #111) 10%, transparent); border-radius: 0.5rem; padding: 0.6rem; display: flex; flex-direction: column; gap: 0.6rem; }
.rw-ed-item + .rw-ed-item { margin-top: 0; padding-top: 0.6rem; }
.rw-ed-item-head { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.rw-ed-sum { font-size: 0.8rem; opacity: 0.65; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rw-ed-item-btns { display: inline-flex; gap: 0.3rem; margin-left: auto; }
.rw-ed-item-btns button:disabled { opacity: 0.35; cursor: default; }
.rw-ed-months { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem 0.8rem; }
.rw-ed-upload { display: flex; flex-direction: column; gap: 0.4rem; }
.rw-ed-preview img { max-height: 7rem; max-width: 100%; object-fit: contain; }
.rw-ed-nophoto { font-size: 0.8rem; opacity: 0.6; }
.rw-ed-btn { align-self: flex-start; }
.rw-ed-row3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
/* Blank optional fields: an empty editable element shows its placeholder so it can be clicked and refilled.
   rw renderers emit rw-ed-empty / rw-ed-only (a wrapper holding only placeholders) for any signed-in editor,
   so both stay hidden until Cmd+J edit mode; outside it the page matches what a visitor sees.
   rw-ed-fallback is visitor wording shown only outside edit mode. */
body:not(.zk-editing) .rw-ed-empty,
body:not(.zk-editing) .rw-ed-only,
body.zk-editing .rw-ed-fallback {
  display: none !important;
}
.rw-ed-empty:empty::before {
  content: attr(data-placeholder);
  opacity: 0.55;
  font-style: italic;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  cursor: text;
}

/* Testimonial cards: the kit's list-control strip sits in the card's top-right corner; pad the top of
   the card in edit mode so it never covers a short review. */
.zk-editing .rw-testi.zk-eitem {
  padding-top: 64px;
}