/**
 * Summernote 自訂樣式
 * =====================
 * 調整編輯器內的行高、段落間距等
 */

/* ========================================= */
/* 編輯區域行高調整 */
/* ========================================= */

/* 編輯區域內的段落行高 */
.note-editable {
    line-height: 1.5 !important;
}

.note-editable p,
.note-editable div {
    margin-bottom: 0.5em !important;
    line-height: 1.5 !important;
}

/* 移除預設的大段落間距 */
.note-editable p:last-child,
.note-editable div:last-child {
    margin-bottom: 0 !important;
}

/* 列表項目行高 */
.note-editable ul,
.note-editable ol {
    margin-bottom: 0.5em !important;
    line-height: 1.5 !important;
}

.note-editable li {
    line-height: 1.5 !important;
    margin-bottom: 0.25em !important;
}

/* 標題行高 */
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {
    line-height: 1.3 !important;
    margin-bottom: 0.5em !important;
}

/* ========================================= */
/* 工具列樣式調整（避免被版型影響） */
/* ========================================= */

.note-editor.note-frame {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
}

.note-editor .note-toolbar {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6 !important;
    padding: 5px !important;
}

.note-editor .note-btn {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}

.note-editor .note-btn:hover {
    background-color: #e9ecef !important;
}

/* ========================================= */
/* 確保編輯區域有最小高度 */
/* ========================================= */

.note-editable {
    min-height: 200px !important;
    padding: 10px !important;
}

/* ========================================= */
/* 移除可能造成大間距的預設樣式 */
/* ========================================= */

.note-editable br {
    /* 讓 br 換行保持正常高度 */
    display: block;
    content: "";
    margin: 0 !important;
}

/* 確保空行不會太高 */
.note-editable p:empty,
.note-editable div:empty {
    min-height: 1.5em !important;
    margin: 0 !important;
}