/* ── Field — rich text (виж RichTextFieldContainer/RichTextFieldService,
   Modules\RichText) — preview trigger в самата форма (огледално на
   .field--long-text), contenteditable зоната живее в Modal.group()-а,
   отворен от RichTextFieldService#open(). ──────────────────────────────── */
.field--rich-text {
    cursor: pointer;
}

.field__rich-text-preview {
    min-height: 1.2em;
    font-size: var(--field-font-size);
    color: var(--field-color);
    white-space: pre-wrap;
    word-break: break-word;
}

.field__rich-text-preview--empty::before {
    content: 'Кликни за въвеждане...';
    color: var(--field-placeholder);
}

/* Тулбарът в ГОРНИЯ панел на модала (виж RichTextFieldService#open()) —
   flex-wrap, бутоните вече са по-големи (44x44, виж потребителски feedback
   "по-големи да направиш бутоните"), не бива да преливат хоризонтално. */
.field__rich-text-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 0;
}

/* Contenteditable зоната в ДОЛНИЯ панел — цялото тяло е нея (виж .flush()
   в RichTextFieldService#open(), огледално на .field__long-text-textarea). */
.field__rich-text-host {
    width: 100%;
    min-height: 260px;
    padding: 16px;
    outline: none;
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
    color: var(--field-color, #111827);
    white-space: pre-wrap;
    word-break: break-word;
}

.field__rich-text-host:empty::before {
    content: 'Въведи текст...';
    color: var(--field-placeholder);
}

/* Линк url инпутът живее в .cModal-footer (виж потребителски feedback
   "инпута... в футер", RichTextFieldService#buildLinkControls()-овия
   footerEl) — .d-none крие СЪДЪРЖАНИЕТО, но .cModal-footer винаги си пази
   собствен padding/border (модулен CSS, не наш) — без това правило би
   останала празна лента долу, докато линк редът не е активен. :has() —
   колабира padding/border-а на РОДИТЕЛЯ, когато детето му е скрито. */
.cModal-footer:has(> .field--rich-text-link-url.d-none) {
    padding: 0;
    border-top: none;
}