.dcf4-preview{min-height:60px;width:100%}.dcf4-preview .components-placeholder{min-height:90px}.dcf4-label{font-weight:600;margin:12px 0 6px}.dcf4-field{margin-bottom:16px}.dcf4-repeater,.dcf4-group{border:1px solid #ddd;border-radius:3px;padding:10px;margin:0 0 16px;background:#fff}.dcf4-repeater.nested{background:#f8f8f8}.dcf4-row{border:1px solid #dcdcde;padding:10px;margin:8px 0;background:#fff}.dcf4-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dcf4-row .components-base-control{margin-bottom:10px}.interface-complementary-area .dcf4-repeater .components-button{height:auto;min-height:30px}

/* v4.4 searchable relationship / taxonomy / page selectors */
.dcf4-entity-field{margin-bottom:18px}.dcf4-token-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.dcf4-token{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 7px;background:#f0f0f1;border:1px solid #c3c4c7;border-radius:3px;font-size:12px;line-height:1.3}.dcf4-token span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcf4-token-x{border:0;background:transparent;cursor:pointer;padding:0 2px;font-size:16px;line-height:1}.dcf4-search-results{margin-top:-7px;border:1px solid #949494;border-top:0;max-height:190px;overflow:auto;background:#fff;position:relative;z-index:20}.dcf4-search-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f1;background:#fff;padding:8px 10px;cursor:pointer}.dcf4-search-option:hover,.dcf4-search-option.is-active{background:#f0f6fc}.dcf4-search-empty{padding:8px 10px;color:#757575;font-size:12px}.dcf4-entity-field .components-base-control{margin-bottom:0}

/* v4.8 media preview inside repeater/group fields */
.dcf4-media-preview{margin:4px 0 8px}.dcf4-media-preview img{display:block;max-width:100%;width:auto;max-height:140px;height:auto;border:1px solid #dcdcde;border-radius:3px;background:#f6f7f7}.dcf4-media-loading,.dcf4-file-preview{margin:4px 0 8px;padding:8px;border:1px solid #dcdcde;background:#f6f7f7;font-size:12px;color:#50575e}.dcf4-media>.components-button{margin-right:8px}

/* v6.7 preview click -> block edit/sidebar
 * Keep rendered preview content non-interactive so theme links/sliders do not
 * swallow Gutenberg clicks, but keep the preview wrapper clickable. Clicking
 * anywhere on the rendered preview selects the block and opens Block settings.
 */
.block-editor-block-list__block .dcf4-preview {
    pointer-events: auto !important;
    cursor: pointer;
}
.block-editor-block-list__block .dcf4-preview * {
    pointer-events: none !important;
}


/* v6.8: ACF-like first-insert preview. Editor only; never affects frontend. */
.dcf4-editor-empty-preview{
  min-height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:24px;
  border:1px dashed #a7aaad;
  border-radius:4px;
  background:#fff;
  text-align:center;
  cursor:pointer;
  box-sizing:border-box;
}
.dcf4-editor-empty-preview strong{font-size:15px;line-height:1.35;}
.dcf4-editor-empty-preview span{font-size:12px;color:#646970;line-height:1.45;}

/* ==========================================
   CUSTOM FIRST LETTER / DROP CAP
========================================== */

.di-custom-dropcap::first-letter,
.di-custom-dropcap p::first-letter,
.editor-styles-wrapper .di-custom-dropcap::first-letter,
.editor-styles-wrapper .di-custom-dropcap p::first-letter {

    font-size: var(--di-dropcap-size, 60px) !important;

    font-weight: var(--di-dropcap-weight, 700) !important;

    color: var(--di-dropcap-color, inherit) !important;

    float: left;

    line-height: var(--di-dropcap-line-height, 0.8);

    margin-right: var(--di-dropcap-margin-right, 8px);

    margin-top: 5px;

    margin-bottom: 2px;
}