/* Quill Content Display Styles */
.ql-editor {
    padding: 0 !important;
    border: none !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.ql-editor p {
    margin-bottom: 15px !important;
    display: block !important;
    line-height: 1.6 !important;
}

.ql-editor ol,
.ql-editor ul {
    margin: 15px 0 !important;
    padding-left: 30px !important;
    display: block !important;
}

.ql-editor ol li,
.ql-editor ul li {
    display: list-item !important;
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
    padding-left: 5px !important;
}

.ql-editor ol {
    list-style-type: decimal !important;
}

.ql-editor ul {
    list-style-type: disc !important;
}

.ql-editor strong {
    font-weight: 600 !important;
    color: #283519 !important;
}

.ql-editor em {
    font-style: italic !important;
}

.ql-editor u {
    text-decoration: underline !important;
}

.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    color: #283519 !important;
    font-weight: 600 !important;
    margin: 15px 0 10px 0 !important;
    display: block !important;
}

.ql-editor h1 { font-size: 24px !important; }
.ql-editor h2 { font-size: 20px !important; }
.ql-editor h3 { font-size: 18px !important; }
.ql-editor h4 { font-size: 16px !important; }
.ql-editor h5 { font-size: 14px !important; }
.ql-editor h6 { font-size: 12px !important; }

/* Force list styles for Quill content */
.product-rich-content .ql-editor,
.product-rich-content {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.product-rich-content .ql-editor ol > li,
.product-rich-content ol > li {
    list-style-type: none !important;
    counter-increment: list-1;
    position: relative;
}

.product-rich-content .ql-editor ol > li:before,
.product-rich-content ol > li:before {
    content: counter(list-1, decimal) ". ";
    position: absolute;
    left: -25px;
    color: #283519;
    font-weight: 600;
}

.product-rich-content .ql-editor ul > li,
.product-rich-content ul > li {
    list-style-type: none !important;
    position: relative;
}

.product-rich-content .ql-editor ul > li:before,
.product-rich-content ul > li:before {
    content: "• ";
    position: absolute;
    left: -20px;
    color: #283519;
    font-weight: 600;
}

/* Ensure proper display */
.product-rich-content * {
    box-sizing: border-box;
}

.product-rich-content br {
    display: block;
    margin: 5px 0;
    content: "";
}