/* TigerRock Quill Editor Custom Styling */

/* Hide underlying textarea once bound to Quill */
textarea[data-quill-initialized="true"] {
    display: none !important;
}

/* Wrapper container styling */
.tigerrock-quill-wrapper {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tigerrock-quill-toolbar {
    border-bottom: 1px solid #dcdcdc !important;
    background-color: #f7f7f7;
}

.tigerrock-quill-editor {
    overflow-y: auto;
    background-color: #ffffff;
    color: #333333;
}

/* 
  Reset native list markers inside Quill to avoid double bullets/numbers.
  Global layouts often enforce list-style: disc on white-bg block lists.
*/
.tigerrock-quill-wrapper.ql-snow .ql-editor li {
    list-style: none !important;
}

/* Reset stack indentation paddings for list items */
.tigerrock-quill-wrapper.ql-snow .ql-editor ol,
.tigerrock-quill-wrapper.ql-snow .ql-editor ul {
    padding-left: 0;
}

.tigerrock-quill-wrapper.ql-snow .ql-editor ol li:not(.ql-direction-rtl),
.tigerrock-quill-wrapper.ql-snow .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}

.tigerrock-quill-wrapper.ql-snow .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
}

/* Restore text-decorations in active editor */
.tigerrock-quill-wrapper.ql-snow .ql-editor u {
    text-decoration: underline !important;
}

.tigerrock-quill-wrapper.ql-snow .ql-editor s,
.tigerrock-quill-wrapper.ql-snow .ql-editor strike {
    text-decoration: line-through !important;
}

/* Toolbar font-size select options display labels styling */
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: attr(data-value) !important;
}

.ql-snow .ql-picker.ql-size {
    width: 72px !important;
}

/* CSS styles for custom whitelisted font selections in toolbar */
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="impact"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="impact"]::before {
    font-family: "Impact", sans-serif;
    content: "Impact";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="arial"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="arial"]::before {
    font-family: "Arial", sans-serif;
    content: "Arial";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="courier"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="courier"]::before {
    font-family: "Courier New", monospace;
    content: "Courier";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="georgia"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="georgia"]::before {
    font-family: "Georgia", serif;
    content: "Georgia";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="helvetica"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="helvetica"]::before {
    font-family: "Helvetica", sans-serif;
    content: "Helvetica";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="times-new-roman"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="times-new-roman"]::before {
    font-family: "Times New Roman", serif;
    content: "Times New";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="trebuchet"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="trebuchet"]::before {
    font-family: "Trebuchet MS", sans-serif;
    content: "Trebuchet";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="verdana"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="verdana"]::before {
    font-family: "Verdana", sans-serif;
    content: "Verdana";
}

/* Align values display fonts */
.ql-font-impact { font-family: "Impact", sans-serif; }
.ql-font-arial { font-family: "Arial", sans-serif; }
.ql-font-courier { font-family: "Courier New", monospace; }
.ql-font-georgia { font-family: "Georgia", serif; }
.ql-font-helvetica { font-family: "Helvetica", sans-serif; }
.ql-font-times-new-roman { font-family: "Times New Roman", serif; }
.ql-font-trebuchet { font-family: "Trebuchet MS", sans-serif; }
.ql-font-verdana { font-family: "Verdana", sans-serif; }


.tigerrock-readonly-html {
    width: 100%;
    text-align: left;
}

/*
  Read-only styles for rendered saved HTML.
  Must not inherit editable-surface rules (pre-wrap padding, min-height, etc.).
*/
.ql-snow .readonly-html.ql-editor,
.readonly-html.ql-editor {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    tab-size: initial;
    cursor: default;
    outline: none;
}

.ql-snow .readonly-html.ql-editor > *,
.readonly-html.ql-editor > * {
    cursor: inherit;
}

.readonly-html.ql-editor p,
.readonly-html.ql-editor ol,
.readonly-html.ql-editor ul,
.readonly-html.ql-editor pre,
.readonly-html.ql-editor blockquote,
.readonly-html.ql-editor h1,
.readonly-html.ql-editor h2,
.readonly-html.ql-editor h3,
.readonly-html.ql-editor h4,
.readonly-html.ql-editor h5,
.readonly-html.ql-editor h6 {
    margin: 0;
    padding: 0;
}

.readonly-html.ql-editor li {
    list-style: none !important;
}

.readonly-html.ql-editor ol,
.readonly-html.ql-editor ul {
    padding-left: 0;
    margin: 0;
}

.readonly-html.ql-editor ol li:not(.ql-direction-rtl),
.readonly-html.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}

.readonly-html.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
}

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

.readonly-html.ql-editor s,
.readonly-html.ql-editor strike {
    text-decoration: line-through !important;
}